/*ESTILOS CSS*/

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #71726E;
	margin:0 auto;
	font-weight:bold;
}

a{
	color: #000000;
	text-decoration: none;
	outline:0;
}

img{
	border:hidden;

}

/* CONTENEDOR */
#contenedor{
	width:1000px;
	margin:0 auto;
}

/* CABECERA */
#cabecera{
	background-image:url(../images/logo.jpg);
	width:100%;
	height:90px;
}

#cabecera_print{
	display:none;
}

#cabecera .titulo_cabecera{
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	font-style:italic;
	color: #FFFFFF;
	text-transform:uppercase;
	letter-spacing: 4px;
	margin: 0;
	position:relative;
	top:20%;
	left:5%;
}

/* CONTENIDO */
#contenido{
	background-color:white;
	padding: 10px 5px 10px 5px;
	height: auto!important; /* para los browsers buenos */
	height: 100%; /* para IE5+ */
	min-height:100%;
	overflow: hidden;
}

#titulo_superior{
	padding-bottom:10px;
	padding-left:40px;
	padding-right:40px;
	text-align: center;
	padding-top:20px;
}

.titulo_superior{
	color:#006600; 
	font-size:15px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}

.texto_superior{
	font-size:15px;
	color:#006600;
	padding-bottom:20px; 
}

.menu_left{
	float:left;
	font-size:14px;
	text-align:center;
	margin-left:35px;
}

.menu_right{
	float:right;
	font-size:12px;
	margin-right:20px;
	text-align:center;
}

.cerrar{
	color:#990000;
}

.volver{
	color: #0033CC;
	font-size:12px;
	text-decoration: none;
	outline:0;
}	

.mostrar_print{
	display:none;
}

.linea1{
	display:none;
}

.imagen_oferta{
	height: auto!important; /* para los browsers buenos */
	max-height:380px;
	max-width:420px;
	height: 380px; /* para IE5+ */
	width: 420px; /* para IE5+ */
}

.index_left{
	float:left;
	margin-left:30px;
	width:420px;
	height:380px;
}

.index_right{
	float:right;
	margin-right:15px;
	width:400px;
	height:380px;
}

/* clase formulario de logueo*/
.form_login{
	padding-top:30px;
	padding-left:370px;
	padding-bottom:148px;
}

.form_login2{
	padding-top:30px;
	padding-bottom:148px;
}

.input_login{
	width:140px;
	background-color: #E3FFCE;
	font-weight:bold;
	border-color:green;
}

.form_reserva{
	margin-top:20px;
	padding-left:190px;
	padding-top:20px;
	padding-bottom:20px;
}

.form_confirm{
	margin-top:20px;
	padding-left:200px;
	padding-top:20px;
	padding-bottom:20px;
}

.form_aviso{
	margin-top:20px;
	padding-left:280px;
	padding-top:20px;
	padding-bottom:20px;
}

.form_resguardo{
	margin-top:20px;
	margin-left:220px;
	padding-top:20px;
	padding-bottom:20px;
}

.boton{
	border-color:#006600;
	font-weight:bold;
	font-size:12px;
}

.centrar_texto{
	text-align:center;
}

.centrar_input{
	text-align:center;
	padding-bottom:15px;
}

.fondo_verde{
	color:#FFFFFF; 
	font-size:14px;
	background-color:#006600;
	text-align:center;
}

.fondo_azul{
	color: #FFFFFF;
	background-color:#000066;
	text-align:center;
}

.fondo_gris{
	background-color:#CCCCCC;
	text-align:center;
}

.tabla{
	border: solid;
	width:600px;
}

.tabla2{
	border: solid;
	width:600px;
}

.tabla3{
	background-color:#000000;
}

.fondo_naranja{
	background-color:#FF9900;
}

.fondo_gris{
	background-color:#CCCCCC;
}

.tabla_resguardo{
	border: solid;
	width:550px;
}

.saldo{
	color: #000099;
}

.centrar_boton{
	color:#006600; 
	padding-top:3px;
	padding-bottom:10px;
	text-align:center;
}

.centrar_boton2{
	color:#006600; 
	padding-top:3px;
	padding-bottom:30px;
	text-align:center;
}

.activo{
	text-align:left;
	color:#000000;
}

.inactivo{
	text-align:left;
	color: #CC0000;
}

input.check{
	border:double;
	color:#00CCCC;
}

.normas{
	margin-left:60px;
	margin-right:60px;
	margin-bottom:30px;
}

.input_fechas{
	padding-top:5px;
	text-align:left;
	margin-left:10px;
	margin-bottom:10px;
}

#avisoletras{
	display: none;
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

/* PIE */
#pie{
	background-color: #006600;
	color:#FFFFFF;
	padding-top:1px;
	padding-bottom:1px;
	text-align:center;
	font-size:12px;
}

#pie a{
	color: #FFFFFF;
	text-decoration: none;
	outline:0;
}

.datos_pie{
	padding-bottom:5px;
	padding-top:9px;
}

.autor{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*Menú principal*/

#menu{
}

.pro10{
	/*padding:0px;
	margin:0 auto; */
	margin-bottom:20px;
	margin-left:-5px;
	padding-left:0px;
	margin-top:-10px;
	list-style:none; 
	height:30px; 
	position:relative; 
	background-color:#FFFFFF;
	text-transform:uppercase;
}

.pro10 ul{
	list-style:none;
}

.pro10 li {float:left; background:url(../images/pro_ten_1.gif);}
.pro10 li a {display:block; float:left; height:30px; line-height:29px; background:url(../images/pro_ten_0.gif) no-repeat; color:#FFFFFF; text-decoration:none; font-size:12px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 20px; cursor:pointer;}
.pro10 li a b {float:left; display:block; padding:0 20px 0 0; background:url(../images/pro_nine_0.gif) right top;}
.pro10 li.current a {color:#fff; background:url(../images/pro_ten_2.gif);}
.pro10 li.current a b {background:url(../images/pro_ten_2.gif) right top;}
.pro10 li a:hover {color:#fff; background:url(../images/pro_ten_1.gif);}
.pro10 li a:hover b {background:url(../images/pro_ten_1.gif) right top;}
.pro10 li.current a:hover {color:#fff; background:url(../images/pro_ten_2.gif); cursor:default;}
.pro10 li.current a:hover b {background:url(../images/pro_ten_2.gif) right top;}