/* Css de Base3 */

/*AQUÍ VAMOS A DEFINIR LAS PROPIEDADES DE LA PÁGINA EN GENERAL, MÁS ADELANTE DEFINIREMOS LAS DE LAS CAJAS PRINCIPALES*/
/*formatos de párrafo, linea de separacion, encabezados 1 al 6, tablas, vínculos (en sus 4 estados) y body respectivamente*/
	p  {
		font:11px Verdana, Arial, Helvetica, sans-serif;
		color: #586885;
		line-height: 120%;
		
	}
	hr	{
		display:none;
	}
	h1  {
		font:25px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
		margin:0px;
		
	}
	
	h2  {
		font:bold 20px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color:#486895;
		text-transform: capitalize;
		
	}
	h3  {
		font:18px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
		
	}
	h4  {
		font:bold 15px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
		
	}
	h5  {
		font: 13px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
		
	}
	h6  {
		font:bold  12px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
		
	}
	td  {
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		text-align : center;
		color : #586885;
		
	}
	a	{
		font-size:12px;
		color:#325FA0;
		
	}
	a:link {
		text-decoration: none;
		
	}
	a:visited {
		text-decoration: none;
		color:#325FA0;
		
	}
	a:hover {
		text-decoration: none;
		color:#000066;
		
	}
	a:active {
		text-decoration: none;
		color:#0099CC;
		
	}
	BODY  {
		background-color:#000000;
/*		background-image: url(fondoExplorar1.png);*/
		text-align : justify;
/*		line-height: 10px;*/
		
		padding: 0px;
		margin: 0px;
	}
	/*AHORA VAMOS A PASAR A DEFINIR LOS VALORES
	PARA ORDENAR LAS CAJAS QUE HEMOS CREADO EN XHTML,
	 RECORDAD QUE SI NO ESTÁN BIEN ESTRUCTURADAS DENTRO
	 DEL DOCUMENTO TENDRÉIS COMPLICACIONES AL QUERER SITUARLAS EN CSS*/
	
	 /*PRIMERO HACEMOS UN CONTENEDOR PARA QUE ALBERGUE A
	 LOS DEMÁS ELEMENTOS, ADEMÁS QUEREMOS QUE QUEDE CENTRADO,
	  POR LO QUE PONDREMOS ATENCIÓN A LOS VALORES DE MARGIN*/
	#CONTAINER	{
		background-color:#9ACD32;
		border-style:solid;
		border-color:#000000;
		margin: 0 auto; /*con este valor quedará centrado,
						 no hace falta repetir otra vez 0
						 auto porque ahora mismo el 0 se refire
						 a arriba y abajo, y el auto a los lados*/
		width:957px;
		height:auto;
	}
	/*en header le damos el mismo ancho que el contenedor
	(si queremos podemos darle menos),
	 la altura que queramos, colores etc...
	 Lo que más nos interesa es que debe estar centrado con
	 el contenedor, por eso mirad las propiedades de margin,
	 tiene cero arriba, a la derecha también, abajo tiene 10 px,
	 y a la izquierda de nuevo cero píxeles, por el mismo orden
	 que los he mencionado.
	 Sólo he definido el borde de abajo porque los demás tocan a
	 los del contenedor y resulta feo.*/
	.header{
		width:957px;
		height:150px;
		background-color:#9ACD32;
		border-bottom-style:solid;
		border-bottom-color:#000000;
		margin:0 0 10px 0;
	}
	/*En la div "izquierda" vamos a ajustar los valores para
	que tenga una anchura de 100píxeles, una altura que
	dependa del contenido que tenga dentro, y le vamos a dar
	un margen de 5px a la izquierda, además de hacer que se sitúe a la izquierda
	mediante "float"*/
	.izquierda{
		width:300px;
		height:1980px;
		background-color:#FFF8DC;
		border-style:solid;
		border-width:1px;
		border-color:#000000;
		margin:3px 0 0 5px;
		float:left;
		padding:5px;
		text-align : center;
	}
	.izquierda ul	{
		font:bold 11px Verdana, Arial, Helvetica, sans-serif;
		color:#586885;
		line-height: 140%;
		text-transform:capitalize;
	}
	.nuevopara1{
		width:935px;
		height:203px;
		background-color:#FFF8DC;
		border-style:solid;
		border-width:1px;
		border-color:#000000;
		margin:2px 0 0 5px;
		
		padding:5px;
		text-align : center;
	}
	
	.nuevopara2{
		width:935px;
		height:410px;
		background-color:#FFF8DC;
		border-style:solid;
		border-width:1px;
		border-color:#000000;
		margin:2px 0 0 5px;
		
		padding:5px;
		text-align : center;
	}
	/*El la div "derecha" vamos a ajustar los valores para
	que tenga una anchura de 150píxeles, una altura que también
	dependa del contenido que tenga dentro, y le vamos a dar
	un margen de 5px, además de hacer que se sitúe a la derecha*/
	.derecha{
		width:300px;
		height:1979px;
		background-color:#FFF8DC;
		border-style:solid;
		border-width:1px;
		border-color:#000000;
		margin:3px 5px 0 0;
		float:right;
		padding:5px;
		text-align : center;
	}
	.derecha h6{
	text-align:justify;
	margin:1px auto;
	color:#666666;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	}
	/*Ahora le toca a la caja que contendrá la información
	principal de nuestra página (la div "principal")
	en este caso queremos que se ajuste al espacio
	que sobra a lo ancho del contenedor, por que calculamos, 700px(anchura del mismo)-100px(anchura de la div "izquierda")-150px(anchura de la div "derecha")-20px(total de los margins)-34px(total de los paddings)-6px (total de los borders)=390px.
	Además de esto, también queremos que quede situado entre las cajas que la rodean,
	por lo que calcularemos el espacio que debería quedar a su izquierda y después poner el mismo valor en su "margin-left"
	(Hay que prestar especial atención a contar TODOS los valores que se utilizarán, incluidos, márgenes, padding, bordes...)*/
	.principal{
		width:296px;
		height:1982px;
		background-color:#FFF8DC;
		border-style:solid;
		border-width:1px;
		border-color:#000000;
		margin:3px 5px 0 323px;
		padding:4px;
		text-align : center;
	}
	.footer{
		width:auto;
		height:30px;
		background-color:#FFF;
		border-style:solid;
		border-width:1px;
		border-color:#000000;
		margin:5px;
		padding:10px;
	}
	.footer h6{
	text-align:right;
	text-transform:uppercase;
	margin:5px auto;
	color:#666666;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	}
	
	.propaganda{
		width:905px;
		height:430px;
		background-color:#FFF8DC;
		border-style:solid;
		border-width:2px;
		border-color:#000000;
		padding:5px;
	}
	
	.dia1{
		margin:-9px 0 0 5px;
		float:left;
		padding:5px;
		
	}
	
	.dia3{
		margin:-9px 5px 0 323px;
		padding:5px;

	}
	
	.dia2{
		margin:-9px 5px 0 0;
		float:right;
		padding:5px;
	}
	

/* ================================================================
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; background:#D2691E fff url(three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 3px; cursor:pointer;background: url(three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 15px; height:35px; background: url(three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:144px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:18px; width:142px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;}
#nav li ul.sub li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover
{background:#6a812c; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;}			

#div_de_emergencia {
background-color:#9ACD32;
--text-align:center;
  
}

#div_formularioExito{
font-family: georgia,serif;
color: #0B00D6;
font-size: 25px;
text-align: center;
background-color:#9ACD32
}

#div_principal_titulo{
font-family: georgia,serif;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
letter-spacing: 1.8pt;
padding:0px 0px 0px 20px;
}

#div_principal_foto{
font-family: georgia,serif;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
letter-spacing: 1.8pt;
padding:0px 0px 0px 20px;
}

#div_principal_texto{
font-family: verdana,sans-serif;
font-size: 13px;
text-align: justify;
line-height: 1.5;
padding: 0px 100px 50px 10px;
color: #000000;
}

#div_principal_titulo_Index{
font-family: georgia,serif;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
letter-spacing: 1.8pt;
padding:0px 0px 0px 20px;
}

#div_principal_texto_Index{
font-family: verdana,sans-serif;
font-size: 13px;
line-height: 1.5;
text-align: justify;
padding: 0px 150px 0px 200px;
}

/*Para el flash de las fotos*/
#div_flash {
background-color:#9ACD32;
text-align:center;
}


/*    EJEMPLO CAJAS*/

.caja_progrecom, .caja_idemautor{
	margin: 0px 20px 10px 20px;
	border: 1px solid #D5D5D5;
}


.caja_idemautor_tit {
	background: #B6E1AD url(imagenes/fondo_mismoautor.gif) repeat-x;
	color: #445C3E;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:11px;
	font-family:Verdana,sans-serif;
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}


.caja_progrecom_desc, .caja_idemautor_desc {
	background: #9ACD32;
	color: #333;
	font: 11px Verdana, sans-serif;
	line-height: 18px;
}


.caja_progrecom_tit {
	background: #ADC1E1 url(imagenes/fondo_recom.gif) repeat-x;
	color: #24467A;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:11px;
	font-family:Verdana,
	sans-serif;
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}

.caja_progrecom_pie {
	padding: 4px 10px;
	background: #F4F5F6;
	text-align: right;
	border-top: 1px solid #D5D5D5;
}


/*     PRUEBAS        */
	
.Estilo3 {font-size: 12px}

.Estilo7 {font-family: verdana,sans-serif;
          font-size: 13px;
          text-align: left;
          font-weight: bold;}

.top00 {
	font-family: arial;
	font-size:16px;
	font-weight: bold;
	color:#62B8BF;
}
.top1 {
	font-family: arial;
	font-size:16px;
	font-weight: bold;
	color:#B17272;
}
.top2 {
	font-family: arial;
	font-size:16px;
	font-weight: bold;
	color:#675A9A;
}
.top3 {
	font-family: arial;
	font-size:16px;
	font-weight: bold;
	color:#688963;
}
.top4 {
	font-family: arial;
	font-size:16px;
	font-weight: bold;
	color:#FF9933;
}
.top0 {
	font-family: arial;
	font-size:16px;
	font-weight: bold;
	color:#999999;
}
ul { margin:0px; }
.url { color:#006600; }
.titulourl  { color:#0000FF; text-decoration:underline; }
.titulourl a:link { color:#0000FF; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.titulourl a:visited { color:#0000FF; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.titulourl a:hover { color:#0000FF; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.img { margin: 5px; padding:1px; border:#999999 1px solid; }