/** -- ESTILOS - PLANTILLA.CSS - POSADA -- **/
/** -- 27 diciembre 2009 -- **/

	

#nada		{	position: absolute;	}  

body		{	background-color: #cccccc;}


#W3C		{	position: absolute;
			top: 105px;
			left: 223px;	}



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

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

#direccion	{	position: absolute;
			top: 94px;
			left: 520px;
			font-size: 80%;
			font-family: verdana, arial,
			sans-serif;
			color: #000099; 	}


/** ++++++++++++++++++++++++++++++++++++
#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: 130px;
			left: 300px;  
			font-size: 270%;
			font-family: verdana, arial,
			sans-serif;
			color: #ffffff;		}
				
#subletrero	{	position: absolute;
			top: 185px;
			left: 325px;  
			font-size: 170%;
			letter-spacing: 3px;
			font-family: verdana, arial,
			sans-serif;
			color: #ffffff; 	}

/****************************************
				
#subletrero-pq	{	position: absolute;
			top: 185px;
			left: 325px;  
			font-size: 120%;
			letter-spacing: 2px;
			font-family: verdana, arial,
			sans-serif;
			color: #ffffff; 	}
++++++++++++++++++++++++++++++++++++ **/

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

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

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

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

#posadecanta	{	position: absolute;
			top: 20px;
			left: 150px;	}

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

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

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


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


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


.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;	}


.boton-RSV	{	font-size: 9pt;
			font-family: verdana, arial,
			sans-serif;
			color: #0099ff;
		 	background: #00ccff; 
			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;}



/** ++++++++ border: 2px inset: #ff0000; 

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

a:link		{	color: #0000cc;		}

a:visited	{	color: #cc0000;		}

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

a:hover		{	color: #009900;
			background-color: #ffffff;}
+++++++++++++++++++++++++++++++++++  **/

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

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


.aqui		{	width: 100%;
			height: 18pt;
			font-size: 10pt;
			line-height: 18pt;
			font-family: verdana, arial,
			sans-serif;			}


.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;	}


/** +++++++++++++++++++++++++++++++++

.navega		{	width: 100%;
			font-size: 8pt;
			font-family: verdana, arial,
			sans-serif;
			color: #ff0000;		}
+++++++++++++++++++++++++++++++++  **/



.navega		{	padding: 4px;		}


.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;	 	}
			
.navega12-jdt	{	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: .9em;
			font-family: verdana, arial,
			sans-serif;
			color: #222222;
			text-align: justify;
			/* letter-spacing: 1px; */	}

.altura1	{	font-size: 1pt;
			text-align: center;
			font-family: verdana, arial,
			sans-serif;
			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;		}

.altura10SC	{	text-align: center;
			font-family: verdana, arial,
			sans-serif;
			font-size: 10pt;	}
			
.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: 20pt;
			color: #ffffff;		}

.altura30	{	font-family: verdana, arial,
			sans-serif;
			font-size: 30pt;
			color: #ffffff;		}

.altura40	{	font-family: verdana, arial,
			sans-serif;
			font-size: 40pt;
			color: #ffffff;		}

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

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

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

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

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

.A-10		{	background-color: #0066F0;
			font-family: verdana, arial,
			sans-serif;
			font-size: 16pt;
			color: #ffffff;		}



.R10		{	font-size: 100%; 
			font-family: verdana, arial,
			sans-serif;
			color: #ff0000;  	}



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

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

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

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

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