/* CSS Document */
/* --------------  ESTILOS BASICOS / BASIC STYLES  ---------- */
html {
	margin:0;
	padding:0;
	color:#34200a;
	background:#fff;
	}
body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:90%;
	background-color:#fdaf5b;
	color:#34200a;
}
div, ul, li, dt, dd, dl, ol, p {
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
img {border:none;}

.invisible {
		display:none;
	}
a {
	color:#0075EA;
	text-decoration:none;
	font-weight:bold;
}

a:hover, a:active {text-decoration:underline;}

/* Clases utilizadas para el estilo especmficamente */

.subrayado { text-decoration:underline;}
.error { color:#CE0000;}
.navegacion-secundaria a{
	
}
.navegacion-secundaria img{
	float:right;
}


div.body{
	width:100%;	
	margin:0;
	padding:0 0 175px 0;
	float:left;
	border-top:8px solid #000;
	border-bottom:8px solid #ccc;
	background:url(http://www.estilorama.com/2007/img/PC2.gif) bottom left no-repeat #f4f4f4;
	color:#000;
	position:relative;
}
/* ----------------  CABECERAS / HEADERS  ------------------ */
#cabecera {
	width:100%;
	float:left;
	margin:0;
	padding:0;
	} 
	


.cabecera-body {
	width:100%;
	float:left;
	margin:0;
	padding:0;
	background-color:#f4f4f4;
}
h1 {
	width:100%;
	float:left;
	height:135px;
}
#cabecera a img{
	display:none;
}
 
 
a img, 

h1, 
h2, 
h3, 
#menu-opciones, 
#menu-herramientas {
	width:100%;
	float:left;
	margin:0;
	padding:0;
}
#menu-opciones .navegacion-secundaria, 
#menu-herramientas .navegacion-secundaria{
	display:none;
}

#cabecera p.lema {float: right; font-size:100%; width:auto; margin:-75px 3% 0 0; padding:0.2% 29px 0 0; height:30px; background:url(http://www.estilorama.com/2007/img/css.gif) top right no-repeat;}
#cabecera p.lema a{text-decoration:none; color:#000}
#cabecera p.lema a:hover{	text-decoration:underline;}

#titulo{
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:40px 0 0 0 ;
	height:145px;	
	background-image:url(http://www.estilorama.com/2007/img/logo.gif);
	background-position:center 10px;
	background-repeat:no-repeat;
	background-color: #f4f4f4;
	}
	*>#titulo{
		height:120px;	
	}
	#titulo a{
		display:block;
		float:left;
		margin:0 0 0 2%;
		padding:0;
		width:219px;
		height:58px;
		background:url(http://www.estilorama.com/2007/img/fundamentos.png) top left no-repeat;
		}
		#titulo a span{
			display:none;
		}
		
#cabecera p{
	float:left;
		width:40%;
	margin:0;	
	font-weight:bold;
	padding:0 0 0 20px;
	font-size:120%;
	}
/*-------------- El Tmtulo de las Secciones (H2) ---------- */
/*
    Se incluyen DIVs especmficamente para poder aplicar estilos especiales a los tmtulos de las secciones
*/
#titulo-seccion {width:100%; padding:0 0 0 0; margin:0; float:left; background:#34200a; color:#fff}
*>#titulo-seccion {width:100%; margin:0; padding:0 0 0 0; float:left; /*border-top:2px solid #34200a;*/}

h2 a, 
h2 a:link, 

h2 a:hover, 

/* ---------------- MENZ de HERRAMIENTAS ----------- */
.titulo-menu { display:none;}
#menu-herramientas ul {
	width:auto;
	position:absolute;
	top:30px;
	right:25px;
	font-size:85%;
	list-style-type:none;
	
	}
	*>#menu-herramientas ul {	
		top:20px;
		right:25px;
		}
#menu-herramientas ul li {
	float:left;
	width:auto;
	margin:0 10px 0;
}
#menu-herramientas ul li a:visited{ color:#34200a; text-decoration:none;}

#menu-herramientas ul li.selector-idioma a:active {text-decoration:underline;}
#menu-herramientas  li.linkActivo { text-decoration:underline; background:none; border:none; padding:0; color:#34200a; font-weight:bold;}
#herramientas li.linkActivo { text-decoration:underline; background:none; border:none;}


#menu-herramientas .menu-herramientas-head-l {display:none;}
#menu-herramientas .menu-herramientas-head-r {display:none;}

#menu-herramientas ul li.selector-idioma { padding:0 0 0 25px; background:url(http://www.estilorama.com/2007/img/england.gif) 0 2px no-repeat transparent;}
#menu-herramientas ul li.selector-idioma a:link,
#menu-herramientas ul li.selector-idioma a:visited {color:#34200a; text-decoration:none;}
#menu-herramientas ul li a, 
#menu-herramientas ul li a:link, 
#menu-herramientas ul li a:visited{color:#34200a; text-decoration:none;}
#menu-herramientas ul li a:hover, 
#menu-herramientas ul li a:active,
#menu-herramientas ul li.selector-idioma a:hover,


/* el enlace a la portada */


/* ------------------- MENZ de OPCIONES ------------- */
#menu-opciones {
	width:100%;
	margin:30px auto 40px auto;
	clear:both;	
}
#menu-opciones .menu-opciones-head-l {display:none;}
#menu-opciones .menu-opciones-head-r {display:none;}

#menu-opciones ul {
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	list-style-type:none;	
	background:#f4f4f4;
}
#menu-opciones ul li {
	width:14%;
	float:left;
	margin:0 0 10px 1.5%;
	text-align:center;
	padding:0;
}
*>#menu-opciones ul li{
	width:13%;
	margin:0 0 10px 3%;
}

#menu-opciones ul li a {
	display:block;
	float:left;
	width:100%;
	margin:0;
	padding:4px 0 4px 0;
	border:1px solid #34200a;
	background:#e3e2e1;
	color:#34200a;
	text-decoration:none;
	font-size:85%;
}
#menu-opciones ul a:hover, 
#menu-opciones ul a:active {
border:1px solid #fdaf5b;
color:#fdaf5b;
background:#34200a;
}#menu-opciones ul li.impar a:hover, 
#menu-opciones ul li.impar a:active {}
.linkActivo {
	border:1px solid #fdaf5b;
	color:#fdaf5b;
	background:#34200a;
	padding:4px 0 4px 0;
	margin:0;
	}
	.linkActivo span{
		width:100%;
		float:left;
		margin:0;
		padding:0;
		padding:4px 0 4px 0;
		font-size:85%;
		}


/* ------ El CONTENEDOR del contenido de la pagina --------- */
#contenido {
	width:75%;
	margin:0 0 0 2%;
	padding:0 0 50px 0;
	background-color:#f1e9e0;	
	float:left;
	/*background:url(http://www.estilorama.com/2007/img/logo2.png) bottom left no-repeat #f4f4f4;*/
	
	color:#000;
	border:4px solid #000;
}
*>#contenido {
	width:72%;
}
#content-body{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	background-color:#f1e9e0;
	position:relative;
}
#contenido .contenido-head-r { display:none;}
#contenido .contenido-head-l { display:none;}

#contenido .contenido-body {width:100%;
	float:left;
	margin:0;
	padding:0;}

/* ---------- PATROCINADORES / SPONSORSHIP ----------------- */
.patrocinadores-head-l { display:none;}
.patrocinadores-head-r {display:none;}
.patrocinadores-body {
	
}
.patrocinadores {
	width:20%;
	/*position:absolute;
	top:300px;
	left:3%;*/
	float:left;
	margin:0 0 0 0.5%;
	padding:0 0 0 3%;
	text-align:center;
}
*>.patrocinadores {
	margin:0 0 0 0;
	padding:0 0 0 3%;
}

.patrocinadores dt{
	border-top:8px solid #fdaf5b;
	border-left:2px solid #fdaf5b;
	border-right:2px solid #fdaf5b;
	color:#000;
	font-weight:bold;
	background-color:#fdaf5b;
	margin:0;
	padding:0;
}
.patrocinadores dd{	
	float:left;
	background-color:#fff;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	border-left:2px solid #fdaf5b;
	border-right:2px solid #fdaf5b;
	border-bottom:2px solid #fdaf5b;

	
}
.patrocinadores dl,  
.patrocinadores dt,
.patrocinadores dd {
	width:100%;
	float:left;
	clear:left;	
	text-align:center;
}
.patrocinadores li { 
	width:100%; 
	float:left; 
	margin:0 0 10px 0; 
	padding:0 0 0 0; 
	/*background:url(http://www.estilorama.com/2007/img/hormi2.gif) 20px bottom no-repeat transparent;*/
	}
*>.patrocinadores li{
	padding:0 0 0 0;
	/*background:url(http://www.estilorama.com/2007/img/hormi2.gif) bottom right no-repeat transparent;*/
	}
.patrocinadores ul {
	width:100%; 
	float:left; 
	margin:0; 
	padding:0; 
	list-style-type:none;
	}

/*  Los logos de los patrocinadores */
.patrocinadores img { border:1px solid #34200a; margin:0 0 0 0; width:80%;}



/* -------------- PIE / FOOT -------------------------- */
#pie {
/*	float:left; 
	width:100%; 
	clear:both; 
	text-align:right;
	margin:30px 0 0 0; 
	padding:0 0 20px 0; 
	border-bottom:4px solid #fdaf5b;*/
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:right;


	border-bottom:4px solid #fdaf5b;
	}
#pie hr { display:none;}   
#pie p {width:90%; float:right; margin:0 2% 0 0;}

#pie .navegacion-secundaria{
	display:none;
}
/* ------ ELEMENTOS del CONTENIDO / CONTENT ITEMS ------ */
.item {
	width:90%;
	margin:30px 0 0 2%;
	float:left;
	padding:0 0 15px 0;
	border:1px solid #000;
	background-color:#fff;
}
*>.item{
	width:92%;
}
.item p{
	width:97%;
	margin:10px 0 10px 1%;
	
}
.item h3 {
	width:100%;
	float:left;
	margin:0 0 5px 0;
	padding:31px 0 3px 2%;
	font-size:120%;	
	border-bottom:4px solid #ccc;
	background:url(http://www.estilorama.com/2007/img/hormi2.png) 0 2px repeat-x #fdaf5b;
	color:#000;
}
*>.item h3 {
	width:98%;
}

#contenido dl{
	width:97%;
	float:left;
	margin:10px 0 10px 1%;
	}
	#contenido dt{
		font-weight:bold;
	}
	#contenido dd{
		margin:0 0 10px 0;
	}

#contenido ul{
	width:97%;
	float:left;
	margin:0 0 0 1%;
	}
	#contenido li{
		width:97%;
		float:left;
		margin:0 0 5px 0;
		padding:0 0 0 20px;
		background:url(http://www.estilorama.com/2007/img/bulletul.gif) 5px 5px no-repeat transparent;
		
	}
	
	#contenido dl.estilos{
		text-align:center;
	}
	#contenido dl.estilos ul li{
		background:none;
	}
/*  Elementos mas pequeqos / smaller items  */
.item-mini {
	width:44%;
	margin:30px 0 0 2%;
	float:left;
	padding:0;
	border:1px solid #000;
	padding:5px;
	background-color:#fff;
}
.item-mini dl, 

.item-mini h3 {
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:31px 0 3px 2%;
	font-size:120%;	
	border-bottom:4px solid #ccc;
	background:url(http://www.estilorama.com/2007/img/hormi2.png) 0 2px repeat-x #fdaf5b;
	color:#000;
}
*>.item-mini h3 {
	width:98%;
}
.item ul, .item-mini ul{
	list-style-type:none;
}


.item-mini p{
	margin:10px 0 10px 0;
	text-align:left;
}

.item-mini p img.decorador{
	float:left;
	margin:0 0 0 7%;
}
.item-mini p strong{	
	text-align:center;	
	margin:0 0 0 10px;
}

.item-mini p.resumen br{
	display:none;
}
.item-mini p.resumen a{
	float:left;
	margin:0 10px 0 10px ;
	padding:0 7px 0 7px;
	width:auto;	
	display:block;	
	background-color:#ccc;
	color:#000;
	border-bottom:1px solid #000;
	border-right:1px solid #666;
	border-left:none;
	border-top:none;
}
.item-mini p.resumen a:hover{
	border-top:1px solid #000;
	border-left:1px solid #666;
	text-decoration:none;	
	border-bottom:none;
	border-right:none;
}
p.siguiente-seccion{
	margin:20px 0 20px 0;
}


p.siguiente-seccion a{
	display:block;
	width:auto;
	float:right;
	margin:0 20px 0 0;
	padding:0 7px 0 7px;
	background-color:#ccc;
	color:#000;
	border-bottom:1px solid #000;
	border-right:1px solid #666;
	border-left:none;
	border-top:none;
}
p.siguiente-seccion a:hover{
	border-top:1px solid #000;
	border-left:1px solid #666;
	text-decoration:none;	
	border-bottom:none;
	border-right:none;	
}


#contenido h4{
	border-bottom:1px dotted #fdaf5b;
	background-color:#f1f1f1;
	float:left;
	margin:20px 0 20px 0;
	padding:0 0 0 1%;
	width:100%;

}
*>#contenido h4{
	width:99%;

}

#contenido table{
	
	float:left;
	padding:0;
	width:90%;
	margin:0 0 20px 2%;
	border:1px solid #000;
	border-collapse:collapse;
	font-size:90%;
	}
	*>#contenido table{
		margin:0 0 0 5%;	
	}
	#contenido table caption{
		padding:0 0 10px 0;
		margin:0 0 0 5%;
	}
	#contenido table th{
	border:1px solid #000;
		padding:4px;
		background-color:#004080;
		color:#fff;
	}
	#contenido table th a{
		color:#9BCDFF;
		font-weight:bold;
	}
	#contenido table td{
		border:1px solid #000;
		padding:4px;
		background-color:#f1f1f1;
	}
	

/* El primer elemento publicado en el contenido / The first published element within the content */




/* Informacisn sobre el feed de cada seccisn */

/* Informacisn de resumen para los items */


/* --------- Resumen de las Sub-secciones y sugerencias ------
   --------- Summary of the Sub-sections and suggestions ---- */
#contenido .subsecciones {
	width:100%;
	float:left;
	margin:30px 0 0 0;
}
#contenido .subsecciones ul {
	width:50%;
	float:left;
	margin:0 0 0 30px;
	padding:0;
	list-style-type:none;
	}
.subsecciones li {width:70%;}

/* Enlaces para paginacisn adelante-atras/Links for pagination next-previous */ 

/* Anotacisn en la pagina */
div.nota {
	width:40%;
	float:right;
	clear:none;
	text-align:left;
	
	margin:0 0 20px 0;
	/*position:absolute;
	top:0;
	right:0;*/
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	background:url(http://www.estilorama.com/2007/img/fondo_sug.gif) top left repeat #fff;
}
#contenido address{
	width:97%;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}
#contenido #mapa-google{
	width:auto;
	margin:20px auto 20px auto;
	float:none;
	clear:both;
}
div.sugerencias {		
	padding:10px 20px 10px 10px;		
	}
#contenido .subsecciones div.sugerencias ul {
	width:100%;
	list-style-type:none;
	margin:10px 0 0 0;}
.subsecciones div.sugerencias p { font-weight:bold;}



#contenido .vcard{
	text-align:center;
}
/* ------------------ Tablas / Tables  ------------- */

/* -- Tablas especmficas de la agenda / Specific tables for the program --- */


/* --------------- Contacto / Contact -------------- */


/* ---------------------- Media -------------------- */
#contenido li.thumbnail {
	width:105px;
	float:left;
	margin:0 0 20px 2%;
	padding:5px 0 5px 0;
	border:1px solid #000;
	text-align:center;
	background:none;
}
*>#contenido li.thumbnail{
	padding:0 0 0 0;
	border:none;
}
li.thumbnail p {
	/*background:url(http://www.estilorama.com/2007/img/camara.gif) 2px 0 no-repeat transparent;*/
	padding:0 0 0 0;
	width:100%;
}
*>li.thumbnail p {
	padding:0 0 0 0;	
}

li.thumbnail img{	
	margin:auto;		
	border:1px solid #000;
	padding:5px 5px 15px 5px;
	background-color:#fff;
}


.thumbnails {
	list-style-type:none;
}
.thumbnails li.thumbnail-texto {background:none;
	margin:10px 0 10px 0;}




#contenido ul.actualidad li.ultimo-item{
	background:none;
	margin:10px 0 10px 0;
}
#contenido ul.actualidad li.feed{
	background:none;
	margin:0;
	padding:0;
}