@charset "UTF-8";
/* CSS Document */

/* 
Theme Name: autorretretes.org
Theme URI: http://autorretretes.org
Description: Tema de la web autorretretes.org
Version: 1.0
Author: Cain Santamaria - cainSan.com
Author URI: http://cainsa.com
Author's Contact: digame@cainsan.com
The CSS, XHTML and design are copyrighted
*/

@import url("publicidad.css");
@import url("contact-form7.css");

/* Estilos Genéricos*/
/* CSS RESET - Atención a las advertencias */
html {
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}
ul, li {
	
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
	display:inline;
}
address, caption, cite, code, dfn, th, var {
	font-weight: normal;
	font-style: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6, pre, code, p {
	font-size: inherit;
}
q {
	quotes: "" "";
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border: 0;
}
a {
	color: inherit;
}
:link, :visited {
	display:inline;
}
a img, :link img, :visited img {
	border:none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
sub, sup {
	vertical-align: baseline;
}
hr {
	display: none;
}
font {
	line-height:inherit;
}
blink {
	text-decoration: none;
}
nobr {
	white-space: normal;
}

/*==================================== Etiquetas Genéricas ==========================================*/
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;
	font-size: 12px;
	background-color: #000000;
	background-image: url(images/cabecera_fnd.png);
	background-repeat: repeat-x;
	background-position: left top;
	color: #DBDBDB;
}
a {
	color: #E08400;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	background-color: #E08400;
}
img {
}
form {
	color: #CCCCCC;
	vertical-align:middle;
}
form label {
	color: #FFFFFF;
	font-size: 1em;
	margin-right: 1em;
	display:block;
	clear:both;
	line-height:1em;
	margin-top:0.5em;
}
input.texto {
	color: #000000;
	font-family: Tahoma, Verdana, sans-serif;
	padding: 0.1em;
	font-size: 1em;
	line-height:1.1em;
	border: 1px solid #999999;
	width:60%;
}

input.boton {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	font-size: 1.2em;
	line-height:1.2em;
	border: 1px solid #999999;
	margin-top:0.5em;
	padding-top: 0.1em;
	padding-right: 0.5em;
	padding-bottom: 0.1em;
	padding-left: 0.5em;
	text-align:center;
	background-color: #FFFFFF;
	display:inline-block;
}
textarea {
	color: #000000;
	font-family: Tahoma, Verdana, sans-serif;
	padding: 0.1em;
	font-size: 1em;
	line-height:1.1em;
	border: 1px solid #999999;}
select {
	line-height: 1.5em;
	background-color: #E6E6E6;
	border: 1px solid #333333;
	}
h1 {
	font-size: 4.1em;
	font-weight: bold;
}
h2 {
	font-size: 3em;
	line-height:0.9em;
	font-weight: bold;
}
h3 {
	font-size: 1.6em;
	line-height:1.6em;
	font-weight: normal;
	color: #333333;
	margin-bottom:0.3em;
	text-align: center;
}
h3 a, h4 a {
	font-weight: normal;
}
h4 {
	font-size: 1.2em;
	line-height:1.3em;
	font-weight: normal;
	margin-bottom: 0.3em;
	letter-spacing: -0.02em;
}
h5 {
	font-size:1em;
}
h6 {
	font-size: 1.5em;
	padding-left: 0.06em;
	padding-right: 0.06em;
}
p {
	font-size:1.1em;
	line-height: 1.3em;
	margin-bottom:1em;
}
/*==================================== Listas en entradas ==========================================*/

.entrada ul {
	list-style-position: outside;
	list-style-type: square;
	padding-left: 2em;
	padding-right:2em;
	padding-bottom:1em;
}
.entrada ol {
	list-style-position: outside;
	list-style-type: decimal;
	padding-left: 2em;
	padding-bottom:1em;
	padding-right:2em;
}
.entrada ul li, .entrada ol li {
	margin-bottom:1em;
	font-size:1.1em;}


/*==================================== Maquetación ==========================================*/
#centrado {
	width: 100%;
	margin-left: auto;
	margin-right:auto;
}
#contenido {
	position:absolute;
	overflow: hidden;
	margin-bottom:1em;
	
}

/*==================================== Cabecera ==========================================*/
#cabecera {
	height: 78px;
	width:1000px;
	position: relative;
	margin-left: auto;
	margin-right:auto;
	
}
#cabecera a:hover {
	background-color:transparent;
		
}
#cabecera .logo {
	position:absolute;
	top:8px;
	behavior: url(http://autorretretes.org/iepngfix.htc);
}
#cabecera img {

}
#cabecera .nombre {	
	margin-left:80px;
	margin-top:20px;
	behavior: url(http://autorretretes.org/iepngfix.htc);
}

#cabecera h1, #cabecera h2 {
	position:absolute;
	left:-999em;
}

/*==================================== Menú ==========================================*/

#menu {
	width:1000px;
	margin-left: auto;
	margin-right:auto;
	overflow:hidden;
	behavior: url(http://autorretretes.org/iepngfix.htc);	
	clear:both;
}
#menu ul {
	margin-left:5.5em;
	margin-top:1.2em;
}
#menu ul li {
	float:left;
	margin-right:1%;
	list-style-type:none;
	line-height:1.8em;
	font-size:1.2em;
}
#menu ul li a {
	padding-left:0.5em;
	padding-right:0.5em;
	padding-bottom:0.2em;
}	
#menu ul li a:hover {
	background-color:#666666;

}

/*==================================== Contenidos portada y categorías de autorretretes ==========================================*/
#cuerpo {
	overflow:hidden;
	clear:both;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:0;
	text-align:center;
	/**/background-image: url(images/selector_fnd.jpg);
	background-repeat: repeat-y;
	background-position: right top;	
}
#portada {
	position:relative;	
	width: 222px;
	margin-left: 1em;
	margin-right:0.2em;
	float:right;
	display:block;
	clear:none;
}
#portada h3  {
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom:0;
	margin-top:0.3em;
	color:#666666;
}
#portada h3 a {
	font-size:0.8em;
	clear:left;
}
#listado {
	overflow:visible;
	clear:left;
	margin-right:-1em;
}
/*\*/
/*html* #listado { margin-right:38px; } *//* sólo en safari */
/*\*/
/*html* #boletin { margin-right:38px; }*/ /* sólo en safari */
/*\*/
/*html* #noticia { margin-right:38px; } *//* sólo en safari */

.ficha {
	width:212px;	
	float:left;
	display:block;
	margin-bottom: 2em;
	margin-right: 2em;
	margin-left:0;	
	padding: 5px;
	border: 1px solid #333333;		
	position:relative;
	background-color: #000000;
	background-image: url(images/selector_fnd.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#portada .ficha {
	clear:both;
	margin-left:0;
	margin-right:0;
}
.ficha p {
	font-size:0.9em;
	line-height:1.1em;
	height:2.2em;
	margin-bottom:0.5em;
	clear:left;
	color:#CCCCCC;
	overflow:hidden;
}
.ficha h4 {
	height:2.6em;
	overflow:hidden;
	vertical-align:middle;
	margin-bottom:0.3em;
	width:100%;	
	text-align:center;
	display: block;
	clear:both;
}
.ficha h4 a {
	color:#FFFFFF;
}

.ficha .tags {
	font-size:0.9em;
	line-height:0.9em;
	height:2em;	
	margin-bottom:0em;
	padding-top:0.5em;
	overflow:hidden;
	text-align:left;	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
.ficha .tags a {
	font-weight:normal;
	color: #FFCB7E;
}
.ficha .pie {	
	font-size:10px;
	line-height:10px;
	clear:both;
	display:inline;	
}
.ficha .pie span {
	margin:0;
	padding:0;
}
.ficha .pie a {	
	margin:0;
	padding:0;
	font-weight:normal;
	color:#CCCCCC;
}
.ficha .pie a img {
	margin:0;
	padding:0;
}
.ficha .pie a:hover {
	color:#FFFFFF;
}

.wp-caption {
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0.3em;
	text-align:center;
	background-color:#EEEEEE;
	padding-top: 5px;
	padding-bottom: 5px;	
}
.wp-caption img {
	border: 1px solid #333333;		
}
.wp-caption p.wp-caption-text {
	color:#666666;
	margin-top:0.3em;}
/*==================================== Boletín ==========================================*/

#boletin, #noticia {
	background-color: #0F0F0F;
	background-image: url(images/boletin_fnd.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0.3em;
	padding-right: 1em;
	padding-bottom: 2em;
	padding-left: 2.1em;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:0;	
	text-align:left;
	position:relative;
	overflow:hidden;
	background-color:#E6E6E6;
	clear:left;
}


#boletin h3, #noticia h3 {
	font-size:0.9em;
	line-height:0.9em;
	display:block;
	width:100%;
	margin-bottom:0;
	margin-top:0.5em;
	clear:both;
	float:left;
	text-align:left;
	
}

#boletin h3 img, #noticia h3 img {
	
	margin-right:0.8em;
}
#boletin h3 span, #noticia h3 span {
	margin-top:0.3em;
			
}
#boletin .entrada, #noticia .entrada {
	width:99%;
	clear:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float:left;
	margin-bottom:1em;
	color:#000000;
	
}
#boletin .entrada h4, #noticia .entrada h4 {
	display:block;
	width:100%;
	clear:both;
	font-size:1.5em;
	line-height:1.5em;
	color: #E08400;
	font-weight:bold;
	margin-bottom:0;
}
#boletin h4 a, #noticia h4 a {
	font-weight: bold;
}
#boletin .entrada h5, #noticia .entrada h5 {
	display:block;
	font-size:0.9em;
	width:100%;
	clear:both;
	color:#666666;
	margin-bottom:0.9em;
}
#boletin .entrada .pie, #noticia .entrada .pie {
	display:block;
	width:100%;
	margin-bottom:0;
}

#boletin .sucribirse {
	float:left;
	font-size:1.1em;
	color:#999999;
	font-weight:normal;
	margin-left:1em;
	margin-top:0.2em;
}

#boletin .entrada p a, #noticia .entrada p a {
	text-decoration:underline;}

#boletin .entrada p, #noticia .entrada p {
	
}
#boletin .entrada p img, #noticia .entrada p img {
	clear:left;}




/*==============================================Autorretrete=======================================*/
#autorretrete {	
	position:relative;
	margin-right:265px;
	clear:left;
	margin-bottom:1em;
	
}
#autorretrete .entrada {		
	float:left;
	width:100%;
	clear:left;
	margin-bottom: 0.3em;	
	margin-left:0;
	padding-top:1em;
	background-image: url(images/fnd_degradado_circulo.png);
	background-repeat: no-repeat;
	background-position: center -200px;
	position:relative;
	display:block;	
	
}
#autorretrete .entrada h4 {
	text-align:center;	
	display:block;
	font-size:1.7em;
	line-height:2em;
}
#autorretrete .entrada h5 {
	display:block;
	margin-bottom:1em;	
}
#autorretrete .entrada h5.tags {
	font-size:0.9em;
	
}
#autorretrete .entrada h5.tags a {
	font-weight:normal;
	color: #FFCB7E;
}
#autorretrete .entrada h5.tags a:hover {
	color:#FFFFFF;
}
#autorretrete .entrada .pie {
	padding-bottom:0.8em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-bottom:0;
}

#cuerpo #autorretrete .entrada .wp-caption {
	font-size:0.9em;
	margin-bottom:0.9em;
	padding-bottom:0.1em;				
}
/*==============================================Páginas=======================================*/


#pagina {	
	text-align:left;
	position:relative;
	overflow:hidden;	
}

#pagina .entrada {
	background-color: #CCCCCC;
	color: #333333;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 1em;
	padding-right: 3em;
	padding-bottom: 3em;
	padding-left: 3em;
}
#pagina .entrada h4 {
	font-size: 2em;
	line-height: 1.4em;
	color: #000000;
	margin-top:0;
	margin-bottom:0.6em;
	font-weight:bold;
	letter-spacing:-0.03em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#pagina .entrada p {
	color: #333333;
}
#pagina .entrada p a {
	text-decoration:underline;
	color:#666666;
}
/*==============================================Comentarios=======================================*/

#comments {
	position:relative;
	clear:left;
	text-align:left;
	margin-bottom: 0.5em;
	border: 1px solid #333333;
	width:98%;
	padding-top: 0.3em;
	padding-right: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 0.8em;
	float: left;
}
#noticia #comments {
	color:#333333;
}

#comments h4 {	
}
#comments h5 {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #333333;
	margin-bottom:0.5em;
}
#comments h5 span a {
	font-size:0.8em;
	margin-left:0.8em;
}

#comments .impar {
	background-color: #131313;
}
#noticia #comments .impar {
	background-color: #CCCCCC;
}
#comments .comentario {
	display:block;
	clear:left;	
	float:left;
	width:100%;
	margin-bottom:1.5em;
}
#comments div .imagen {
	clear:left;
	float:left;
	margin-right:1em;
	background-color: #EEEEEE;
	padding: 2px;
	font-size:0.85em;
	line-height:0.9em;
	text-align:center;
	color:#666666;
	border: 1px solid #666666;
}
#comments div .imagen img {
	border: 1px solid #666666;
	clear:both;
	float:none;
	margin-bottom:0.2em;
}
#comments div .fecha {
	font-size:0.9em;
	float:right;
	display:inline;
	padding-right:0.2em;
}
#comments div h6 {
	font-size:1.2em;
	line-height:1.2em;
	margin-top:0.3em;	
	margin-bottom: 0.3em;
}

#comments div p {
	color:#EEEEEE;
	margin-bottom:0.8em;
	font-size:1em;
	line-height:1.3em;	
}
#noticia #comments div p, #noticia #comments div h6 {
	color:#333333;
}
#comments .suscribirse {
	line-height: 2em;
	display:block;	
	border-bottom-width: 1px;	
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#comments .formulario label {
	clear:left;
	float:left;
    width:21%;
    margin-bottom:0.5em;
	text-align:right;
	font-size:0.9em;
	display:inline-block;
}
#comments .formulario .datos {
	width:31%;
	float:left;

}
#comments .texto {
	float:left;
	width:65%;
	margin-bottom:0.5em;
}	

#comments .formulario {
	clear: left;
	margin-top:1em;
	margin-bottom:1em;
}

#comments .formulario input.boton {
	width:20%;	
	margin-top:100px;
	display:inline;	
	font-size:0.9em;
	text-align:center;
}
#comments .formulario textarea {
	clear:none;
	width: 45%;
	margin-bottom: 0px;
	height: 120px;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	float: left;
	margin-right:0.5em;	
}

/*==================================== Búsquedas ==========================================*/
#busqueda {
	text-align: left;
	overflow:hidden;
	clear:left;
	margin-right:250px;
	margin-right:-1em;
	
}
#busqueda h3 {
	color: #999999;
}
#busqueda h3 strong {
	color: #CCCCCC;
}

#busqueda .item {
	display: block;
	margin-bottom: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	list-style-position: outside;
	list-style-type: none;
	font-size:0.9em;
}
#busqueda .item h4 {
	font-size: 1.4em;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}
#busqueda .item h4 a {
	color:#FFFFFF;
}
#busqueda .item p {
	font-size:1.1em;
	color:#CCCCCC;
	margin:0;}
/*==================================== Lateral ==========================================*/
#lateral {
	float:right;
	width:238px;
	clear:right;
	padding-bottom:0.5em;
	padding-top:0.5em;
	margin-top:0.5em;
	margin-bottom:0.6em;
	margin-left:1em;	
}

#lateral h3 {
	display:block;
	clear:both;
	font-size: 1.1em;
	margin-left:0.5em;
	width:auto;
	color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
#lateral label {
	clear:left;	
	float:left;
	width:25%;
	text-align:right;
	padding-right:0.5em;
	height:1.6em;
	margin-bottom:1em;	
}
#lateral select {
	clear:right;
	float:left;
	width:70%;
	height:1.6em;
	margin-bottom:1em;
}
#lateral ul {
	display:block;
	margin-bottom:1.5em;
}
#lateral ul li {
	list-style-type:none;
	line-height:1.45em;
	text-align:center;
	font-size: 1.15em;
}
#lateral ul li a {
	padding-right: 0.4em;
	padding-left: 0.4em;
}	
#lateral .logo {
	margin-left:0.5em;
	margin-right:0.6em;	
	margin-bottom:1em;
	float:left;
	clear:none;
	behavior: url(http://autorretretes.org/iepngfix.htc);
}
#lateral .titulo {	
	clear:right;
	color:#666666;	
	clear:right;
	line-height:1.1em;
	margin-top:1.2em;
	
}
#lateral ul.tags {
	clear:right;
	float:left;
	width:66%;
	padding:0.4em;
	text-align:center;
	background-color:#1F1F1F;
}
#lateral .tags li {
	float:none;
	clear:none;
	display:inline;
	
	font-size:1em;
	line-height:1.2em;	
}
#lateral .tags li a {	
	padding-right: 0.4em;
	padding-left: 0.4em;
}
#lateral ul.comentarios {
	clear:right;
	width:100%;
	text-align:center;
	
}
#lateral ul.comentarios li {
	float:none;
	clear:none;
	display:inline;	
	font-size:1em;
	line-height:1.2em;
}
#lateral .buscar {
	width:100%;
	text-align:center;
	margin-bottom:2em;
}
#lateral #recentcomments {
	font-size: 0.9em;
}
#lateral #recentcomments li {
	color: #999999;
}
#lateral #recentcomments li a {}


/*==================================== Pie ==========================================*/
#pie {
	background-image: url(images/pie_fnd.png);

	background-repeat: repeat-x;
	background-position: left top;
	height: 40px;
	clear:both;
	width:100%;
	behavior: url(http://autorretretes.org/iepngfix.htc);
	font-size:0.9em;
	line-height:1em;
}
#pie .dcha {
	position:absolute;
	right:5px;
}
#pie p {
	width:1005px;
	margin-left:auto;
	margin-right:auto;
	line-height:1em;
}
#pie p a {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	margin-left: -1px;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
/*============================================== Socializarse =======================================*/
#autorretrete #social {
	margin-bottom:1em;
	width:150px;
	margin-left:auto;
	margin-right:auto;
	color: #666666;
}
#social {
	font-size:0.9em;
	line-height:16px;
	behavior: url(http://autorretretes.org/iepngfix.htc);
	width:100%;
	padding-top: 0em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#pagina #social {
	margin-top:1em;
}

#noticia .entrada #social h5, #boletin .entrada #social h5, #social h5 {
	clear: none;
	float: left;
	margin-right: 0.3em;
	margin-top:0;
	width:auto;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#social ul {
	list-style-position: outside;
	list-style-type: none;
	display:block;	
	padding:0;
	margin:0;
}
#social ul li {
	clear: none;
	float: left;
	margin-right:0.3em;	
}

/*==================================== Errores ==================================*/
.error {
	color:#FFFFFF;
	padding-top:1em;
	background-image: url(images/fnd_degradado_circulo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.error h3 {
	color: #CCCCCC;
}
#portada .error {
	position:absolute;
}


/*==================================== Recursos de Posicionamiento ==========================================*/
.volver {
	color:#CCCCCC;
}
.dcha, .alignright {
	float: right;
	margin-left:0.5em;
}
.izda, .alignleft {
	float: left;
	margin-right:0.5em;
}
.ctro {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	clear:both;
	float:none;
	width:99%;
}
* .salto_linea {
	display: block;
	clear: both;
	float: none;
	height:0;
	line-height:0;
	padding:0;
	width:100%;
}

.nota {
	color:#999999;
	font-size:0.95em;
	line-height:1.2em;
	margin-bottom:1.2em;
}
.peque {
	font-size:0.8em;
}
#navegacion {
	clear:left;	
	width:100%;
	display:inline;		
	font-size:1em;
	text-align:center;
	line-height:1.6em;
}

#navegacion div a {
	padding-left:0.3em;
	padding-right:0.3em;
	border: 1px solid #333333;
	margin-right:0.6em;
	display:inline;
	clear:none;
}