/* ))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))

	WWW.CENTROINFANTILELMOLINO.ES 	
		
	Versión 1.5. Fecha: 18 mayo de 2007.
	Antonio Salguero 
	
	--------------------------------------------------------	
	Estructura General del HTML:	
		=> #Fondo #Paisaje
		=> #Container
			-> #Area_Baner
			-> #Area_Logo 		(no tiene este bloque)
			-> #Area_Navegar		
			-> #Area_Central
				+ #Zona_Menu
				+ #Zona_Lateral	
				+ #Zona_Contenido
			-> #Area_Pie
		=> #Fondo_Pie .Copyright

))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))) */

/*=================================================== 
			Definiciones Generales
===================================================== */

	* 	{	margin: 0;	padding: 0;	}
	P , A {	font-size: 100%; }

/* --------------- Estilos ---------------------- */
	H1 {	font: bold 125% "Lucida Sans","Trebuchet MS", Arial, Helvetica; }
	H2 {	font: bold 125% "Lucida Sans","Trebuchet MS", Arial, Helvetica; }
	H3 {	font: bold 110% Arial, Verdana, helvetica; }
	H4 {	font: bold 110% Arial, Verdana, helvetica; }
	H5 {	font: bold 100% Verdana, helvetica; }
	H6 {	font: bold 100% Verdana, helvetica; } 
	H1 , H2, H3, H4, H5, H6, P { Line-height: 140%;}

/* --------------- Enlaces ---------------------- */

	A, A:visited { 	color: #0af; text-decoration: none; cursor: hand; }
	A:hover {		color: #F80; text-decoration: none; }

/* ------------ Tablas y Formularios ------------- */

	FIELDSET, LEGEND, 
	LABEL, TEXTAREA, SELECT, OPTION, INPUT,  	
	UL, OL, LI, 
	DL, DT, DD,   
 	TD  {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
	TABLE, TBODY, THEAD, TFOOT,
	TR, TD, TH { 	
		vertical-align: top;
		}
	IMG { border: 0px; }
	HR { border-top: thin dotted #eee; }


/*=================================================== 
			 Estructura Principal
===================================================== */
	BODY {
		text-align:center;
		margin: 0% 2% 2%; 
		font: normal 70% Verdana, Arial, helvetica, sans-serif;
		background: #909090 url(../diseno/fondoadmin.png) center 20px repeat;
		} /* ojo con IE que no entiende bien los padding en % */

/* --------------- Containers Pagina ---------------------- */
	#Container {
		background-color:#fcfcfc;
		padding: 10px 20px 10px;
		}
/*=================================================== 
			 Area LOGO		#46c			
===================================================== */
	#Area_Logo {
		width:100%;
		background: #fff url(../diseno/bg_logo.png) 0 top no-repeat;
		height: 72px; 
		text-align: left;
		padding-top:0px;
		}
	#Area_Logo h1 { 
		font-size: 10.5pt;
		text-align:center;	
		color: #ccc; 
		margin-top: 50px; 
		padding: 4px 0px;
		background: #111 url(../diseno/vista.png) center top repeat-x;
		}
	#Area_Logo p {
		font: normal 8pt Arial, helvetica, sans-serif;
		color:#f80;
		padding: 0px 1% 0 5px; 
		background-color:#fff;
		float:right;
		}
/*=================================================== 
			 Area Navegar
===================================================== */
	#Area_Navegar {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 5px;
		background: #8ae url();
		}
	#Area_Navegar ul {
		list-style:none;
		border-bottom: 2px solid #acf;
		}
	#Area_Navegar LI {
		color:#468;
		display: inline; 
		font: normal 8pt Arial, helvetica, sans-serif;
		line-height: 22px; 
		}
	#Area_Navegar LI A  { 
		margin: 5px 8px; 
		color: #fff;  
		font: bold 9pt Arial, helvetica, sans-serif;
		} 
	#Area_Navegar LI A:hover {
		color: #Fe0;
		}
	
/*=================================================== 
			 Area Baner
===================================================== */
	#Admin {
		width:100%;
		overflow:hidden;  
		}
	#Admin h1 {
		text-align:center;
		color: #234;
		padding: 5px 0 5px;
		font-size: 1.3em;
		}
	#Admin h2 {
		text-transform:  uppercase; 
		color: #f80;
		padding: 15px 0px 10px 40px;
		}
	#Admin h3 {
		color: #6ad;
		padding: 15px 0px 10px 40px;
		}
	#Admin h4 {
		color: #f80;
		padding: 5px 1px 5px 1px;
		}
	#Admin h4.verde {
		color: #8c2;
		}
	#Admin h4.rojo {	
		color: #f33;
		}
	#Admin h5 {
		color: #6ad;
		padding: 5px 1px 5px 1px;
		}
	#Admin h6 {
		color: #787065;
		padding: 2px 1px 5px 1px;
		}
	#Admin p { padding-bottom: 7px; text-indent: 0px; 		}	
	#Admin HR { border-top: thin dotted #ccc;	}

	#Admin div.normas { 
		text-align: left;
		width:80%;  
		border: 1px solid #f3f5f7;
		margin: 20px 0;
		padding: 10px 50px;
		background-color: #f6f6f6;
		}
	#Admin div.normas * {
		font-family: Arial, Helvetica, Sans-serif;
		color: #666;
		}
/* -------- Diapositivas  ------------------------- */
	#Admin div.diapo  {
		float:left; 
		text-align:center;  
	  	width:150px; 
		overflow:hidden;  
		margin:10px;
		}
	#Admin div.marco  {
		text-align:center; 
		background-color:#FFF;
		border:1px solid #ccc;
		}
	#Admin div.retrato  {
		width:95%; 
		height:70px; 
		overflow:hidden; 
		text-align:center;  
		margin:5px;
		}
/* -------- Listados Admin  ------------------------- */

	#Listado { 
		text-align:center;
		margin: 0px auto; 	
		width: 100%;  
		padding: 20px 0;
		overflow:  auto; 
		border-top: 2px solid #f4f4f4;
		border-left: 2px solid #f4f4f4;
		background-color:#e5e5e5;		
		}
	#Listado TABLE {
		text-align:center;
		margin: 0px auto;
		}
	#Listado TH {
		text-align: center;
		color: #555; 
		font-weight:bold;
		padding: 2px 10px 0px;
		border: 1px solid #ec8;
		border-right: none;
		background-color: #fad333;
		}
	#Listado TD {
		text-align: left;
		padding: 2px 10px;
		vertical-align: middle;
		border-left: 2px solid #f8f8f8;
		border-bottom: 2px solid #f8f8f8;
		background-color: #f4f4f4; 
		color: #555; 
		}
	#Listado TD.blanco { background-color: #f8f8f8; }

	INPUT, TEXTAREA { color: #e50; font-size: 9pt}

/*=================================================== 
	 	Area Central (division por zonas)
	................................................
===================================================== */
	#Zona_Menu { 
		overflow: hidden; 
		background-color:#fff; 
		}
	#Zona_Contenido { 
		position:relative;
		overflow: hidden; 
		margin: 0px;
		background-color:#fff; 
		border-left: thin solid #f2f2f2;
		text-align:left; 
		}
	/* ............................................. */
	#Menu {
		margin: 10px;
		text-align:left; 
		}
	#Contenido  { 
		margin: 0px 0px 5px 10px; 
		padding: 0px 20px 5px 0px;	
		text-align: justify; 
		overflow: hidden; 
		color:#787065; 
		}
	
/*=================================================== 
			 Menus
===================================================== */
	#Menu * { color: #876;}
	#Menu P, #Menu LI { font: normal 100% Arial, Helvetica, sans-serif; }
	#Zona_Menu H4 {
		text-align:center;
		color: #16c; /* color titulo */
		color: #a50; /* color titulo */
		padding: 10px 2px 30px;
		text-transform:uppercase;
		back ground:#ffeac0 url( );
		}
	#Menu UL { 
		list-style-type: none;
		}

	#Menu UL LI {
		margin-bottom: 15px; 
		padding: 0px;
/* border: 1px solid #f5f5f5; */
		text-align:center;
		} /* sin borde-bottom no funciona en IE-6 */
	#Menu A {
		display: block; 
		font: normal 110% Arial, Helvetica, sans-serif;
		}
	#Menu UL LI A {
		color: #fff;
		margin: 0px;
		padding: 3px 0px;
		font-weight: bold;
		border: none;
		background-color: #09e; /* fondo azul claro */
	}
	#Menu UL UL {
/*	list-style-type: disc;
	list-style-position: inside; */
	bo rder: 1px solid #f5f5f5;
		}

	#Menu UL UL LI { 
		padding: 0px;
		margin: 0px;
		text-align:left;
		background-color: #fff;
		border: none;
		border-top: 1px solid #fcfcfc;
		border-bottom: 1px solid #f5f5f5;
		} /* sin borde-bottom no funciona en IE-6 */
	#Menu UL UL LI A {
		color: #940;
		margin: 0px; padding: 3px;
		line-height: 140%;
		font-weight: normal;
		border: none; 
		background:  #fff url("../diseno/gris.gif") right top repeat-x;
	}
	#Menu UL UL UL { 
/*		list-style-type: decimal;*/
		border: none;
		}

	#Menu UL UL UL LI {
		margin: 0px;
		text-align:left;
		} 
	#Menu UL UL UL LI A {
		padding-left: 15px;
		margin: 0px;
		border:none;
		color: #09e; /* color texto azul*/
		background:  #fff url("../diseno/gris.gif") right -10px repeat-x;
		}
	#Menu UL LI A:hover 	{
		color:  #fff;
		}
	#Menu UL UL LI A:hover 	{
		color:  #e90; 
		text-decoration:underline;
		background:  #fff url();
		}
	
/* ..................... */
	#Zona_Menu IMG { 
		margin: 10px; display:block;
		width:80%;
		}
/*=================================================== 
			 Zona_Contenido
===================================================== */
	#Zona_Contenido .migajas { 
		color: #9ac;
		background-color:#f0f2f8;
		padding-left: 20px; 
		}
	#Zona_Contenido .migajas A {
		font-size: 90%;
		color: #8c2;
		}
	#Zona_Contenido .migajas A:hover {
		color: #e90;
		text-decoration: underline;
		}

/* -------- Contenido  ------------------------- */
/* ......#8c2 verde.....#e90 naranja.......#28e azul......*/
	#Contenido H1 {
		clear:both;
		text-align: center;
		color: #a50; /* color texto marron*/
		padding: 5px 0px 10px; 
		background: #f9f9f9 url("../diseno/sombra.gif") center bottom no-repeat;
		}
	#Contenido H2 {
		clear:both;
		text-align: center;
		color: #09e; /* color titulo */
		background: #f9f9f9 url("../diseno/sombra.gif") center bottom no-repeat;
		padding: 5px 0px 10px; 
		}
	#Contenido H3 {
		text-transform:  uppercase; 
		color: #e90; /* color texto naranja*/
		padding: 15px 0px 0px 20px;
		margin-bottom: 10px;
		background: url(../diseno/flecha_nar.gif)  left 18px no-repeat;
		border-bottom: 2px dotted #f5eac0;
		}
	#Contenido H3.verde {
		text-transform:  uppercase; 
		color: #8c2; /* color texto verde*/
		background: url(../diseno/opcion.gif)  left 15px no-repeat;
		border-bottom: 2px dotted #ded;
		}
	#Contenido H3.rojo {	
		color: #f33; /* color texto rojo*/
		background: url(../diseno/cerrado.gif)  left 15px no-repeat;
		border-bottom: 2px dotted #f5cfbf;
		}
	#Contenido H4 {
		text-transform:  uppercase; 
		padding: 15px 0px 0px 20px;
		margin-bottom: 10px;
		border-bottom: 2px dotted #e0ecff;
		color: #09e; /* color texto azul*/
		background: url(../diseno/flecha_azul.gif)  left 18px no-repeat;
		}
	#Contenido H5 {
		color: #940; /* color texto naranja*/
		padding: 5px 0px 3px;
		}
	#Contenido H6 {
		color: #09e; /* color texto azul*/
		padding: 5px 0px 3px;
		}
/* -------- Estilos de los Parrafos y Cajas ------------------ */
	#Contenido P { padding-bottom: 7px; text-indent: 0px; }	
	#Contenido LI P { text-indent: 0px; margin-left: 10px; }	
	#Contenido .nota 	{ color: #a30;	font-style: italic; }
	#Contenido .centrar { text-align: center; text-indent: 0px;	}

/* -------- Estilos especiales  ------------------------- */
	#Area_Central .firma_pie_clear { 
		padding: 10px;
		text-align: center; 
		color: #e90;	 font-style: italic;
		clear: both; 
		}
	#Area_Central .firma { 
		padding-top: 10px;
		text-align: center; font-style: italic;
		clear: both; 
		}
	#Contenido DIV.caja, 
	#Contenido DIV.cajaizq, 
	#Contenido DIV.cajadcha { 	
		border: 1px solid #f3f5f7; padding: 0 20px; width:100%;
		margin: 0px auto; height:120px; overflow:hidden;
		background: url(../diseno/gris.gif)  left top repeat-x;
	}
	
/* -------- Estilos de las Noticias-------------- */
	#Contenido DIV.marconoticia {
		width:99%; 
		background-repeat: no-repeat;
		background-position: left top;
		margin: 5px 0;
		}
	#Contenido DIV.noticia {  
		margin-left:110px; 
		padding-left:20px;
		background-color:#FFFFFF; 
		}
/* -------- Estilos en las listas ------------- */
	#Contenido UL, 
	#Contenido OL { Line-height: 140%;
		margin: 5px 10px;
		padding-left: 20px;
		}
/* -------- Estilos en los enlaces ------------- */
/*	#Contenido A {
		color: #9b0;		
		}*/
	#Contenido A:hover {
		text-decoration: underline;
		}

/* .......	Estilos en las FOTOS  ........... */
	#Contenido IMG {
		background: transparent;
		margin: 0px;
		}
	#Contenido .foto {		margin: 0px 0;	width: 100%; }
	#Contenido .fotoizq { 	margin-right: 20px;	}
	#Contenido .fotodcha {	margin-left: 20px;	}

/* .......	Estilos en las Iframes ........... */
	#Contenido IFRAME#google {
		width:100%;
		height: 510px;
		}

/* ....... Estilos de los Menus de Capas ......... */
	#Contenido .Menu_Capas { 
		margin-top: 20px;
		} 
	#Contenido .Menu_Capas IMG {
		width: auto;
		border: 4px solid #fff; 
		}	
	#Contenido .Menu_Capas UL {
		padding: 0;
		margin: 0; list-style: none; LIne-height:25px;
 		} 
	#Contenido .Menu_Capas UL LI {
		display: inline; 
		}

	#Contenido .Menu_Capas UL LI A {
		text-decoration: none;
		font-weight:bold;
		padding: 5px 5px;
		background: #e5e5e5;
		color: #777;
 		border: 2px solid #e5e5e5;
		}
	#Contenido .Menu_Capas UL LI A:hover,
	#Contenido .Menu_Capas UL LI A.CapaActiva {
		color: #e90;
 		border: 2px solid #f6f6f6;
		background: #f6f6f6;
		}
/* ....... Estilos de las Capas......... */
	#Contenido .Capas {
		background: #f6f6f6 url(../images/recuadro1.gif) left top no-repeat;
		padding: 0px 20px 20px 20px;
		border-bottom: 5px solid #f0f0f0;
		/*	background-color: #F9FBEE;*/
		}

/* ------- Estilos de las Tablas ------------- */	
	#Contenido TABLE {
		width:100%;
		margin: 0px auto;
		padding: 0px;
		border: 1px solid #fafafa;
		font: normal 100% verdana, arial, helvetica, sans-serif;
		background: #fff url(../diseno/gris.gif) left top repeat-x;
		}
	#Contenido TH,
	#Contenido TD {
		text-align:left;
		vertical-align: top; 
		padding: 3px 3px;
		border-bottom: 2px dotted #eee;
		}
	#Contenido TD .izq {
		background: #f0f0da;
		}
	#Contenido TD .drc {
		background: #f8f7e2; text-align: right;
		}
	#Contenido TABLE .center {
		width: 100%;
		}
	#Contenido TABLE .center TD {
		text-align: center;
		}
	#Contenido TD .title {
		font-weight: bold; background: #ddd771; color:#403d00
		}
	#Contenido TD P { padding: 0; margin: 0; }
	#Contenido TABLE.gris { background: none; border: none; }
	#Contenido TABLE.gris TD { 
		background: url(../diseno/gris.gif)  left top repeat-x;
		border: 1px solid #eee
		}


/*=================================================== 
			 Area Pie
===================================================== */
	#Area_Pie { 
		clear: both;
		padding: 0px; 
		margin-top: 40px;
		width: 100%;
		}

	.enlacesbody { 
		color: #ea0; 
		font: normal 1em  Verdana, helvetica; 
		margin-top: 5px;
		}
	.enlacesbody a, .enlacesbody a:visited { color: #777;  }
	.enlacesbody a:hover { color: #f70; text-decoration:underline  }
	.enlacesbody a span { display:none  }
	.enlacesbody a:hover span { display: inline  }

/*=================================================== 
	COPYRIGHTS
	Sombra en CSS. (IE6+, Firefox)
	By Antonio Salguero 
	
	- Establecer Gama de Colores para cada sombra
	- Ancho de la sombra y grosor
=====================================================  */	
	.Sombra {
			margin: 0px auto; 	
			height: 100%;	
			width: 100%;  
			border: 2px solid #8b8b8b;
			overflow:hidden;
		 	} /*	 auto es necesario para centrar  en FIREFOX */
	.S1 {	border: 2px solid #878787;  }	
	.S2 {	border: 1px solid #808080;  }	
	.S3 {	border: 1px solid #808080;  }	
	.S4 {	border: 1px solid #777; }
/* 	.S2, .S4 {  border-top: none; } Eliminar las sombras que no se deseen */