/*
Theme Name: Componente Humano
Description: Tested on WP 2.5.1
Version: 1.0
Author: �Se ha ido ya mama?
Author URI: http://www.sehaidoyamama.com/
Tags: fixed width, three columns, widgets
*/
/* This controls the width of the fluid width layouts */
div.fluid {
 	width: 90% !important;}
/* This controls the width of the fixed width layouts */
div.fixed {
	width: 900px !important;}
/* Basic Stuff */
* {
	margin: 0em;
	padding: 0em;}
body {
   padding:0px;
   height:100%;
   background: #FFFFFF url('images/body.jpg') repeat-x left top;
   color: #585858;
   font-size: 10pt;
   font-family: "trebuchet ms", helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: lowercase;}
h1 {
   color: #333;
   font-size: 18px;
   letter-spacing: -1px;}
h2, h3, h4, h5, h6 {
	color: #66000F;}
h1 span {
	font-weight: bold;}
h3 span {
	font-weight: bold;}
h4 span {
	font-weight: bold;}
br.clear {
	clear: both;}
img {
    border: none; }
img.floatTL {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	margin-top: 0.5em;}
a {	
   text-decoration: underline;

	color: #D90000;

}
a:hover {
  text-decoration: none;
}
ul.links {
  list-style: none;
}
ul.links li {
  line-height: 2em;
}
ul.links li.first {
}
p {
  line-height: 1.8em;
}
hr {
  display: none;
}
/* Header */
#header {
  width:100%;
  height:230px;
}
#header_inner {
	position: relative;
	width: 900px;
	height:230px;
	margin: 0 auto;
	background: url('images/cabecera.jpg');
}
/* Logo */
#logo {
	position: absolute;
	bottom: 0.6em;
}
#logo h1 {
	display: inline;
	color: #fff;
	font-size: 2.6em;
}
#logo h2 {
	display: inline;
	padding-left: 0.5em;
	color: #E5CCD0;
	font-size: 1.0em;
}
/* Menu */
#menu {
	position: absolute;

	right: 17em;

	bottom: 12em;

}



#menu ul {

	list-style: none;

}



#menu li {

	float: left;

}



#menu li a {

	margin-left: 0.2em;

	display: block;

	padding: 0.6em 0.8em 0.6em 0.8em;	

	color: #616161;

	font-weight: bold;

	font-size: 9pt;

	text-transform: lowercase;

	text-decoration: none;

}



#menu li.current_page_item a {

	background: #FFFFFF url('images/n3.gif') repeat;

	color: #c84a06;	

}



/* Main */



#main {

	/*background: #fff url('images/n2.gif') 0px 1px repeat-x;*/

}



#main_inner p {

	text-align: justify;

	margin-bottom: 2.0em;

}

.ventajas{

       background: url('http://www.componentehumano.es/wp-content/themes/componente_humano/images/ventajas.jpg') no-repeat left top; 

       padding:0 0 0 32px;

}

.quien{

       background: url('http://www.componentehumano.es/wp-content/themes/componente_humano/images/quienes.jpg') no-repeat left top; 

       padding:0 0 0 32px;

}

#main_inner .post .entry ul{

    margin:10px 0 10px 0;}

#main_inner .post .entry ul li{

    background: url('http://www.componentehumano.es/wp-content/themes/componente_humano/images/asterisco.jpg') no-repeat left top; 

    padding:0 0 0 16px;

    text-align:left;

    margin:0 0 8px 0

}

#main_inner ul {

       list-style:none;}

#main_inner {

    position: relative;

    width: 900px;	

    margin: 0 auto;

    padding-top: 15px;

}



#main_inner h2, h3 {	

	position: relative;

}



#main_inner h2 {

        display:block;

        float:left;

        width:100%;        

	font-size: 2.1em;

	padding-bottom: 0.1em;

	margin:0 0 0 0;

}

#main_inner h2 a{

        display:block;

        width:100%;

}

#main_inner h3, #bloque_derecha h2 {

	font-size: 1.2em;

	padding-bottom: 0.17em;

	margin:0.95em 0 1.4em 0;}

#main_inner .post {

        display:block;

        float:left;

	position: relative;

	margin-bottom: 3em;}

#main_inner .post h2 {

	position: relative;

	font-size: 1.7em;

	padding-bottom: 0.4em;}

#main_inner .post h2 a {

	text-decoration: none;

	color: #66000F;}

#main_inner .post h2 a:hover {

	color: #D90000;}

#main_inner .post ul.post_info {

        width:100%;

        height:32px;

	list-style: none;

	display:block;

        float:left;

	margin:0px;

	font-size: 0.8em;

        border-bottom: dotted 1px #E1E1E1;}

#main_inner .post ul.post_info li {

	background-position: 0em 0.2em;

	background-repeat: no-repeat;

        color:#969595;

	display: inline;

	padding-left: 22px;

}

#main_inner .post ul.post_info .comentarios {

        float:left;

        display: block;

        width: 30px;

        height:29px;

        padding:2px 0 0 0;

        background: transparent url(images/comments.gif) no-repeat left top;        

	font-size: 1em;	

        text-decoration:none;

}



#main_inner .post ul.post_info .comentarios p {

	text-align: center;}

#main_inner .post ul.post_info .comentarios p a {	

	color: #000; 

        text-decoration:none;      

	border: none;}

#main_inner .post ul.post_info .comentarios p a:hover {	

	border: none;

        text-decoration:none;}

#main_inner .post .entry{

        display:block;

        float:left;

        width:100%;

        padding:12px 0 0 0;}

#main_inner .post .entry p {

	text-align: justify;

	margin-bottom: 12px;

}

#main_inner .post img {

        display:block;

        float:left;

        margin:0 16px 0 0;}

#main_inner .post ul.post_info li.date {

	background-image: url('images/comentario.gif');

	float:left;}

#main_inner .post ul.post_info li.comments {

	float:right;}

.navigation {

	height: 3em;

	font-size: larger;

	font-weight: bold;}

.navigation a {

	text-decoration: none;}

.navigation a:hover {

	text-decoration: underline;}

.navigation .alignleft {

	float: left;}

.navigation .alignright {

	float: right;}

.commentlist {

        width:100%;

        display:block;

        float:left;

	list-style-position: inside;}

#comments{

        width: 100%;

        display:block;

        float:left;

        margin:5px 0 0 0;}

#comment {

	width: 100%;

}

/* Footer */

#footnotes {

    position:relative;     

    background:#d3c2d1 url(http://www.componentehumano.es/wp-content/themes/componente_humano/images/footer.jpg) no-repeat center top;

    float:left;

    width:100%;

    height:100px;}

#footnotes ul {	   

    margin: 18px auto 0;		 

    line-height:20px;		

    width:785px;		

    list-style: none;	}

#footnotes li{

    display: block;	

    width:auto;

    color:#D7E5E6;

    margin:0 30px 0 0;

    height:45px;

    float:left;}

#footnotes ul li a{

	text-decoration:none;

	color:#00CCFF;}

#footnotes a.copyright {

	color:#ffffff;

	text-decoration:none;

	border:none;}

#footnotes a.copyright:hover {

	color:#D7E5E6;

	}	



/* Search */

#buscador{
    display:block;
    float:left;
    margin:15px 0 15px 0;
    height: 40px;
    width:230px;}
input.button, #searchsubmit {
    background: #CA2F2F url('http://www.componentehumano.es/wp-content/themes/componente_humano/images/buscar.jpg') no-repeat left top;
    color: #fff;	
    width: 56px;
    height:29px;
    border:none;
    font-weight: bold;
    text-transform: lowercase;
    font-size: 0.8em;}
input.search { 
    width: 130px;
    height: 29px; 
    font-size: 0.8em;
    color:#864983;
    border: none; 
    background: url(images/input.gif) no-repeat left top; 
    padding: 7px 7px 7px 14px; 
    margin: 0 0 0 2px;}
input.submit { 

    width: 53px; 

    height: 29px; 

    border: none; 

    background: #FFF url(http://www.componentehumano.es/wp-content/themes/componente_humano/images/submit.gif) no-repeat; 

    font: bold 1.2em Arial, Sans-Serif; 

    padding: 0px; 

    color: #FFF; }

input.text, #s {

	margin-bottom: 5px;

	border: solid 1px #F1F1F1;

	font-size: 1.0em;

	padding: 0.25em 0.25em 0.25em 0.25em;}

#searchform { 

    background: url(images/searchform.gif) no-repeat; 

	padding: 8px 0px 10px 0px; 

	height: 27px; 

	font: bold 0.9em Arial, Sans-Serif;}

#searchform p { 

        padding: 0; 

	margin: 0;}

#cosas_de_frikis{

        display:block;

        float:left;

        width:230px;

        margin:15px 0 0 0;}

#rss {

        width:100%;		

	margin-bottom: 10px;}

#rss a {

        display:block;

        float: left;

        width:34px;

        height:54px;

        margin:0 14px 0 0;

}

#info{

    display:block;

    float:left;

    width:207px;

    background: url(http://www.componentehumano.es/wp-content/themes/componente_humano/images/info.jpg) no-repeat left top; 

    margin:0 0 15px 0;

    padding:42px 10px 10px 13px;

}
#flickr{
   display:block;
   float:left;
   width:100%;
   height:auto;
}
#flickr ul{
   width:245px;
   list-style: none;}
#flickr ul li{
   display:block;
   float:left;
   height:85px;
   width:85px;
   margin: 0 18px 18px 0; 
}
#bloque_derecha #flickr ul li{
  height:85px;
   width:85px;
}
#flickr ul li a{
    padding: 4px;
}
#flickr ul li a:hover{
    padding: 4px;
    background-color: #ccc;}
#flickr h2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-top: 20px;}
#postmetablock {
    display:block;
    float:left;
    font-size: 11px;
    color: #333;
    width: 100%;
    padding:15px 0 15px 0;
    border-bottom: dotted 1px #E1E1E1;}
/* @group Block 1 */
#pmblock1 {
	width: 360px;
	float: left;
	padding-right: 30px;
	text-align: left;
	line-height: 14px;}
#pmblock1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0px;}
#pmblock1 li {
	margin-top: 5px;}
/* @end */
/* @group Block 2 */
#pmblock2 {
	width: 130px;
	float: left;
	padding: 0;
	margin: 0;
	text-align: left;
	bottom: 3px;
	position: relative;}
#pmblock2 ul {
	list-style-type: none;
	margin: 0;
	display: block;
	padding: 0;
	position: relative;
	right: 3px;}
#pmblock2 li {
	display: inline;}
#pmblock2 img {

	margin: 0 6px 10px;}

/* @end */

#enviamigo{ 

    display:block;

    float:left;   

    font-size: 9pt;

    font-style: normal;

    text-transform: none;

    color: #676798;    

    width:100%;

    height:80px;

    border-bottom: dotted 1px #E1E1E1;}

#formu{

    display:block;

    float:left;

    width:100%;

    margin:10px 0 0 0;

    height:38px;}

#formu ul li{

    display:block;

    float:left;

    width:auto;

    margin:0 7px 0 0;

    height:100%;}

#recientes{

    background: url(http://www.componentehumano.es/wp-content/themes/componente_humano/images/recientes.jpg) no-repeat left top; 

    display:block;

    float:left;

    padding:38px 0 0 0;

    margin:15px 0 0 0;

    font-size: 9pt;

    font-style: normal;

    width:230px;

}

#recientes ul{

    list-style: none;

    width:100%;}

#recientes ul li{

    display:block;

    float:left;

    width:100%;

}

#archivos{
    background: url(http://www.componentehumano.es/wp-content/themes/componente_humano/images/archivos.jpg) no-repeat left top; 
    display:block;
    float:left;
    padding:38px 0 0 0;
    margin:15px 0 0 0;
    font-size: 9pt;
    font-style: normal;
    width:230px;}
#archivos ul{
    list-style: none;
    width:100%;}
#archivos ul li{
    display:block;
    float:left;
    width:100%;}
#enlaces{
    background: url(http://www.componentehumano.es/wp-content/themes/componente_humano/images/enlaces.jpg) no-repeat left top; 
    display:block;
    float:left;
    padding:38px 0 0 0;
    margin:15px 0 0 0;
    font-size: 9pt;
    font-style: normal;
    width:230px;}
#enlaces ul{
    list-style: none;
    width:100%;}
#enlaces ul li{
    display:block;
    float:left;
    width:100%;}
#categorias{

    background: url(http://www.componentehumano.es/wp-content/themes/componente_humano/images/categorias.jpg) no-repeat left top;     

    padding:38px 0 0 0;

    margin:12px 0 0 0;

    display:block;

    float:left;

    font-size: 9pt;

    font-style: normal;

    width:230px;}

#categorias ul{

    list-style: none;

    display:block; 

    float:left;

    width:212px;}

#categorias ul li{

    display:block; 

    float:left;

    height:21px;     background:url(http://www.componentehumano.es/wp-content/themes/componente_humano/images/dot.gif)no-repeat left center;

    padding:0 0 0 18px;    

    width:100%;}

#categorias ul li a{

    color:#8a157e;}

.recomienda{          background:url(http://www.componentehumano.es/wp-content/themes/componente_humano/images/enviar.jpg) no-repeat left top;

    border:none;

    display:block;

    float:left;

    width:92px;

    margin:7px 0 0 0;

    height:35px;

}

/* LAYOUT - 3 COLUMNS */



/* Bloque izquierda */



#bloque_izquierda {

     position: relative;

     display:block;

     float:left;

     width: 598px;     

     padding:0 20px 0 0;

     height:auto;}

/* Bloque derecha */

#bloque_derecha{

     display:block; 

	 float: left;

     width:245px;

     border-left: dotted 1px #E1E1E1; 

     padding:0 0 0 30px;}

#bloque_derecha ul{

     display:block;

     float:left;

     list-style: none;}

#bloque_derecha ul li {

     line-height: 1.5em;

     display:block;

     float:left;

     width:100%;}

#bloque_derecha ul li ul li {

	display:block;

        width:100%;}

#bloque_derecha p {

	text-align: left;

	margin-bottom: 1.4em;}

#bloque_derecha a{

     text-decoration:none;

     outline-color:#FFFFFF;

     display:block;

     float:left;}

/* @group Post Meta Blocks */



#postmetablock {

     font-size: 10px;

     color: #333;

     width: 100%;

     height:auto;	

     margin:0 0 15px 0;}

/* @group Block 1 */

#pmblock1 {

	width: 280px;

	float: left;

	padding-right: 20px;

	text-align: left;

	line-height: 14px;}

#postmetablock h1{

        padding:0 0 8px 0;}

#pmblock1 ul {

	list-style-type: none;

	margin: 0;

	padding-top: 0;

	padding-left: 0;

	padding-bottom: 0;}

#pmblock1 li {

	margin-top: 5px;}

#respond{

        width: 100%;

	float: left;

        display:block;

        height:15px;

        text-align: left;}

/* @end */

/* @group Block 2 */

#pmblock2 {

	width: 280px;

	float: left;

	padding: 0;

	margin: 0;

	text-align: left;

	bottom: 3px;}

#pmblock2 ul {

	list-style-type: none;

	margin: 0;

	display: block;

	padding: 0;

	position: relative;

	right: 3px;}

#pmblock2 li {

	display: inline;}

#pmblock2 img {

	margin: 0 6px 10px;}

/* @end */