/**
* Plan PYME
* 
*/

/*-- globles ---*/
* {
   margin : 0;
   padding: 0;   }

p {
   margin-bottom: 1.5em;
   text-align: left;
   margin-right: 3.5em;}

p.izda  { text-align:left}
p.centrado { text-align:center}

/* optimizacion */
body {
  text-align:center; 
  background:url(images/fondo.gif) top left repeat;
}

body {
  font-size  : 10px;
  font-family: Verdana, Arial, helvetica, sans-serif;
}


/**
*
* LAYOUT PRINCIPAL
*
**/
#centrado {
/* 	centramos la pagina: */
	width: 1001px;
	margin:25px auto 0px auto;
	text-align:left; 
}
#pagina {
	float: left;
	width: 1001px;
	padding-bottom: 25px;
	}

#contacto {
	float: left;
	width: 1001px;
	background: url(images/h_1.gif) top left no-repeat;
	padding:0px;
	margin:0px;
	height: 10px;
	text-align:right;
	display:block;
	}
#zonaclientes {
	background-color:#FFFFFF;
	float: left;
	width: 1001px;
	padding:0px;
	margin:0px;
	height: 22px;
	text-align:right;
	display:block;
	}
.titulo_zc{
	width:570px;
	background: #FFFFFF url(images/f_z_gestion.gif) top right no-repeat;
	height:18px;
	color:#FFFFFF;
	font-weight:bold;
	/*border:1px solid #000000;*/
	vertical-align:middle;
	padding-right:8px;
	padding-top:2px;
	float:left;
}
.formulario_zc{
	width:400px;
	padding-left:20px;
	float:left;
	height:22px;
}
#cabecera {
	float: left;
	width: 1001px;
	background: url(images/cabecera.jpg) top left no-repeat;
	padding:0px;
	margin:0px;
	height: 90px;
	}
#opciones {
	float: left;
	text-align:center; 
	width: 991px;
	padding-left:10px;
	background-color: #FFFFFF;
	}

#subopciones_presentacion {
	float: left;
	width: 260px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(images/h_4.jpg) top left no-repeat;
	background-color: #ffffff;
 	min-height: 310px;
 	height: auto !important; 
 	height:310px;
	}
	
#subopciones_servicios {
	float: left;
	width: 260px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(images/serv_f1.jpg) top left no-repeat;
	background-color: #ffffff;
 	min-height: 410px;
 	height: auto !important; 
 	height:410px;
}

#subopciones_seguridad {
	float: left;
	width: 260px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(images/seg_f1.jpg) top left no-repeat;
	background-color: #ffffff;
 	min-height: 310px;
 	height: auto !important; 
 	height:310px;
}

#subopciones_clientes{
	float: left;
	width: 260px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(images/clientes_f1.jpg) top left no-repeat;
	background-color: #ffffff;
 	min-height: 401px;
 	height: auto !important; 
 	height:310px;
}

#subopciones_funcionamiento{
	float: left;
	width: 260px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(images/fun_f1.jpg) top left no-repeat;
	background-color: #ffffff;
 	min-height: 401px;
 	height: auto !important; 
 	height:310px;
}

#subopciones_protecciondatos{
	float: left;
	width: 260px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(images/pd_f1.jpg) top left no-repeat;
	background-color: #ffffff;
 	min-height: 401px;
 	height: auto !important; 
 	height:310px;
}

#subopciones_contacto{
	float: left;
	width: 260px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(images/contact_f1.jpg) top left no-repeat;
	background-color: #ffffff;
 	min-height: 401px;
 	height: auto !important; 
 	height:310px;
}

/***************************** DIV Contato *****************************/
.contactoTabla{
    float:left;
	width: 600px; /* Ancho total menos los bordes y los padding*/
	min-height:25px;
    height:auto !important; 
 	height: 25px;
	padding:10px;
	text-align:left;
}
.formularioZonaPrivada{
	margin:0px; 
	padding:0px;
	text-align:right; 
	color:#999999;
	float:left;
	width:330px;
}
.formularioZonaPrivada input{
	border:1px solid #C5C5C5;
	float:left;
}
.enviarZonaPrivada{
	width:55px;
	margin:-12px;
	height:18px;
	float:right;
}
.enviarZonaPrivada a{
	text-align:left;
	background:#FFFFFF url(images/b_enviar.gif) left top no-repeat;
	color:#FFFFFF;
	display:block;
	float:left;
	padding-top:2px;
	padding-left:7px;
	width:55px;
	height:18px;
	text-decoration:none;
}
.enviarZonaPrivada a:hover{
	text-align:left;
	background:#FFFFFF url(images/b_enviarx.gif) left top no-repeat;
	color:#FFFFFF;
	display:block;
	float:left;
	padding-top:2px;
	padding-left:7px;
	width:55px;
	height:18px;
	text-decoration:none;
}
.desconectarZonaPrivada{
	width:1001px;
	height:18px;
	float:right;
	background-color:#FFFFFF;
	
}
.aDesconectar{
	margin:0px 10px 0px 10px;
	text-align:left;
	background:#FFFFFF url(images/b_desc.gif) left top no-repeat;
	color:#FFFFFF;
	display:block;
	float:left;
	padding-top:2px;
	padding-left:13px;
	width:100px;
	height:18px;
	text-decoration:none;
	
}
.aDesconectar:hover{
	margin:0px 10px 0px 10px;
	text-align:left;
	background:#FFFFFF url(images/b_descx.gif) left top no-repeat;
	color:#FFFFFF;
	display:block;
	float:left;
	padding-top:2px;
	padding-left:13px;
	width:100px;
	height:18px;
	text-decoration:none;
	
}
.aZonaClientes{
	text-align:right;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.aZonaClientes:hover{
	text-align:right;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

#contenido {
	float   : left;
	width: 1001px; 
/* 	background: url(images/item_4.gif) bottom center no-repeat; */
	background-color:#FFFFFF;
 	min-height: 360px;
 	height: auto !important; 
 	height:360px;
	}
#pie_contenido {
	float:left;
	width:692px;
	background-color:#ffffff;
 	min-height: 34px;
 	height: auto !important; 
 	height:34px;
	}

 
#pie {
	float: left;
	width: 1001px;
	background: url(images/banda_direccion.jpg) top center no-repeat;
	background-color: #ffffff;
	padding:0px;
	border-top:30px solid #ffffff;
	height: 17px;
}

#pie .texto{
	color: #000000;
	font-weight: bold;
}
	
#pie2 {
	float: left;
	width: 1001px;
	background:url(images/banda_inferior.gif) no-repeat 0 0;

	min-height: 10px;
 	height: auto !important; 
 	height:10px;
}
 

/**
*
* MENUOPCIONES
*
**/

.lista_contenido{

	float:left; 
	background:#00FFFF url(images/fondo.gif) repeat 0 0; 
	padding-top:2px; 
	padding-bottom:8px;
}

#opciones .lista3{
	float:left;
	padding-left:2px;
	text-align:center;
	
	background-color:#FFFFFF;
	
	min-height:19px;
	height:auto !important; 
	height:19px;
	
}

#opciones .lista3 a{
	color:#9da9cd;
	text-decoration: none;
	background:url(images/item_c_azul2.gif) no-repeat 5px 5px;;
	padding-left:15px;	
	text-decoration:none;
}

#opciones .lista3 a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#9da9cd;
}



#opciones .lista2{
	background:url(images/fondo.gif) repeat;
	margin-left: 15px;
	margin-right:18px;
	height:3px;
	
}

#opciones .lista{
 float:left;
 margin:0px;
 padding:4px 0px 0px 0px;
 text-align:right;
 width:775px;
 
 min-height:17px;
	height:auto !important; 
	height:17px;
 
 background-color:#ffffff;
 
}

#opciones .lista li{
 float:right;
 list-style-type: none; /*Elimina los puntos tipicos de las listas*/
 padding-left:10px;
}

#opciones .lista li a{
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 font-weight:bold;
 color:#00397e; /*Color del texto del link*/
 text-decoration:none; /*Decoraci&oacute;n del texto*/
 text-align:center;
 border: 0px solid #000000; /*En caso de que queramos aplicar un borde*/
 background: url("images/item_1.gif") no-repeat 2px ; /*Im&aacute;gen de fondo*/
 background-color:#BBBABA;
 padding: 0px 8px 0px 10px; /*Espaciado dentro de cada elemento de lista*/
}
#opciones .lista li a:hover{
 text-decoration:none; /*Decoraci&oacute;n del texto al MouseOver*/
 color:#FFFFFF;
 background-color: #00397e;

}



/**
*
* ZONA CONTACTO
*
**/


#contacto .lista{
 margin:  0px;
 padding: 5px 10px 0px 0px ;
}
#contacto .lista li{
 display:inline;
 list-style-type: none; /*Elimina los puntos tipicos de las listas*/
 margin:  0px -2px 0px 0px; /*Espacio entre elementos de la lista*/
 width: 100%; /*Ancho de la lista*/}
#contacto .lista li a{
 font-family: helvetica, Arial, Verdana;
 font-size:10px;
 font-weight:bold;
 color:#ffffff; /*Color del texto del link*/
 text-decoration:none; /*Decoraci&oacute;n del texto*/
 border: 0px solid #000000; /*En caso de que queramos aplicar un borde*/
 background: url("images/item_1.gif") no-repeat 2px ; /*Im&aacute;gen de fondo*/
 padding: 0px 5px 0px 15px; /*Espaciado dentro de cada elemento de lista*/}
#contacto .lista li a:hover{
 text-decoration:none; /*Decoraci&oacute;n del texto al MouseOver*/}




/**
*
* CONTENIDO
*
**/
#contenido{
	padding-top:15px;
}
#contenido #titulo{
	height:23px;
	width:692px;
	float:left;
	text-align:left;
 	padding: 0px 0px 0px 0px;
	text-align:left;
	background: url("images/fondo_tit.jpg") no-repeat;
}
#contenido .titulos{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:18px;
	color: #ffffff;
	padding: 0px 0px 0px 10px;
}



#contenido .txtsubmenu{
	background:#ffee00;
	padding-top:1px;
	padding-bottom:1.5px;
	height: auto !important;
	
}

#contenido .txtsubmenu a{
	background:#ffee00;
	color:#00397e;
	padding-top:1px;
	padding-bottom:1.5px;
	padding-left:10px;
	text-decoration:none;
	background: url(images/item_f_subm.gif) no-repeat 0px 7px;
	height: auto !important;
}


#contenido .txtsubmenu2{
	background:#ababab;
	padding-top:1px;
	padding-bottom:1.5px;
	height: auto !important;
}

#contenido .txtsubmenu2 a{
	background:#ababab;
	color:#ffffff;
	padding-top:1px;
	padding-bottom:1.5px;
	text-decoration:none;
	height: auto !important;
}


#contenido h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:18px;
	color: #ffffff;
	padding: 0px 0px 0px 10px;
}
#contenido h2{
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-style: italic;
	font-size:14px;
	padding-bottom: 12px;
	color: #00397e;
}
#contenido .texto{
/* border: 3px solid #000000; */
	float:left;
	margin: 25px 25px 0px 20px;
	width:647px;
	text-align:left;
	color: #00397e;
	background-color:#FFFFFF;
		
}

#contenido .texto1{
/* border: 3px solid #000000; */
	float:left;
	margin: 25px 25px 0px 20px;
	width: 260px; 
	text-align:left;
	color: #00397e;
			
}

#contenido .texto2{
/* border: 3px solid #000000; */
	float:left;
	margin: 25px 25px 0px 45px;
	width: 260px; 
	text-align:left;
	color: #00397e;
		
}

#contenido .texto_seguridad{
/* border: 3px solid #000000; */
	float:left;
	width: 361px; 
	text-align:left;
	color: #00397e;
	background: url(images/seg_f2.jpg) no-repeat center 50px;
	
	min-height: 245px;
 	height: auto !important; 
 	height:245px;
		
}

#contenido .texto_funcionamiento{
/* border: 3px solid #000000; */
	float:left;
	margin: 25px 5px 0px 20px;
	width: 190px; 
	text-align:left;
	color: #00397e;
		
}

#contenido .texto_funcionamiento2{
/* border: 3px solid #000000; */
	float:left;
	margin: 25px 5px 0px 2px;
	width: 350px; 
	text-align:left;
	color: #00397e;
		
}


#contenido .txt_img{
/* border: 3px solid #000000; */
	float:left;
	padding: 310px 3px 0px;
	margin-top:20px;
	width: 1px; 
	text-align:left;
	color: #00397e;
	background:url(images/fondo.gif) repeat-y;
		
}

#contenido .txt_img2{
/* border: 3px solid #000000; */
	float:left;
	padding: 650px 3px 0px;
	margin-top:20px;
	width: 1px; 
	text-align:left;
	color: #00397e;
	background:url(images/fondo.gif) repeat-y;
		
}


#contenido .txt_imagenes{
/* border: 3px solid #000000; */
	float:left;
	padding-left: 15px;
	padding-right:5px;
	padding-top:80px;
	width: 39px; 
	color: #00397e;
			
}

#contenido .txt_sinico{
	padding-left:15px;
}

#contenido .txt_ico{
	background:url(images/item_c_azul.gif) no-repeat 0px 5px;
	padding-left:15px;
}

#contenido .txt_negrita{
	font-weight:bold;
	text-decoration:none;
	
}

#contenido .txt_negrita_clientes{
	font-weight:bold;
	text-decoration:underline;
	color:#00387d;
		
}

.p_imagenes_clientes img{
	float:left;
	border: 1px #666666 solid;
	width:81px;
	
	margin-right:5px;
}

.volver_clientes{
	float:left;
	padding-top:15px;
	color: #666666;
	font-weight: bold;
	padding-left:20px;
	text-decoration: none;
	
}
.volver_clientes a{
	background: url(images/b-volver.gif) no-repeat left 15px;
	font-weight: bold;
	text-decoration: none;
	padding-left:20px;
}

.volver_clientes a:hover{
	background: url(images/b-volverx.gif) no-repeat left 15px;
	color: #00387d;
	font-weight: bold;
	text-decoration: none;
	padding-left:20px;
	

}

#contenido .texto p {
/* 	text-indent: 15px; */
	text-align: justify;
/* 	text-align:left */
}
#contenido .texto strong, #contenido .texto b{
	font-weight: bold;
	text-align: justify;
}

#contenido .texto a{
	color: #00397e;
}
#contenido .texto a:hover{
	text-decoration: underline;
}

#contenido .imagen2{
	float:left;
	width:692px;
	background-color:#FFFFFF;
	padding-top:31px;
}

#contenido .imagen{
	width: 692px; 
	float:left;
	text-align:left;
 	margin: 0px 0px 0px 0px;
	text-align:left;
}

#contenido #map{
	float: left;
	width: 555px; 
	height: 270px;
}

#contenido .localizacion1{
/* border: 3px solid #000000; */
	float:left;
 	padding: 5px 5px 5px 5px;
	width: 545px; 
	text-align:left;
	color: #666666;
}

#contenido .localizacion2{
/* border: 3px solid #000000; */
	float:left;
 	padding: 5px 5px 5px 160px;
	width: 290px; 
	text-align:left;
	background-color:#FFFFFF;
	color: #7d5927;
}

#contenido .localizacion2 strong, #contenido .localizacion2 b{
	font-weight: bold;
	color: #7d5927;
}

#contenido .localizacion2 a{
	color: #7d5927;
}

/**
*
* TABLA CONSULTA DE PETICIONES
*
**/
.tablaPeticiones{
	margin-top:10px; 
	margin-left:200px; 
	background-color:#00397E;
	float:left;
}
.tablaPeticiones th{
	background-color:#FFFFFF;
}
.tablaPeticiones td{
	background-color:#FFFFFF;
}
.tablaPeticiones td.azul_C0CCDE{
	background-color:#C0CCDE;
}
.tablaPeticiones td.azul_E6EAEB{
	background-color:#E6EAEB;
}
.tablaPeticiones th.azul_C0CCDE{
	background-color:#C0CCDE;
}
.tablaPeticiones th.azul_E6EAEB{
	background-color:#E6EAEB;
}
/**
*
* GALERĶA DE FOTOS
*
**/

#galeria .desarrollo{
	font-family: Verdana, Arial, helvetica;
	font-size:10px;
	float:right;
	width: 160px;
	padding: 0px 15px 10px 0px;
	text-align: left;
	color: #7d5927;
}

#galeria .desarrollo h3{
	font-family: Verdana, Arial, helvetica;
	font-size:11px;
	border-bottom: 1px solid #d78e20;
	padding-top: 10px;
	color: #7d5927;
}

#galeria .desarrollo p{
	font-family: Verdana, Arial, helvetica;
	font-size:10px;
	text-align: left;
	color: #7d5927;
}


#galeria  .desarrollo strong, #galeria .texto b{
	font-weight: bold;
	text-align: left;
}

#galeria  .fotos{
	width: 360px; 
	float:left;
 	padding: 0px 0px 0px 0px;
}

#galeria  .fotos_menu{
	width: 360px;
	height: 14px; 
	float:left;
	margin: 5px 0px 0px 0px;
	background-color:#d78e20;
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-align: left;
	color: #FFFFFF;
	}
#galeria  .fotos_menu ul{
 	text-align: center;
	}
		
#galeria  .fotos_menu li{
	display:inline;
 	list-style-type: none; /*Elimina los puntos tipicos de las listas*/
 	margin:  0px 0px 0px 0px; /*Espacio entre elementos de la lista*/
 	width: 100%; /*Ancho de la lista*/}
 
#galeria  .fotos_menu li a{
 	font-family: helvetica, Arial, Verdana;
 	font-size:11px;
 	font-weight:bold;
 	color:#ffffff; /*Color del texto del link*/
 	text-decoration:none; /*Decoraci&oacute;n del texto*/
 	background-color:#d78e20;
 	border-left: 1px solid #ffffff;
 	padding: 0px 5px 0px 5px; /*Espaciado dentro de cada elemento de lista*/}
 
#galeria  .fotos_menu li a:hover{
 	color:#ffffff;
	background-color:#7d5927;;
	text-decoration:none; /*Decoraci&oacute;n del texto al MouseOver*/}


/**
*
* PIE
*
**/

#pie p {
   text-align:left;
   margin-bottom: 0.2em;
   padding-left:35px;
   padding-top:2px;
   font-family:Verdana,Helvetica,sans-serif;
   font-weight:normal;
   font-size:10px;
   color: #ffffff;
}
#pie a {
   font-family:Verdana,Helvetica,sans-serif;
   font-weight:normal;
   font-size:10px;
   color: #ffffff;
   text-decoration: none;
}
#pie a:hover {
    text-decoration: underline;}
#pie a.avisoLegal{
   font-weight:normal;
   font-size:10px;
   text-decoration: none;
   color: #666;
}
#pie a:hover.avisoLegal {
    text-decoration: underline;}

#pie strong, #pie b{
    font-weight: bold;
}

/**
*
* FORMULARIOS
*
**/

form {
	float:left;
	padding-left: 10px;
	padding-top: 20px;
}
label.obligatorio{
	display:block;
	width:100%;
  	color: #7d5927 !important;
	margin: 3px 0px 3px 0px;
}
label.enLinea{
	display:block;
	width:100%;
  	color: #7d5927;	
	margin: 3px 0px 3px 0px;
}
label.Radio{
	text-indent: 10px;	
  	color: #d78e20;
  	font-weight: bold;	
}

/* Estilo para los textbox */

input.cajasTexto{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 24em ;
	border: 1px solid #d78e20;
	color: #7d5927;
	font-weight:bold;
	
}
input.cajasTextoEnLinea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 12em ;
	border: 1px solid #d78e20;
	color: #7d5927;
	font-weight:bold;
}

textarea.cajasTexto {
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 24em ;
	border: 1px solid #d78e20;
	color: #7d5927;
	font-weight:bold;
}
select.cajasTexto {
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 24em ;
	border: 1px solid #d78e20;
	color: #7d5927;
	font-weight:bold;
}
.linkcal{
	color: #7d5927;
 	font-family:Verdana,Helvetica,sans-serif;
   	font-weight:bold;
   	font-size:9px;
	}
/* Estilo para lo botones */
div.botones {
	float: left;
	display: block;
	text-align:center;
	padding: 8px 0px 0px 30px;
}

input.botones {
	border: 0px;
	height: 14px;
	width: 75px;
	font-size: 10px;
	font-weight: bold;
	background-color: #d78e20;
	color: #FFFFFF;
}

input.botones:hover { /* El RollOver mediante CSS para los botones NO funciona en IE (Soluci&oacute;n: RollOver por JS)*/
	color: #FFFFFF;
}

/**
*
* Reservas, calendario y tarifas
*/
#reservas {
	float: left;
	padding: 30px 20px 0px 20px;
	min-height: 220px;
 	height: auto !important; 
 	height:220px;
	width:250px;

}

#reservas_tarifas {
	float: left;
	padding: 30px 20px 0px 20px;
	min-height: 220px;
 	height: auto !important; 
 	height:220px;
	width:250px;
	text-align:left;
	color: #7d5927;
	font-size:10px;
}

#calendario .global{
	padding:2px;
}
#calendario .tit_cal{
	color: #d78e20;
	font-weight:bold;
	font-size:10px;
	padding:3px;
	padding-right:0px;
	text-align:center;
	width:250px;
}
#calendario table th{
	font-size:9px;
	text-align:center;
	color: #7d5927;
}
#calendario table td{
	border:1px solid #d1c4b3;
	text-align:center;
	color: #7d5927;
}
#calendario .hoy{
	color: #ffffff;
	font-weight:bold;
	background-color: #999999;
}
#calendario .completo{
	color: #ffffff;
	font-weight:bold;
	background-color: #d78e20;
}
#calendario .domingos{
	background-color:#7d5927;
	font-weight:bold;
	color:#ffffff;
}

#calendario .eti1{
	width:120px; 
	float:left;
}
#calendario .eti1 a{
	color: #7d5927;
	text-decoration:none;
}
#calendario .eti2{
	width:120px; 
	float:left; 
	text-align:right;
}

#calendario .eti2 a{
	color: #7d5927;
	text-decoration:none;
}

#reservas .leyenda{
	float: left;
	width: 250px;
	margin: 20px 0px 0px 0px;
	padding-left: 15px;
	color: #7d5927;
	background: url("images/reserv_ocup.gif") no-repeat 0px 3px ;
	font-weight:normal;
	font-size:9px;
}

#reservas .boton {
	float: right;
	margin-top: 15px;
	height: 14px;
	width: 80px;
	text-align:center;
	background-color: #d78e20;
}
#reservas .boton a{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
#tarifas {
	float: left;
	margin-top: 33px;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #d78e20;
	width:205px;

}
#tarifas h3{
	color: #d78e20;
	font-weight:bold;
	font-size:10px;

}
#tarifas p{
	color: #7d5927;
	font-size:10px;
	line-height: 17px;
}
#tarifas p b{
	font-weight:bold;
}
#tarifas a{
	color: #7d5927;
	text-decoration:none;
}
#tarifas a:hover{
	color: #7d5927;
	text-decoration:underline;
}
/**
*
* Especiales
*/
.oculto {
display:none;
}

