
body {
	margin:20px;
	background:url(/images/motivos/11original.gif) repeat #FFFFFF; /* COLOR O IMAGEN DE FONDO */
	background-attachment: fixed;	
	color: #000000; /* COLOR DE LETRA POR DEFECTO */
	font-family: Arial; /* Tipo de letra por defecto */
	font-size:1em; /* Tamaño de letra por defecto */
	padding:0;        
	}

/* FORMULARIOS */
label {
	font-size:90%; /* Tamaño de la letra de los labels de formularios */
	font-weight:bold; /* Estilo de la letra de los labels de formularios */
	color:#000000; /* Color de texto */
	
}

legend {
	font-size:{{form_lengend_fs}}; /* Tamaño de letra del titulo del formualario */
	font-weight: {{form_lengend_fw}}; /* Grosor texto*/
	color:#000000; /* Color de texto del titulo del formulario */
}

fieldset {
	border:1px solid #000000; /* Grosor del borde de los formularios */
	background:#FFFFFF; /* Color de fondo de los formularios */
	width:95%; /* Anchura del formulario de comentarios */
	
}


/* ESTILO DE LOS ENLACES */
a {
	text-decoration:none; /* Decoracion de los enlaces */
	font-weight:bold; /* Estilo de la fuente de los enlaces */
}

a:link { 
	color:#101010; /* Color de los enlaces */
	font-size:100%;
	}
	
a:active { 
	color:#101010; /* Color de los enlaces */
	font-size:100%;
	}

a:visited { 
	color:#101010; /* Color de los enlaces */
	font-size:100%;
	}

a:hover {
	 color:#505050; /* Color de los enlaces al pasar por encima */
	 font-weight:bold; /* Estilo de la fuente de los enlaces */
	 font-size:100%;
	}

/* CABECERAS */
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}
	
h1{font-weight:normal;
	font-size:1.6em;
	color:#000000;
	margin: 0 30px 0 0;
	}
	
li {list-style-type: square;}
 
/* CONTENEDOR */
#container {
margin-right: auto;
margin-left: auto;
text-align: left; /* alineacion del texto por defecto */
padding: 0px;
width: 900px; /* Este campo ha de ser igual en todas las que se establezca la anchura como 800px */
height:100%;
}

/* CABECERA */
#header{
float: left;
background: url(/images/cabeceras/071308_005.jpg) repeat #FFFFFF; /* FONDO */
height: 110px; /* ALTURA */
width: 900px; /* ANCHURA */
border-top: 2px solid #000000; /* Estilo borde top */
border-left:2px solid #000000; /* Estilo borde left */
border-right:2px solid #000000; /* Estilo borde right */
border-bottom: 2px solid #000000; /* Estilo borde bottom */
}

/* TITULO Y SUBTITULO DEL BLOG */

#header h1.slogan{ 
   font-size:240%; /* Tamaño de la fuente */
   font-style:normal; /* Estilo de la fuente */
   font-weight:normal; /* Estilo de la fuente */
   color:#000000; /* Color de la fuente */
   padding: 20px 2px 2px 0px;
   text-align:right; /* Alineacion de la fuente */
   }
   
#header h2.slogan{ 
   font-size:90%; /* Tamaño de la fuente */
   font-style:italic; /* Estilo de la fuente */
   font-weight:normal; /* Estilo de la fuente */
   color:#303030; /* Color de la fuente */
   padding: 2px 35px 30px 0px;
   text-align: right; /* Alineacion de la fuente */
   border-bottom:2px solid #FFFFFF; /* Borde inferior */ 
   border-top:none;
   background:none;
   }

/* ZONA PRINCIPAL */
#main{
width: 900px;
background: #FFFFFF;
float: left;
border-top: none; /* Estilo borde top */
border-bottom: none; /* Estilo borde bottom */
border-left:2px solid #000000; /* Estilo borde left */
border-right:2px solid #000000; /* Estilo borde right */
}

/* BARRA LATERAL */
#sidebar {
min-height: 3500px;
float: left; /* donde se situa izquierda o derecha */
width: 208px; /* Anchura de la zon lateral */
display: inline;
font-size: 90%; /* Tamaño fuente por defecto */
border-left: 0px solid #000000; /* Estilo borde left */
border-right: 2px solid #000000; /* Estilo borde right */
border-top: none; /* Estilo borde top */
border-bottom: none; /* Estilo borde bottom */
background:  repeat #FFFFFF; /* FONDO */
text-align:left; /* Alineacion */
color:#000000;
}

#sidebar h2{
margin-top: 5px;
font-weight: bold; /* Grosor de la fuente */
font-style: normal; /* Estilo de la fuente */
font-size: 130%; /* Tamaño letra pie de pagina */
color:#FFFFFF; /* Color de la letra */
text-align:center; /* Alineacion */
border-top: 0px solid #FFFFFF; /* Estilo borde top */
border-bottom: 0px solid #FFFFFF; /* Estilo borde bottom */
background:  repeat #000000; /* FONDO */
}

#sidebar p{
padding-left: 5px;
padding-right: 5px;
margin: 5px;
font-style: normal; /* Estilo de la fuente */
font-size: 100%; /* Tamaño letra pie de pagina */
}

#sidebar ul{
margin: 10px 0 10px 30px;
padding: 0;
}

#sidebar li{
margin: 6px 0;
list-style-type:square; /* tipo de adorno del listado */
font-size: 80%; /* Tamaño letra pie de pagina */
}

/* BARRA LATERAL 2*/
#sidebar2 {
float: right; /* donde se situa izquierda o derecha */
width: 208px; /* Anchura de la zon lateral */
min-height: 3500px;
display: inline;
font-size: 90%; /* Tamaño fuente por defecto */
border-left: 2px solid #000000; /* Estilo borde left */
border-right: 0px solid #000000; /* Estilo borde right */
border-top: none; /* Estilo borde top */
border-bottom: none; /* Estilo borde bottom */
background: url(/images/motivos/11original.gif) repeat #FFFFFF; /* FONDO */
text-align:left; /* Alineacion */
color:#000000;
}

#sidebar2 h2{
margin-top: 5px;
font-weight: bold; /* Grosor de la fuente */
font-style: normal; /* Estilo de la fuente */
font-size: 130%; /* Tamaño letra pie de pagina */
color:#FFFFFF; /* Color de la letra */
text-align:center; /* Alineacion */
border-top: 0px solid #FFFFFF; /* Estilo borde top */
border-bottom: 0px solid #FFFFFF; /* Estilo borde bottom */
background:  repeat #000000; /* FONDO */
}

#sidebar2 p{
padding-left: 5px;
padding-right: 5px;
margin: 5px;
font-style: normal; /* Estilo de la fuente */
font-size: 100%; /* Tamaño letra pie de pagina */
}

#sidebar2 ul{
margin: 10px 0 10px 30px;
padding: 0;
}

#sidebar2 li{
margin: 6px 0;
list-style-type:square; /* tipo de adorno del listado */
font-size: 80%; /* Tamaño letra pie de pagina */
}

/* ZONA CENTRAL DE ARTICULOS */
#entry-area{
float: left;
display: inline;
width: 420px; /* Anchura de la zona de artículos */ 
margin:30px; /* Margen alrededor de esta zona */
}

/* Titulares de los artículos */
#entry-area h2{
color: #000000;  
font-style:normal; /* Estilo fuente de los titulos */
font-weight: normal; /* Grosor de la fuente */
text-align: left; /* Alineacion del texto */
text-transform:none; /* Transformacion del texto */
margin: 0 0 6px 0;
font-size: 120%; /* Tamaño de la fuente */
border-top: none; /* Estilo borde top */
border-bottom: 2px solid #000000; /* Estilo borde bottom */
background:none; 
}

/* Autor, fecha, categoria,............. */
#entry-area h3{
font-size: 80%; /* Tamaño de la fuente */
font-style: italic; /* Estilo fuente de los titulos */
font-weight: bold; /* Grosor de la fuente */
color: #000000; 
text-align: left; /* Alineacion del texto */
height: 30px; /* Altura */
margin-bottom:30px;
text-transform:none; /* Transformacion del texto */
background:none; /* Aqui se puede poner una imagen de fondo */
margin: 0;
}

#entry-area p{
margin: 8px 0 14px 0;
}

/* ZONA TAGS, AUTOR, MARCADORES */
.publicado {
	font-size: 70%; /* Tamaño fuente */
	text-align: left; /* Alineacion del texto */
	color:#000000; /* Color del texto */
	font-style: normal; /* Estilo fuente de los titulos */
	font-weight: bold; /* Grosor de la fuente */
	text-transform:none; /* Transformacion del texto */
	letter-spacing:.15em;
	border-bottom:1px dotted #000000; /* borde inferior */
	border-top:0px solid #000000; /* borde superior */
	margin-top:5px; /* Margen superior */
	margin-bottom:30px; /* Margen inferior */
	width : 420px; /* misma anchura que entry-area */
	background:none; /* fondo de la zona*/
	padding-bottom:5px; 
	padding-top:5px;
	clear:both;
}

/* PIE DE PAGINA */
#footer{
float: left;
text-align:left;
width: 900px;  /* Anchura del pie de pagina */
height: 50px; /* ALTURA */
background:  repeat #FFFFFF; /* FONDO */
border-top: 5px solid #000000; /* Estilo borde top */
border-left:2px solid #000000; /* Estilo borde left */
border-right:2px solid #000000; /* Estilo borde right */
border-bottom: 2px solid #000000;/* Estilo borde bottom */
}

.footer-content{
margin: 20px 20px 20px 50px;
font-size:80%; /* Tamaño de la fuente */
font-style:italic; /* Estilo de la fuente */
font-weight:normal; /* Estilo de la fuente */
color:#000000; /* Color de la fuente */
}

/* FORMULARIOS */		
input{
color:#000000; /* Color del texto */
border:1px solid #000000; /* borde de los cuadros del formulario */
font-size: 100%; /* Tamaño fuente */
background-color:#FFFFFF; /* Color de fondo del campo */
}	
	
textarea {	
/* MISMO VALOTRES QUE PARA INPUT */
color:#000000; /* Color del texto */
border:1px solid #000000; /* borde de los cuadros del formulario */
font-size:100%; /* Tamaño fuente */
background-color:#FFFFFF; /* Color de fondo del campo */
} 

input:focus, select:focus {
border: 2px solid #F00; /* borde de los cuadros al seleccionarlos */ 
background-color:#FFFFFF; /* Color de fondo al seleccionar los cuadros */
}


/* COMENTARIOS */
.comentarios_izquierdo {
display:block;
width:45%;
margin:0 auto 0 auto;
float:left;
}

.comentarios_derecho {
width:45%;
display:block;
float:right;
}

.lista_comentarios { 
	padding:5px;
	margin-bottom: 10px; /* Separacion entre comentarios */
	width: 420px; /* misma anchura que entry-area */
	border:1px dotted #000000; /* Borde (grosor, estilo, color) */
	font-size:90%; /* Tamaño fuente */
	color: #333; /* Color del texto */
	background:  repeat #FFFFFF; /* FONDO */
}

.resultados_busqueda{
	font-size: 80%;
	font-variant:small-caps;
	letter-spacing:2px;
	text-transform:uppercase;
	padding-top:12px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #000000;	
}

.sindicar_categoria{
	font-size: 12px;
	font-variant:small-caps;
	letter-spacing:2px;
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:1px solid #CCE2B3;
	margin-bottom:20px;
}

.podcast{
  width: 420px; /* Anchura de la zona de artículos */ 
  margin:30px; /* Margen alrededor de esta zona */
  float: center;
  padding:0;
  }
  
.podcast_left {
  width:65%;
  float: left;
  margin:0 auto;
  padding:0;
  text-align:justify;
  }  

.podcast_right {
  width:30%;
  float: right;
  margin:0 auto;
  padding:0;
  }