/* CSS Document */

/* CSS Document */

/*............................................................
Hoja de estilo básica 

versión 1.1
autor: Jorge Páez
email: jpaez@primeraimpresion.net
..............................................................*/

    * { 
	padding:0;
	margin:0;
	}
	
	/*Layout: Estructura*/

	#contenedor_principal {  
	width:850px;
	\width:850px; 
    	w\idth:850px;
	text-align:left; 
   	 margin:0 auto;
	/*border:3px solid #666666;*/
	/*background-color:#3d6176;*/
	}

    
	#cabecera{
	width:850px;
	\width:850px;
	w\idth:850px;
	/*   border:1px solid #00FF00;*/
	/*background-color:#3d6176;*/
	margin-left:0px;
	padding-top:20px;
	}
	
	#menu {
	width:850px;
	\width:850px;
	w\idth:850px;
	/*border:1px solid #00FF00;*/
	background-color: #bddae5;
	overflow:hidden;
	}
	

	#contenedor_sec {
	/*Contiene dos columnas y el contenido principal*/
	width:850px;
	\width:850px;
	w\idth:850px;
	background-color:#5d8faf;
	padding-bottom:10px;
	/*border:2px solid #999999;*/
	overflow:hidden;
	}
	
html>body #col_izq {padding-bottom:25px;}
	
	#col_izq {
	float:left;
	width:140px;
	\width:140px;
	w\idth:140px;
	/*	border:1px solid #000000;*/
	background: #dff3ff url(../images/col_bottom.gif) no-repeat left bottom;
	padding-bottom:18px;
	}
	
	html>body #col_der {padding-bottom:20px;}
   
	#col_der {
	float:right;
	width:140px;
	\width:140px;
	w\idth:140px;
	/*border:1px solid  #FF99CC;*/
	background: #dff3ff url(../images/col_bottom.gif) no-repeat left bottom;
	padding-bottom:14px;
	}
	
	#paginas {
	width:300px;
/*	border:1px solid #660000;*/
	padding:0 0 0 130px;
	}
	
	#contenido {
	width:600px;
	\width:600px;
	w\idth:570px;
	float:left;
	/*border:1px solid  #006600;*/
	background-color:#5d8faf;
	margin-top:10px;
	}
	
	#mapa {
	width: 500px;
	\width:500px;
	w\idth:500px;
    	background: #dff3ff url(../images/div_bottom.gif) no-repeat left bottom;
    	/*border:1px solid  #006600;*/
	margin-left:30px;
	}
	
	/*Estilos para formularios*/
	#form_reservastur {
	width:500px;
	\width:500px;
	w\idth:500px;
	margin-left:30px;
	/*border:1px solid #660000;*/
	background: #dff3ff url(../images/div_bottom.gif) no-repeat left bottom;
	}
	
	#formulario2 {
	\width:500px;
	w\idth:500px;
	width:500px;
/*    border:1px solid #660000;*/
	margin-left:30px;
    background: #dff3ff  url(../images/div_bottom.gif) no-repeat left bottom;
	}
	
	#recomendados {
	\width:500px;
	w\idth:500px;
	width:500px;
/*    border:1px solid #660000;*/
	margin-left:30px;
    background: #dff3ff  url(../images/div_bottom.gif) no-repeat left bottom;
	}
	
	#otros {
    width:500px;
/*    border:1px solid #660000;*/
	margin-left:30px;
    background: #dff3ff url(../images/div_bottom.gif) no-repeat left bottom;
	}
	
	html>body #pie{padding-top:10px;
  padding-bottom:20px;}
	
	#pie {
	clear:both;
	width:550px;
/*	border:1px solid #660000;*/
	margin-left: 215px;
	margin-top:15px;
	margin-bottom:15px;
	}
	
	/*Lista de Estilos para elementos hijo y clases*/

	
	#contenido h2 {font-size:11px;color:#1f68b2; font-weight:bold; padding:10px 20px 0 5px;}
	#contenido h5 {font-size:9px;font-weight:bold; color:#1f68b2; padding:10px 0  0 15px;}
	#mapa h5 {font-size:9px;font-weight:bold; color:#1f68b2; padding:10px 0  0 15px;background: url(../images/div_top.gif) no-repeat left top;}
	#form_reservastur h5{background: url(../images/div_top.gif) no-repeat left top;}
	#formulario2 H5 {font-weight:bold;background: url(../images/div_top.gif) no-repeat left top;}
	#recomendados H5{background: url(../images/div_top.gif) no-repeat left top;}
	h2.fondo { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;background: url(../images/div_top.gif) no-repeat left top;}
	
	/*Form Reservastur*/
	#form_reservastur fieldset {display:block;border:none; margin-top:15px;}
	#form_reservastur legend {display:none;}
	#form_reservastur select {background-color: #CCCCCC; display:inline;}	
	#form_reservastur input  {background-color: #CCCCCC; display:inline;}
	/* Fin Estilo Formulario*/
	
	/*Estilo Elementos  Formulario Reservastur*/
	.texta {
 	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #333333;
 	/*border: 1px solid #666666;*/
	margin:0 0 0 3px;
	}
	
	.textb {
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*background-color: #333333;*/
 	/*border: 1px solid #666666;*/
	/*color:#FFFFFF;*/
	margin:0 0 0 5px;
	}
	
	.textc
    {
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:5px;
	}
	
			.textd
    {
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:5px;
	}
	
	/*Estilo Form Contacto*/
	
	.contacto_label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	display: block; 
	float:left;
	width: 100px; 
	padding: 0; 
	margin: 5px 10px 0; 
	text-align: right;
	}
	
	html>body .label_texto {
	width: 90px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	display: block; 
	float:left;
	padding: 0; 
	margin: 5px 15px 0; 
	text-align: right;
	} 
	
	
	
	.boton {
	margin: 0 20px 0 260px;
	} 

	 
    .llenar {
	background-color:#bddae5; 
	}
	
	#otros fieldset {display:inline;border:none}
	#otros legend {display:none;}
	#otros input  {display:inline;}
	#otros textarea {display:inline; overflow:hidden; background-color:#bddae5;}