/** -- ESTILOS - plantillacasita.css -- **/
/** -- 08 Noviembre 2009 -- **/


#nada		{	position: absolute;	} 

body		{	background-color: #cccccc;}


#W3C		{	position: absolute;
			top: 95px;
			left: 20px;	}



#telefonos	{	position: absolute;
			top: 20px;
			left: 500px;
			font-size: 120%;
			font-family: verdana, arial,
			sans-serif;
			color: #000099; 	}

#e-mail		{	position: absolute;
			top: 90px;
			left: 500px;
			font-size: 90%;
			font-family: verdana, arial,
			sans-serif;
			color: #000099;		}

#direccion	{	position: absolute;
			top: 145px;
			left: 20px;
			font-size: 80%;
			font-family: verdana, arial,
			sans-serif;
			color: #333333; 		}

#enlaces	{	position: absolute;
			top: 250px;
			left: 20px;
			width: 660px;
			height: 1px;
			background-color: #dddddd; 
			text-align: center; 
			font-size: 80%;
			font-family: verdana, arial,
			sans-serif;
			color: #222222;		}

#letrero	{	position: absolute;
			top: 150px;
			left: 270px;  
			font-size: 280%;
			font-family: verdana, arial,
			sans-serif;
			color:#ffffff;		}
				
#subletrero	{	position: absolute;
			top: 195px;
			left: 120px;  
			font-size: 220%;
			letter-spacing: 3px;
			font-family: verdana, arial,
			sans-serif;
			color: #9999cc; 	}


#logo		{	position: absolute;
			top: 20px;
			left: 270px;	}

#numeregistro	{	position: absolute;
			top: 90px;
			left: 350px;
			font-size: 90%;
			font-family: courier New,
			verdana, arial, sans-serif;
			color: #3333ff;	}

#logoasotur	{	position: absolute;
			top: 20px;
			left: 20px;	}

#logovalles	{	position: absolute;
			top: 20px;
			left: 20px;	}

#posadecanta	{	position: absolute;
			top: 25px;
			left: 140px;		}


#vadefoto	{	position: absolute;
			top: 100px;
			left: 20px;		}


#zonawifi	{	position: absolute;
			top: 100px;
			left: 165px;		}
			
#navegacion	{	position: absolute;
			top: 20px;
			left: 720px;
			width: 250px;
			height: 280px;
			background-color: #0099ff;
			text-align: center;	}


ul		{	list-style: none;
			margin: 0;
			padding: 0;		}


li		{	margin: 8px;
			padding: 0px;		}


.boton10	{	font-size: 10pt;
			font-family: verdana, arial,
			sans-serif;
			color: #000000;
		 	background: #00ccff; 
			border: 2px outset #ffffff;
			padding: .2em 1em;
			margin: 0px;	}



.boton-NO	{	font-size: 9pt;
			font-family: verdana, arial,
			sans-serif;
			color: #ffffff;
		 	background: #0000cc; 
			border: 2px outset #ffffff;
			padding: .2em 1em .4em 1em ;
			margin: 8px;	}




a		{	text-decoration: none;
			font-size: 100%;
			margin: 0px;		} 

a:link		{	color: #0000cc;		}


a:active	{	border: 2px; 
			color: #ff0000;}


a:visited	{	color: #660000;		}


a:hover		{	color: #ffffff;
			background-color: #cc6633;}








/** ----- CLASES ----- **/



.altura1	{	text-align: center;
			font-family: verdana, arial,
			sans-serif;
			font-size: 1pt;
			color: #ffffff;		}

.altura2	{	text-align: center;
			font-family: verdana, arial,
			sans-serif;
			font-size: 2pt;
			color: #ffffff;		}

.altura4	{	text-align: center;
			font-family: verdana, arial,
			sans-serif;
			font-size: 4pt;
			color: #ffffff;		}

.altura6	{	text-align: center;
			font-family: verdana, arial,
			sans-serif;
			font-size: 6pt;
			color: #ffffff;		}

.altura8	{	text-align: center;
			font-family: verdana, arial,
			sans-serif;
			font-size: 8pt;
			color: #ffffff;		}

.altura10	{	text-align: center;
			font-family: verdana, arial,
			sans-serif;
			font-size: 10pt;
			color: #ffffff;		}
			
.altura12	{	font-family: verdana, arial,
			sans-serif;
			font-size: 12pt;
			color: #ffffff;		}
			
.altura14	{	font-family: verdana, arial,
			sans-serif;
			font-size: 14pt;
			color: #ffffff;		}
			
.altura16	{	font-family: verdana, arial,
			sans-serif;
			font-size: 16pt;
			color: #ffffff;		}
			
.altura20	{	font-family: verdana, arial,
			sans-serif;
			font-size: 40pt;
			color: #ffffff;		}




.aqui		{	width: 100%;
			height: 18pt;
			background-color: #0000dd;
			font-size: 10pt;
			line-height: 18pt;
			font-family: verdana, arial,
			sans-serif;
			color: #f0f0f0;		}


.desde		{	width: 100%;
			height: 18pt;
			background-color: #cccccc;
			font-size: 10pt;
			line-height: 18pt;
			font-family: verdana, arial,
			sans-serif;
			color: #444444;	}

.blanco		{	color: #ffffff;	}


.negro		{	color: #000000;	}


.rojo		{	color: #ff0000;	}


.azul		{	color: #0000ff;	}


.gris		{	color: #666666;	}


.mapa10		{	font-size: 10pt;
			font-family: verdana, arial,
			sans-serif;
			color: #ff0000;		}

.navega		{	font-size: 8pt;
			font-family: verdana, arial,
			sans-serif;
			color: #ff0000;		}

.navega8	{	width: 100%;			
			font-size: 8pt;
			font-family: verdana, arial,
			sans-serif;
			color: #ff0000;		}
			
.navega10	{	width: 100%;			
			font-size: 10pt;
			font-family: verdana, arial,
			sans-serif;
			color: #ff0000;		}
			
.navega12	{	width: 100%;			
			font-size: 12pt;
			font-family: verdana, arial,
			sans-serif;
			color: #ff0000;		}

.pf		{	font-size: 80%; 						font-family: verdana, arial,
			sans-serif;
			color: #444444;		}

.pfBL		{	font-size: 80%; 						font-family: verdana, arial,
			sans-serif;
			color: #ffffff;		}

.pfNE		{	font-size: 80%; 						font-family: verdana, arial,
			sans-serif;
			color: #000000;		}

.letrero-pq	{	position: absolute;
			top: 185px;
			left: 325px;  
			font-size: 120%;
			letter-spacing: 2px;
			font-family: verdana, arial,
			sans-serif;
			color: #ffffff; 	}
		
.texto		{	font-size: 100%;						font-family: verdana, arial,
			sans-serif;
			color: #222222;
			/** text-align: justify;
			letter-spacing: 1px; */	}

.titulo8	{	align: center;
			background-color: #0066F0;
			font-family: verdana, arial,
			sans-serif;
			font-size: 8pt;
			color: #ffffff;	}

.titulo10	{	align: center;
			background-color: #0066F0;
			font-family: verdana, arial,
			sans-serif;
			font-size: 10pt;
			color: #ffffff;		}
			
.titulo12	{	align: center;
			background-color: #0066f0;
			font-family: verdana, arial,
			sans-serif;
			font-size: 12pt;
			color: #ffffff;		}
			
.titulo16	{	align: center;
			background-color: #0066F0;
			font-family: verdana, arial,
			sans-serif;
			font-size: 16pt;
			color: #ffffff;		}

.9A 		{	font-size: 80%;
			font-family: verdana, arial,
			sans-serif;
			color: #0000cc  	}				

.9R		{	font-size: 80%; 
			font-family: verdana, arial,
			sans-serif; 
			color: #ff0000 		}				

.9B		{	font-size: 80%; 
			font-family: verdana, arial,
			sans-serif; 
			color: #ffffff 		}		

.9N		{	font-size: 80%; 
			font-family: verdana, arial,
			sans-serif; 
			color: #000000  	}	

.10A		{	font-size: 100%; 
			font-family: verdana, arial,
			sans-serif;
			color: #0000cc  	}		

a		{	text-decoration: none;
			font: 100%; 		} 

a:link		{	color: #0000ff;		}

a:visited	{	color: #cc0000;		}

a:active	{	color: #ffffff;
			background-color: #ff0000;}

a:hover		{	color: #0000ff;
			background-color: #ffffff;}

h1		{	color: #ffffff;
			background-color: #0066f0;
			font-family: verdana, arial,
			sans-serif;
			font-size: 24pt;
			color: #ffffff;		}

h2		{	color: #ffffff;
			background-color: #0066f0;
			font-family: verdana, arial,
			sans-serif;
			font-size: 20pt;
			color: #ffffff;		}

h3		{	color: #ffffff;
			background-color: #0066f0;
			font-family: verdana, arial,
			sans-serif;
			font-size: 16pt;
			color: #ffffff;		}

h4		{	color: #ffffff;
			background-color: #0066f0;
			font-family: verdana, arial,
			sans-serif;
			font-size: 12pt;
			color: #ffffff;		}

h5		{	color: #ffffff;
			background-color: #0066f0;
			font-family: verdana, arial,
			sans-serif;
			font-size: 10pt;
			color: #ffffff;		}