/* CSS para el proyecto de HORECA de la CENTRAL DE RESERVAS */

body{
	background:#fff;
	margin:0px 0 0 6px;
	font:normal 9pt Arial, Helvetica, sans-serif;
}

p{

}

a{

 }

h1{

}

h2{

}

h3{

}

/******************************************************* ESTILOS PRUDENCIALES ********************************************/

img{
	float:left;
	border:none;
}

form{
	margin:0;
	padding:0;
}

.clear{
	float:none;
}



/******************************************************* ESTILOS PRINCIPALES *********************************************/

#align{
	width:770px;
	height:auto;
	float:left;
}

#columna{
	width:248px;
	height:auto;
	float:left;
	padding:0 0px 0 0;
	overflow:hidden;
	border-right:17px #fff solid;
}

#contenidos{
	width:505px;
	float:left;
	overflow:hidden;
}


#pie{
	width:770px;
	height:auto;
	float:left;
	font:normal 0.9EM Arial, Helvetica, sans-serif;
	padding:10px 0;
	text-align:right;
	color:#999999;

}

.buscador_normal{
	font: bold 1em Arial, Helvetica, sans-serif;
	margin:0 0 0 10px;
	color:#999900;
}


/******************************************************* BUSCADOR ********************************************************/

#buscador{
	width:222px;
	height:295px;
	float:left;
	margin:0 0 17px 0;
	color:#333333;
	padding:50px 10px 0 16px;
	background:#FFCC00 url(../images/index/bg_seach.jpg) no-repeat;
}

#buscador input{
	width:100px;
	font:normal 0.9em Arial, Helvetica, sans-serif;
}

#buscador img{
	float:left;
	margin:0 0 0 15px;
}


#buscador label{
	width:90px;
	float:left;
	text-align:right;
	font:normal 0.8em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:3px 2px 0 0;
}

#buscador_separador{
	width:220px;
	float:left;
	border-bottom:dotted 1px #fff;
	margin:10px 0;
}

.buscador_flecha{
	margin:2px 0 0 0;
	padding:2px 2px 2px 0;
	background: url(../images/elementos/flechita.jpg) no-repeat 24px 4px;
}

#buscador select{
	padding:0;
	margin:0;
	float:left;
}

.buscador_select{
	width:220px;
	float:left;
	margin:0 0 10px 0;
}

#buscador table{
	float:left;
}

#buscador select{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#333;
}

.buscador_select_max{
	width:124px !important;
	width:118px;
}

.buscador_select_max2{
	width:124px !important;
	width:118px;
	font:normal 0.8em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#333;
}

.buscador_boton{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	float:right;
}

/******************************************************* LOGIN ********************************************************/

#login{
	width:248px;
	float:left;
	padding:0 0 10px 0;
	background:#E1E1E1 url(../images/index/bg_login.jpg) no-repeat left top;
}

#login span{
	padding:10px;
	float:left;
}

#login h1{
	margin:10px 0 10px 10px;
	font:bold 1.3em Arial, Helvetica, sans-serif;
	color: #333333;
	
}

#login label{
	width:95px;
	float:left;
	font:normal 0.9em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin: 0 0 0 10px;
	color:#999900;
	text-align:right;
}

#login input{
	font: normal 0.9em Arial, Helvetica, sans-serif;
	margin:0 0 5px 10px;
}

.login_button{
	width:70px;
	height:20px;
	margin:0 5px 0px 100px;
	padding:0;
	display:block;
	color:#fff;
	border:none;
	float:right;
	background:url(../images/elementos/but_1.gif) no-repeat 6px center;
}

#login  a{
	display:block;
	color:#333333;
	margin:0 0 0 10px;
}


#login table{
	float:left;
	margin:15px 0 15px 40px;
}

#login table a{
	margin:0px 0 0 4px;
	float:left;
}

#login table input{
	margin:1px 0 0 0px;
	float:left;
}
.login_condiciones_table{
	width:185px;
	font:normal 0.9em Arial, Helvetica, sans-serif;
}


/******************************************************* MEN� PRINCIPAL *************************************************/

#menu{
	width:505px;
	height:19px;
	float:left;
	padding:5px 0 0 0;
	overflow:hidden;
	font:normal 0.9em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#menu ul{
	margin:0;
	padding:0;
}

#menu li{
	list-style: none;
	float:left;
	margin:0 9px 0 0;
	padding:0px 0 0px 14px;
	background:#A1A1A1 url(../images/index/menu/left.jpg) no-repeat top left;
}

#menu li a{
	text-decoration:none;
	color:#fff;
	float:left;
	padding:0px 10px 2px 0;
	background:url(../images/index/menu/right.jpg) top right no-repeat;
}

#menu_banderas{
	width:60px;
	height:19px;
	float:left;
	padding:2px 0 0 0;
	visibility:hidden;
}

#menu_banderas li{
	margin:0 4px 0 0;
	padding:0;
	background:none;
}

#menu_banderas li a{
	padding:0;
	background:none;
}

/******************************************************* PAGINADO ********************************************************/


#paginado{
	width:505px;
	float:left;
	margin:5px 0 0 0;
	background:#FFCC00;
}

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

#paginado li{
	margin:0;
	padding:0;
	float:left;
}

#paginado li a{
	width:20px;
	padding:4px 0;
	float:left;
	text-align:center;
	text-decoration:none;
	color:#fff;

 }
 
#paginado li a:hover{
	background:#FF9900;
}


.paginado_current{
	background:#FF9900;
}
/******************************************************* AVISO ********************************************************/

#msgDiv{
	width:690px;
	height:20px;
	float: left;
	padding:5px 40px;
	margin:0 0 5px 0;
	font-weight:bold;
	color: #FFCC00;
	background:#000 url(../images/elementos/icon_warning.jpg) no-repeat 10px 2px;
}

/******************************************************* CONDICIONES GENERALES ********************************************************/

#condiciones{
	width:485px;
	height:150px;
	overflow:scroll;
	float:left;
	margin:5px 0 0 0;
	padding:10px;
	color: #333333;
	background: #f2f2f2;
}


#condiciones_options{
	width:485px;
	float:left;
	padding:10px;
	color: #333333;
	background: #f2f2f2;
}



/******************************************************* NOTA ********************************************************/


#nota{
	width:485px;
	float:left;
	margin:5px 0 0 0;
	padding:10px;
	color: #333333;
	background:#FFCC00 url(../images/index/nota.jpg) top right no-repeat;
}

#nota span{
	width:90px;
	font-weight:bold;
	float:left;
}

#nota input, #nota select{
	font:bold 0.9em Arial, Helvetica, sans-serif;
}

#nota i{
	width:485px;
	float:left;
	text-align: center;
}

#nota a{
	color:#333;
	font-style:normal;
	display:block;
	text-align:center;
}

/******************************************************* CONTENIDOS TEXTO ********************************************************/

#contenidos_texto{
	width:505px;
	float:left;
	padding:10px 0 0 0;
	color:#666666;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}

#contenidos_texto a{
	color:#999900;
}

#contenidos_texto h1{
	font:bold 1.5em Arial, Helvetica, sans-serif;
	color: #999900;
}

#contenidos_texto h2{
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	font:bold 1.3em Arial, Helvetica, sans-serif;
	background:url(../images/elementos/sep_horizontal.jpg) top left repeat-x;
}


/******************************************************* LISTADO PRINCIPAL ********************************************************/

#listado{
	width:485px;
	margin: 16px 105px 0 0;
	padding:10px;
	float:left !important;
	float:none;
 	background: #ececec url(../images/index/bg_promos.jpg) no-repeat top left;
}


#listado h1{
	color:#333333;
	padding:0 0 5px 0;
	font:bold 1.3em Arial, Helvetica, sans-serif;
	background:url(../images/elementos/sep_horizontal.jpg) repeat-x left bottom;
}



.listado_thrumb{
	float:left;
	margin:0 5px 0 0;
	width:50px;
	height:50px;
}


#listado strong{
	width:325px;
	height:15px;
	float:left;
	overflow:hidden;
	text-transform:lowercase;
}

#listado i{
	width:80%;
	float:left;
	display:block;
}

.listado_direccion{
	width:190px;
	height:15px;
	float:left;
	padding:2px 0 0 20px;
	margin:0 0 0 10px;
	text-transform:lowercase;
	overflow:hidden;
	background:url(../images/elementos/icon_flecha.gif) no-repeat;
}

.listado_fax{
	float:left;
	padding:2px 0 0 20px;
	margin:0 0 0 10px;
	background:url(../images/elementos/icon_fax.gif) no-repeat;

}

.listado_tlfn{
	float:left;
	padding:2px 0 0 20px;
	margin:0 0 0 10px;
	background:url(../images/elementos/icon_phone.gif) no-repeat;
}

.listado_categoria{
	width:85px;
	display:block;
	float:left;
}


#listado ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#listado li{
	float: left;
	margin:0px 0;
	padding:0 0 1px 0;
	background: url(../images/elementos/sep_horizontal.jpg) left bottom repeat-x;
}

#listado a{
	width:485px;
	padding:5px 0;
	color:#333333;
	float:left;
	text-decoration:none;	
}


#listado a:hover{
	background:#F2F2F2;
}


/***

/******************************************************* LISTADO BUSQUEDA ********************************************************/

#listado2{
	width:505px;
	margin: 16px 0 0 0;
	padding:0px 00px;
	float:left;
	font: normal 0.9em Arial, Helvetica, sans-serif;
 	background:  url(../images/index/bg_promos2.jpg) no-repeat top left;
}

#listado2_sero{
	width:455px;
	height:100PX;
	padding: 20px 0 0 50px;
	background: url(../images/elementos/warning2.jpg) no-repeat;
}


#listado2 h1{
	color:#333333;
	padding:0 0 5px 10px;
	font:bold 1.3em Arial, Helvetica, sans-serif;
}

.listado2_thrumb{
	float:left;
	width:60px;
	height:60px;
	margin:0px 5px 0 0;
}

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

#listado2 li{
	float:left;
	margin:5px 0 0 0;
	padding:10px;
	background:#FAFAFA;
}

#listado2 li a{
	text-decoration:none;
	color:#666666;

}

.listado2_bloque1{
	width:485px;
	height:20px;
	float:left;
	background:url(../images/elementos/sep_horizontal.jpg) repeat-x left bottom;
}

.listado2_bloque2{
	width:345px;
	float:left;
	padding:5px 0;
}

.listado2_bloque3{
	width:140px;
	float:left;
	padding:5px 0;
}

.listado2_bloque4{
	width:420px;
	float:left;
	padding:5px 0 5px 65px;
}

.listado2_bloque4 input{
	width:80px;
	font:normal 0.9em Arial, Helvetica, sans-serif;
}

.listado2_bloque4a{
	width:260px;
	float:left;

}

.listado2_bloque4b{
	width:130px;
	float:left;
	padding:0 0 0 10px;
	background:url(../images/elementos/sep_vertical.jpg) top left repeat-y;
}

.listado2_estrellas{
	width:62px;
	height:20px;
	float:left;
}

#listado2 b{
	width:280px;
	float:left;
	color:#333333;
	text-transform: uppercase;
	overflow: hidden;
	margin:1px 0 0 5px;
}

#listado2 i{
	float:left;
	color:#999999;
}

.listado2_entra{
	background: url(../images/elementos/icon_entra.jpg) no-repeat;
	padding:0 0 5px 18px;
	margin:0 0 5px 0;
}

.listado2_sale{
	background: url(../images/elementos/icon_sale.jpg) no-repeat;
	padding:0 0 5px 18px;
	margin:0 0 5px 10px;
}

.listado2_otra{
	background: url(../images/elementos/icon_alternativa.jpg) no-repeat;
	padding:0 0 0 18px;
	margin:0 0 0 5px;
}

.listado2_habitacion{
	width:98px;
	height:55px;
	float:left;
	margin:7px 5px 0 0;
	padding:2px 3px;
	color:#666;
	background: #f2f2f2;
}

.listado2_habitacion_box{
	margin:2px 1px 0 0;
	padding:2px;
	background:#666666;
	color:#fff;
	float:left;
	display:block;
}

.listado2_habitacion_box2{
	margin:2px 1px 0 0;
	padding:2px;
	background:#ffcc00;
	color:#fff;
	float:left;
	display:block;
}

.listado2_direccion{
	background:url(../images/elementos/icon_flecha.gif) no-repeat;
	padding:0 0 0 20px;
	float:left;
}

.listado2_tlfn{
	float:left;
	padding:0 0 0 20px;
	margin:5px 0 0 0;
	background:url(../images/elementos/icon_phone.gif) no-repeat;
}

.listado2_fax{
	float:left;
	padding:0 0 0 20px;
	margin:5px 0 0 0;
	background:url(../images/elementos/icon_fax.gif) no-repeat;
}

.listado2_vermas{
	width:200px;
	background:url(../images/elementos/mas.jpg) no-repeat 0 2px;
	padding:0 0 0 14px;
	margin:0 0 5px 0;
	float:left;
}




/******************************************************* FICHA DEL HOTEL **************************************************/

#ficha_izda{
	width:350px;
	height:auto;
	float:left;
	font:normal 0.9em Arial, Helvetica, sans-serif;
	color: #333333;
}

#ficha_izda h1{
	color:#a1a1a1;
	height:auto;
}

#ficha_izda h2{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color: #999900;
	border-bottom:solid 1px #999900;
	margin:25px 15px 10px 0;
}



#ficha_izda ul{
	width:350px;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	margin:0 0 20px 0;
}

#ficha_izda li{
	width:116px;
	height:28px;
	padding:8px 0 0 0;
	overflow:hidden;
	float: left;
}

.ficha_izda_li_on{
	background:#f9f9f9;
}

#ficha_izda_360{
	width:350px;
	float:left;
	padding:0 0 30px 0;
}

#ficha_izda_360 span{
	float:left;
	padding:40px;
	background:#f2f2f2;
}

#ficha_izda_callejero{
	width:350px;
	float:left;
	overflow:hidden;
}

#ficha_izda_callejero object{

}
 

#ficha_dcha{
	width:143px;
	float:left;
	padding:5px;
	margin:20px 0 0 0;
	border:solid 1px #efefef;
	color:#666;
	font:normal 0.9em Arial, Helvetica, sans-serif;
	background:#f9f9f9;
	overflow: hidden;
}

#ficha_dcha a{
	color:#333333;
}

.ficha_dcha_politica{
	width:135px;
	margin:5px 0 0 5px;
	display:block;
	float:left;
	text-align:center;
	
}


#fich_dcha_categoria{
	width:143px;
	float:left;
	text-align:center;
	margin:0 0 10px 0;
}

#fich_dcha_categoria img{
	float:none;
}

#ficha_dcha strong{
	color:#999900;
}

#ficha_dcha ul{
	height:auto;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#ficha_dcha li{
	float:left;
	display:block;
	margin:2px 2px 0px 0;
}

#ficha_dcha li img{
	width:69px;
	height:69px;
}

#ficha_dcha a{
	color:#333333;
}


#fich_dcha_categoria{
	width:143px;
	float:left;
	text-align:center;
	margin:0 0 10px 0;
}

#fich_dcha_categoria img{
	float:none;
}

#ficha_dcha strong{
	color:#999900;
}

#ficha_dcha ul{
	height:auto;
	margin:0;
	padding:0;
	list-style:none;
}

#ficha_dcha li{
	float:left;
	display:block;
	margin:2px 2px 0px 0;
}

#ficha_dcha li img{
	width:69px;
	height:69px;
}

.ficha_img{
	float:left;
	margin:5px 0 0 0;
	
}

/******************************************************* LISTADO DE HOTELES ********************************************************/

#hoteles{
	width:485px;
	height:auto;
	float:left;
	padding:20px 10px;
 	background: #ececec url(../images/index/bg_promos.jpg) no-repeat top left;
}

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

#hoteles li{
	width:485px;
	float:left;
	padding:0 0 1px 0;
	background:url(../images/elementos/sep_horizontal.jpg) bottom repeat-x;
}

#hoteles li a{
	width:485px;
	height:15px;
	float:left;
	display:block;
	padding:2px 0;
	background:url(../images/elementos/sep_horizontal.jpg) bottom repeat-x;
}

#hoteles li a:hover{
	background:#f2f2f2;
}

#hoteles span{
	width:70px;
	float:left;
}

#hoteles strong{
	width:280px;
	float:left;
	height:15px;
	overflow:hidden;
}

#hoteles i{
	color:#666;
}

#hoteles a{
	text-decoration:none;
}

/******************************************************* LISTADO DE FAQ ********************************************************/

.faq ul{
	margin:0;
	padding:0;
	list-style:none;
}

/******************************************************* CONFIRMACI�N ********************************************************/

#confirmacion{
	width:485px;
	margin: 16px 0 0 0;
	padding:10px;
	float:left;
 	background: #ececec url(../images/index/bg_promos.jpg) no-repeat top left;
}

#confirmacion_izda{
	width:300px;
	float:left;
}

#confirmacion_izda strong{
	color:#999900;
	margin:5px 5px 5px 0;
}

#confirmacion_izda a{
	color:#666;
}

#confirmacion_dcha{
	width:185px;
	height:165px;
	float:left;
	text-align:center;
	padding:20px 0 0 0;
	background: url(../images/index/ficha.jpg) no-repeat;
}


#confirmacion_dcha strong{
	width:185px;
	float:left;
	color:#999999;
	display:block;
}x

#confirmacion_dcha em{
	font:bold 1.2em/12px Arial, Helvetica, sans-serif;
	display:block;
	font-style:normal;
	color:#999900;
}

#confirmacion_dcha i{
	font:bold 2em/19px Arial, Helvetica, sans-serif;
	display:block;
	font-style:normal;
	color:#999900;
}

#confirmacion_dcha select{
	width:185px;
	float:left;
	margin:0 0 10px 0;
}

#confirmacion h1{
	color:#333333;
	padding:0 0 5px 0;
	font:bold 1.3em Arial, Helvetica, sans-serif;
	background:url(../images/elementos/sep_horizontal.jpg) repeat-x left bottom;
}

#confirmacion_table{
	width:485px;
	float:left;
}

#confirmacion label{
	width:100px;
	float:left;
	border:none;
	margin:2px 2px 0 0;
	color:#666666;
}

#confirmacion a{
	font:normal 0.8em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#999900;
	text-align:center;
}

#confirmacion input{
	width:190px;
	margin:0 10px 0 0;
	float:left;
	border:0;
	color:#999900;
	font:normal 0.9em  Arial, Helvetica, sans-serif;
}

#confirmacion textarea{
	width:197px;
	margin:1px 10px 0 0;
	float:left;
	border:0;
	color:#999900;
	font:normal 0.9em  Arial, Helvetica, sans-serif;
}

.confirmacion_td{
	height:20px;
	background:url(../images/index/fondo_form.jpg) no-repeat !important;

}

.confirmacion_td2{
	height:20px;
	padding:0 10px 0 0;
	background:url(../images/index/fondo_form.jpg) no-repeat right;
}


.confirmacion_td{
	margin:2px 0 0 0;
	text-align:right;
}


/******************************************************* AVISOS LEGALES ********************************************************/

#avisos{
	width:400px;
	height: auto;
	float:left;
}

#avisos_cab{
	width: 400px;
	height:40px;
	float:left;
	background: #FFCC00 url(../images/index/bg_seach.jpg) no-repeat top right;
}

#avisos_cab h1{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	margin:10px 0 0 8px
}



#avisos_contenidos{
	width:380px;
	height:250px;
	float:left;
	padding:10px;
	overflow: scroll;
	margin:1px 0 0 0;
	background:#f2f2f2;
}

.check{
	width:10px;
	height:10px;
	float:none;
	background:#fabada;
}
.busc_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}
.help_t {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-top: 4px;
}
.help_cont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	padding: 3px;
}

/******* enlaces *******/

.enlaces a:link {
font: normal 0.8em Arial, Helvetica, sans-serif;
color: #990;

}
.enlaces a:hover {
font: normal 0.8em Arial, Helvetica, sans-serif;
color: #990;
}
.enlaces a:visited {
font: normal 0.8em Arial, Helvetica, sans-serif;
color: #990;

}

/********************INICIO CSS PARA LAS COOKIES DE PIE DE PAGINA ******************************/	
.cookies {
	background:#333;
	border-top:1px solid #555; padding-top: 8px; padding-bottom: 8px;
	font: 11px 'Trebuchet MS',sans-serif; color: #fff;
	font-weight:bold;
	position: fixed; bottom: 0px; left: 0px; width: 100%; height: 33px; z-index: 30098;
}

.cookies div.wrapperCookies {position: relative; width: 750px; margin: 0px auto; font-size: 11px; text-align: left; background: url("../images/elementos/atencion.png") no-repeat 15px center; padding-left: 50px;}
.cookies div.fTexto {float: left; width: 580px;}
.cookies a {display: block;  float: left; padding: 3px 6px ; background-color: #555; border: solid 1px #888; margin-top: 3px; margin-left: 12px; text-decoration: none; color: #fff;-webkit-border-radius: 3px;border-radius: 3px; }
.cookies a:hover {background-color: #fff; color: #666}
/********************FIN CSS PARA LAS COOKIES DE PIE DE PAGINA ******************************/