/*--- Estilo de intuye.com ---*/
@import url('css/base.css');

body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #fff url('img/fondo_arriba.jpg') repeat-x;
	color: #000;
}
a{
	text-decoration: none;
	color: #018927;
}
a:hover{
	text-decoration: underline;
}

h1{
cursor:default;
}

h2{
cursor:default;
}

h4{
font-size:13px;
}

tr,th,td {
	padding: 3px;
}


button{
	Width: 150px;
}
.checkbox{
	width: 15px;
	height: 15px;
}
.x{
	color: #c20000;
	margin: 0 3px;
}

/*--- Etiquetas que definen la estructura de la página --- 
--------------------------------------------------------------------------------------------------------------------*/

#pagina{
	background-color: #fff;
	width:756px; /*800x600 en IE*/
	margin: 0 auto; /*centrado*/
	padding:0 6px;
	background-image:url('img/fondo_pagina.png');
}
#cuerpo{
	padding: 0 0px;
}
/*------------------------------------------------Cabecera------------------------------------------------------*/
#cabecera{
	background: #FDAE4F url('img/cabecera.jpg') repeat-x;
	text-align: center;
	height:88px;
	margin:0 auto;
	padding-top:20px;
	width:100%;
	}
#cabecera h1{
	font-size:45px;
	padding-left:3px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:8px;
	font-weight:bold;
	}
#cabecera h2{
font-size:15px;
color:#333;
letter-spacing:5px;
font-weight:bold;
	}
#cabecera a{
	color:#fff;
	}
	
.loading{
background-image:url('img/loading.gif');
height:0px;
width:0px;
}
	
.cuadraditos{
background-image:url('img/cuadraditos.jpg');
margin:0 auto;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
clear:both;
width:754px;
height:12px;
font-size:4px;
}	
/*------------------------------------------------ Menu ----------------------------------------------------------*/
#menu {
width:100%;
font-size:14px;
}

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

#menu a{
text-transform:lowercase;
display:block;
border-bottom:1px solid #fff;
background-color: #DEDEDE;
padding:25px 10px 2px;
width:175px;
text-decoration:none;
color:#333;
}

#menu a:hover, #menu .act{
background-color:#999;
color:#fff;
}

#idioma{
display:block;
border-bottom:1px solid #fff;
background-color: #DEDEDE;
padding:10px 10px;
width:175px;
text-align:center;
text-decoration:none;
color:#333;
}

#idioma a{
margin:0 5px;
padding:0px;
}

#idioma .act{
filter: alpha(opacity=30); opacity: .3;
cursor:default;
}


/*------------------------------------------------Contenido-------------------------------------------------------*/
#contenido{
	width: auto; 
	padding: 20px;
	margin: 0 0 0 195px;
}

#contenido h2{
	text-transform:uppercase;
	color:#333;
	font-size:15px;
	background-image:url('img/subrayado.png');
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:3px;
	margin-bottom:20px;
}

/*----------------------------------------------- Lateral --------------------------------------------------------*/

#lateral{
	float: left; width: 195px;
}

#lateral #admin{
	margin-left:20px;
}
#lateral #admin ul{ 
		padding-left: 10px;
		list-style: disc;
}
#lateral h3{ 
	text-transform: uppercase;
	margin: 20px 0 10px 0;
	font-size: .9em;
}



/*-------------------------------------------------Pie---------------------------------------------------------------*/
#pie {
	clear:both;
	text-align:center;
	background-color: #444;
	margin-top:20px;
	width:100%;
	color: #fff;
	padding:1px 0px;
	margin:0px 0px;
}
#pie a{
	color: #fff;
}

/*------------------------------------------------ ADMIN ----------------------------------------------------------*/
#opciones_tabla{
	float: right;
	padding-bottom: 10px;
}
#subtitulo{
	padding: 5px 0;
	clear: right;
	padding:2px;
}
#subtitulo h2{
	font-size: 18px;
	margin-bottom: 15px;
}
#subtitulo .subopciones{
	float: right;
}
/* -------------------- Mensajes del admin ---------------- */

.e input, .e textarea, .e select, .e table{
	border-color: #c20000;
}
.error{
	color: #c20000;
}
.okey{
	color: #80ca75;
}
.nota{
	background-color: #ff9;
}

/* -------------------- Tablas mostrar ---------------- */

#mostrar { 
	border-collapse: collapse;
	border: 1px solid #666;
	width: 99%;
}
#mostrar thead th:hover a {
	color: #fff;
}
#mostrar tbody tr:hover {
	background-color: #68b;
	color: #fff;
}
#mostrar a:hover {
	background-color: #666;
	color: #fff;
}
#mostrar thead th {
	font-size: 100%;
	background-color: #ccc;
	height: 33px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#mostrar td {
	border-left: 1px solid #dadada;
}
#mostrar .accion{
	width: 50px;
	text-align: center;
	color:#ccc;
}

/* -------------------- Tablas formulario ---------------- */

#formulario { 
	width:99%;
	border-collapse: collapse;
}
#formulario input, #formulario textarea{
	width:230px;
}
#formulario input, #formulario select,  #formulario textarea{
	border: 1px solid #ccc;
	background-color: #f6f6f6;
}

#formulario  input:hover, #formulario  select:hover, #formulario textarea:hover{
	border: 1px solid #018927;
}
#formulario  input:focus, #formulario  select:focus, #formulario textarea:focus{
	background-color: #fff;
	border: 1px solid #018927;
}

#formulario caption{
	text-transform: uppercase;
	color: #68b;
	border: 1px solid #68b;
	font-weight: bold;
	text-align: left;
	margin: 40px 0;
	padding: 3px;
}
#formulario tbody th {
	text-align:right;
	vertical-align: top;
	width: 120px;
}
#formulario .td_error {
	color: #c20000;
	font-size:9px;
	width: 150px;
	vertical-align:top;
	padding-top:7px;
}
button{
	margin-left:129px;
}

/* -------------------- Botones ---------------- */

.formulario_botones{
	padding: 10px 0;
}


/* ---------------------- HOTELES ---------------------- */

.hotel{
	margin-top: 10px;
	margin-bottom:60px;
}

.hotel .titulo{
	font-weight:bold;
	font-size:15px;
	text-transform:uppercase;
	background-image:url('img/subrayado.png');
	background-position:bottom left;
	background-repeat:no-repeat;
	height:16px;
	margin-bottom:10px;
	padding-bottom:3px;
}

.hotel .h_main {
	overflow:auto;
	height:1%;
}

.hotel .titulo .direccion{
	float:right;
	text-transform:none;
	font-weight:normal;
	font-size:12px;
}

.hotel .foto{
width:184px;height:184px;
}

.hotel .foto_margen{
	margin-top:1px;
	height:36px;
	width:36px;
	margin-right:1px;
}

.hotel .descripcion{
	float:right;
	width: 318px;
}

.hotel .precios{
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	margin-top:10px;
	height:19px;
	font-size:13px;
	font-weight:bold;
	padding-bottom:7px;
	background-color:#E3E3E3;
}

.hotel .oferta{
	position:absolute;
	margin-left:106px;
	margin-top:126px;
}

.hotel .habitaciones{
	width:100%;
	margin-top:40px;
}

.hotel .habitaciones table{
width:100%;
border:0px;
padding:0px;
margin:0px;
}

.hotel .habitaciones .linea{
border-top:1px solid #ccc;width:100%;
}

.hotel .habitaciones .linea_gruesa{
border-top:2px solid #aaa;width:100%;
}

.hotel .habitaciones .total{
font-size:14px;
font-weight:bold;
text-align:right;
}

.hotel .condiciones{
margin-top:5px;
font-size:10px;
float:left;
}

.hotel .completo{
color:#FFB67F;
margin-top:10px;
font-weight:bold;
font-size:12px;
padding-left:3px;
padding-right:3px;
padding-bottom:3px;
margin-bottom:0px;
padding-top:0px;
border: 1px solid #ccc;
background-color: #f6f6f6;
cursor:pointer;
}

.hotel .disponible{
margin-top:10px;
background-color:#00891F;
font-weight:bold;
font-size:12px;
padding-left:3px;
padding-right:3px;
padding-bottom:2px;
padding-top:1px;
border: 1px solid #ccc;
color: #f6f6f6;
cursor:pointer;
}

.hotel .disponible:hover{
color:#ccc;
}

#paginas{
text-align:center;
width:100%;
margin:0 auto;
margin-bottom:30px;
}

#paginas .enlace{
text-align:center;
border:1px solid #028920;
margin:0 3px;
padding:2px 4px;
text-decoration:none;
}

#paginas .enlace:hover{
background-color:#8DD800;
padding:2px 4px;
}

#paginas .act{
font-weight:bold;
margin:0 3px;
padding:4px 6px;
color:#fff;
background-color:#028920;
border:1px solid #028920;
}