/* CSS Document

Azul: 093755 
Naranja: ebc06e*/

body{ /* Es para el cuerpo de la página */
	text-align: center; /*Alineación del texto*/
	font-family:Verdana, Arial, Helvetica, sans-serif;/*tipo de fuente*/
	font-size: 70%; /*tamaño de la fuente en relación a la que viene por defecto*/
	line-height: 20px; /*interlineado*/
	color: #555; /*color de la fuente*/
	background-color:#CCCCCC; /*color del fondo*/
	background:url(../img/fondo2.gif) repeat-x #e9e9e9; /*Si la pantalla es más grande que el degradado, cuando este acabe, la pantalla se queda de color #EAE6D9, que es el color de abajo del degradado*/
	margin: 0px; /* para que la contenedora se ajuste arriba */
	padding: 0px;
}

h1 {
	font-size: 150%; 
	color: #093755;
	text-align:center;
}

h2 {
	font-size: 120%;
	color: #093755;
}

a{
	color: #084065;
	text-decoration: none; /*el subrayado del link*/
}
a:hover{
	color: #084065;
	text-decoration: underline;
}
/* ****************************  CONTENEDORA *************************** */

#contenedora {
	width: 750px; /*anchura de la capa*/
	/*height: 645px;altura de la capa*/
	margin-left: auto;/*distancia a la capa de la izquierda*/
	margin-right: auto;
	background-color: white;
	border: 1px solid #093755; /*borde: anchura, tipo y color*/
}

/*html>body #contenedora {
	height: 645px;
}*/

/* ****************************  CABECERA *************************** */

#cabecera {
	width: 750px;
	height: 120px;
	background-color: white;
	background-image:url(../img/cabecera.jpg);
	text-align: right;
/*	border-bottom: 4px solid #093755;*/
}

html>body #cabecera {
	height: 125px;
}
/* ****************************  LOGO *************************** */

#logo {
	float: left; /*para mover la capa a la izquierda*/
	width: 188px;
	height: 90px;
	margin-left: 0px;
	margin-top: 0px;
}

#logo img{
	border: 0px;
}

/* ****************************  HORARIOS *************************** */

#horarios {
	display: block; /*Para que coja los paddings*/
	text-align: right;
	margin: 0px;
	padding: 58px 17px 0px 0px;
}

#horarios a{
	text-decoration: none;
	font-size: 120%;
	color: #ccc;
	font-weight: bold;
}

#horarios a:hover{
	text-decoration: none;
	color:#ebc06e;
}

/* ****************************  MENU *************************** */

#menu {
	position: relative;
	float: left;
	width: 188px;/*190px;*/
	height: 500px;
	text-align: left;
	/*border-right: 4px solid #E5AE42;/*#FFA800; /*093755;*/
}

html>body #menu {
	height: auto;
}

#menu ul{
	position: relative; /* Para que coja toda la línea*/
	width: 100%; /* Para que la primera línea contenga el 100% */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu ul li {
	background-color:#EBC06E;
	color: #EBC06E;
	margin-left: 0px;
	text-align: center;
}

#menu ul li li {
	text-indent: 11px;
	text-align: left;
	font-weight: 100;
	height:100%;
}

html>body #menu ul li li {
	width: 100%;
	text-indent: 7px;
	line-height: 1.965em;

}

#menu ul li ul li a{
	display: block;	 /*para que coja todo el ancho del menu*/
	text-decoration: none;
	color: #3F3636;
/*	border-bottom: 1px double #EDAA29;*/
	background-image:url(../img/bgseccion.gif)
}

/*#menu ul li span {
	display: none;
}*/

/*html>body #menu ul li ul li a{
	width: 92%; 
}*/

#menu ul li ul li a:hover{
	color: #fff;/*#313277;*/
	background-image:url(../img/bgseccion1.gif); /*bgseccion2.gif*/
}

/*html>body #menu ul li ul li a:hover{
	width: 92%; 
}*/

/* ****************************  RUTA *************************** */

#ruta {
	margin-left: 190px;
	text-align: left;
	text-indent: 13px;
	border-bottom: 1px dashed #EBC06E;
}

html>body #ruta {
	margin-left: 190px;
	text-indent: 16px;
}

#ruta a{
	color: #555;
	text-decoration:none;
}

#ruta a:hover{
	color: #EBC06E;
	text-decoration:none;
}

/* ****************************  CONTENIDO *************************** */

#contenido {
	width: 525px;
	text-align: left;
	margin-left: 180px;
	padding: 10px;
}

html>body #contenido{
	width: 525px;
	margin-left: 199px;
}


/* ****************************  HORARIO Y PLANES *************************** */

#horarioplanes{
	height: auto;
}

#horariosplanes ul{
	margin-left: 0px;
	list-style-type: none;
}

html>body #horariosplanes ul{
	margin-left: -40px;
}

#horariosplanes ul li li{
	margin-left: 2em;
	list-style-type: none;
}


/* ****************************  FOTO ACTIVIDAD *************************** */

#foto_actividad{
	width: 495px;
	height: 200px;
	border: 3px double navy;
}

/* ****************************  PROMOCION *************************** */

#promocion{
	width: 495px;
	height: 160px;
	background-color: white;
}

#promocion ul {
	margin-left: 140px;
	margin-top: 30px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}

#promocion ul li{
	margin-left: 20px;
	list-style-type: none;
}

html>body #promocion ul {
	margin-top: 30px;
}

html>body #promocion ul li {
	margin-left: -10px;
}

#foto_promocion{
	float:left;
	width: 125px;
	height: 150px;
}

#foto_navidad {
	width: 495px;
	height: 200px;
}


/* ****************************  FORMULARIO DE CONTACTO *************************** */
#info_personal{
	position: relative;
	text-align:left;
	width: 70%;
	margin-left: 100px;
}

.form_boton {
	font-size: 120%;
	color: #fff;
	padding: 0px;
	background-color:#093755;/*#A83030;*/
	/*border: 3px double #003366;*/
/*	border-bottom: 3px solid #ccc;
	border-right: 3px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;*/
}

input{ /* Cuadros de texto del formulario */
	background:white;
	color: #555;/*#566031;*/
	border-top: 1px solid #969696;
	border-left: 1px solid #969696;
	border-right: 2px solid #969696;
	border-bottom: 2px solid #969696;
	margin:1px;
	padding-left:2px;
	margin-left: -100px;
}

html>body input {
	margin-left: 0px;
}

textarea{
	background:white;
	color: #555;
	border-top: 1px solid #969696;
	border-left: 1px solid #969696;
	border-right: 2px solid #969696;
	border-bottom: 2px solid #969696;
	margin:1px;
	padding-left:2px;
	margin-left: -100px;
}

html>body textarea {
	margin-left: 0px;
}

.cancelar {
	margin-left: 40px;
}
html>body .cancelar {
	margin-left: -8px;
}

select{
	background:white;
	color:#566031;
	border-top: 1px solid #969696;
	border-left: 1px solid #969696;
	border-right: 2px solid #969696;
	border-bottom: 2px solid #969696;
	margin:1px;
	padding-left:2px;
}



/* ****************************  CLASES *************************** */
html>body .titulo {
	margin-top: -10px;
}

.pie{
	margin-top: 0px;
}

.ayuda{
	cursor:help;
}

.pcontitulo{
	margin-top:-15px;
}

kbd {	background:#EFECEC;	border-right:1px solid #ccc;	border-bottom:1px solid #ccc;	padding-right: 0.4em; 	padding-left: 0.4em; 
	padding-bottom: 0.1em; 	padding-top: 0.1em; 	font-size:11px;	}

#tope{
	display: block;
	clear: both;
}

#promociones {
	width: 188px;
}

#promociones img {
	border: 0px;
}

.opcion {
	color: #fff;
	display: block;
	background-image:url(../img/bgseccion.gif);
}

.opcion2 {
	color:#33FFFF;
	font-size:120%;
	font-weight: bold;
}

/* ****************************  FOTO REMARCADA *************************** */

.contenedorfoto { 
   float:left; 
   width:210px; 
   height:180px; 
   margin: 10px; 
   padding:5px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}