/* CSS Document */

* { margin: 0;padding: 0;}



img {border:0;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.3;
	color:#000;
    background-color: #fff;

}

h1, .verdana20verde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #999900;
}

/*links*/

a {text-decoration: none; color: #7A7A78;}

a:hover {text-decoration: underline;}

td img {vertical-align: middle;}

#ajax {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

/*
table  {

width: 502px;
clear: both;
border: 0;
margin-top: 8px;
border-collapse: collapse;

}


tr:hover {
	background-color: #f4f4c5;
}


td {
border-top: 1px dotted #990;
border-bottom: 1px dotted #990;
padding: 3px;
height: 25px;
overflow: auto;
}

td.preu2 {
font-weight: bold;
text-align: right;
white-space: nowrap;
}


th  {
padding: 5px 2px;
text-align: left;
font-weight: normal;
font-size: 9px;
height: 18px;
border-top: 3px solid #d1cc97;
border-bottom: 1px solid #b9b362;
}

th.right {
text-align: right;}

*/





/*generiques*/

.taulahotel  {max-width: 80px;}

.nowrap {white-space: nowrap;}

.numero {
font-family:"Small Fonts", Arial, sans-serif;
width: 22px;
font-size: 8px;
padding-top: 5px;
color: #666;
text-align: center;
background: url(../img/numeros_fons.gif) no-repeat center center;
}

.esq {float: left;}

.dre {float: right;}

.clear {clear: both;}

.inline {display: inline;}


/* vueling.css */
.verdana9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.verdana9gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7A7A78;
}
.verdana9gris2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ADADAA;
}
.verdana10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.verdana10rojo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D4470F;
}
.verdana10white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
}
.verdana11gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7A7A78;
}
.verdana11verde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999900;
}
.verdana11rojo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D4470F;
}
.verdana11white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
}
.verdana12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.verdana12verde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999900;
}
.verdana14 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.verdana14verde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999900;
}
.verdana14rojo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #D4470F;
}
.verdana16verde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999900;
}
.verdana14yellow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffcc00;
}
.verdana18verde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999900;
}
.verdana20rojo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #D4470F;
}
.verdana20white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: white;
}
input, select{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.combo, SBlarge, SBmed, SBhalf, SBtiny {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.radio{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border:none;
}

.calendarButton{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#FFCC00;
	width:22px;
	height:22px;
	margin:1px;
	border:1px;
	border-style:solid;
	border-color:#000000;
	/*cursor:hand;*/
}

.yelow {color: #FFCC00}


/**********/

#banner_horiz {
margin-top: 8px;
margin-bottom: 8px;
}

#flash_destinos, #centre {
width: 500px;
float: left;
}

#centre, #content {
width: 350px;
float: left;
}


#content p{
margin-top:20px;
}

#content ul{
margin-left:20px;
margin-top:10px;
}



#banners_hoteles {
width: 500px;
float:left;
}

#banners_hoteles img {
margin-top: 2px;
margin-bottom: 3px;
}

.verd12 {
font-weight: bold;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #990;
}

h1.verd {
font-size: 20px;
color: #990;
font-weight: normal;
margin-bottom: 10px;
}

#listado_ciudades {
clear: both;
margin-top: 12px;
}

#listado_ciudades ul {
list-style-type: none;
}

#listado_ciudades li {
width: 150px;
float: left;
}



/* CSS Document */
/*Columna esquerra buscador*/

#esquerra {
float: left;
width: 248px;
/*position: fixed;*/
}

#cercador {
margin-bottom: 25px;
background: #666;
/*overflow: auto;*/
color: #fff;
}

#cercador #top {
background: #666 url(../img/bg_search_dalt.gif) no-repeat top right;
}

#cercador a {
color: #fff;
text-decoration: none;
}

#cercador a:hover {
color: #fff;
text-decoration: underline;
}

.logo {
margin: 17px 0 11px 18px;
}

.spinner {
position: relative;
top: -10px;
}


/*pestanyes vol - hotel - cotxe*/

/*#pestanyes {
width: 212px;
height: 46px;
text-align: center;
margin-left: 18px;
margin-bottom: 10px;
}

#pestanyes li {
width: 70px;
float: left;
list-style-type: none;
}

li#vol a {
display: block;
padding-top: 32px; height: 0px !important;
background:url(../img/fons_vols.gif) no-repeat left top;
}

li#vol a:hover {
background:url(../img/fons_vols.gif) no-repeat;
background-position: 0 -53px;
}

li#vol a:active {
background:url(../img/fons_vols.gif) no-repeat;
background-position: 0 -106px;
}

li#hotel a {
display: block;
padding-top: 32px; height: 0px !important;
background: url(../img/fons_hotels.gif) no-repeat;
/*background-position: 0 -106px;
background-position: 0 -53px;
}

li#hotel a:hover {
background:url(../img/fons_hotels.gif) no-repeat;
background-position: 0 -53px;
}

li#hotel a:active {
background:url(../img/fons_hotels.gif) no-repeat 0 0;
background-position: 0 -106px;
}


li#cotxe a {
display: block;
padding-top: 32px; height: 0px !important;
background:url(../img/fons_cotxes.gif) no-repeat 0 0;
}

li#cotxe a:hover {
background:url(../img/fons_cotxes.gif) no-repeat;
background-position: 0 -53px;
}

li#cotxe a:active {
background:url(../img/fons_cotxes.gif) no-repeat 0 0;
background-position: 0 -106px;
}*/

/*formulari*/

form {
margin-left: 18px;}

#cercador select {
margin: 1px 0 12px 0;
}

#cercador input {
height: 16px;
margin: 1px 0 12px 0;
width: 180px;
}

.formleft {
float: left;
margin-right: 7px;}

#buscar {
/*position: relative;*/
margin: 15px;
padding: 2px;
width: 100px;
height: 20px;
font-size: 12px;
font-weight: bold;
text-align: center;
background: url(../img/form_buscar.gif) no-repeat;

}

#buscar2 {
position: relative;
margin: 15px 0 16px 0;
padding-top: 2px;
width: 100px;
height: 20px;
font-size: 12px;
font-weight: bold;
text-align: center;
background: url(../img/form_buscar_blanc.gif) no-repeat;

}

#buscar a, #buscar2 a {
padding: 0 14px;
color:  #666;
background-color: #fc0;
text-decoration: none;}

#buscar a:hover, #buscar2 a:hover {
color:  #fff;
text-decoration: none;}

#avanzada {
position: relative;
width: 100%;
text-align: center;
}

.baixos {
height: 25px;
background:url(../img/bg_search_baix.gif) left bottom no-repeat}

.ala {
height: 250px;
background:url(../img/bg_search_baix2.gif) left bottom no-repeat}

/* idiomas */
#idiomas{ font-size:11px;color:#666;width:228px;margin-top:14px;line-height:1.4;padding-left:20px;margin-bottom: 10px;}
#idiomas_muchoviaje{ font-size:11px;color:#666;line-height:1.4;padding-left:20px;margin-bottom: 5px;}
#idiomas_mv{ font-size:11px; color:#666; width:450px; margin-top:5px; line-height:1.4; float:right; margin-bottom:2px;}
#promocions {font-size: 8px; color: #CCCCCC;}


#city{
	width: 200px;
}

.day_combo{
	width:40px;
}

.year_combo{
	width:110px;
}

/* automcompleter */

#autocomplete_choices {
color:#333;
background-color:#FFFFFF;
border: 1px solid #666;
width: 120px;
height: auto;
z-index: 2;
}

#autocomplete_choices ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 0;
margin: 0;
}

#autocomplete_choices li {
list-style-type: none;
padding: 2px 0 2px 6px;
border-bottom: 1px solid #d1cc97;
}

#autocomplete_choices li a {
color: #333;
display: block;
text-decoration: none;
}

#autocomplete_choices li:hover {
background-color: #f4f4c5;
}




#page {
	
	padding-top: 4px;
	padding-bottom:15px;
	padding-left:15px;
	width: 765px; 
	/*overflow: auto;*/
	margin-bottom: 35px;
	
}

/* Columna esquerra buscador a izq_buscador.css */

/* ++++Columna dreta resultats++++ */

#dreta {
float: right;
padding: 0;
width: 500px;
}





/* Menú vueling dalt */

#menudalt  {
margin-top:5px;
width: 500px;
}

#menudalt li {
float: left;
width: 162px;
height: 18px;
margin: 0 4px 6px 0;
list-style-type: none;
text-align: center;
background:url(/img/sites/img/fons_menu_vueling.gif) no-repeat;
}

#menudalt a {
display: block;
padding-top: 2px;
color: #fff;
text-decoration: none;
font-size:11px;
}

#menudalt a:hover {
color: #fc0;
text-decoration: none;

}


/* Dades resum resultats */

#dades {
clear: both;
margin: 5px 0;
padding: 6px ;
line-height: 16px;
}


/* Ordenar i paginació */

#ordenar {
float: left;
width: auto;
color: #990;
line-height: 16px;
margin-bottom: 3px;
}


.paginacio {
text-align: right;
width: auto;
color: #990;
margin-top: 18px;
}

.paginacio a, #ordenar a {
padding: 2px 5px;
text-decoration: none;
}

.paginacio a:hover, #ordenar a:hover {
background-color: #f4f4c5;
text-decoration: none;
}

.paginacio strong {
padding: 2px 5px;
color: #666;}

#ordenar strong {
color: #666;
padding: 0 5px;}

/* loading */

.loading {
padding: 65px 75px 45px 75px;
height: 200px;
clear: both;
font-size: 11px;
color: #999;
font-weight: bold;
margin: 65px;
text-align: center;
}

.fosc {
color: #fc0;}



/* fitxa de cada hotel */

.fitxa {
clear: both;
margin: 7px 0 13px 0;
border-top: 3px solid #d1cc97;
}

.nomhotel {
background-color: #efeeda;
border-bottom: 1px dotted #990;
padding: 2px 10px;
min-height: 20px;
height: auto !important;
height: 20px;
margin-bottom: 6px;

}


.fitxa h3 {
font-size: 14px;
font-weight: bold;
float: left;
}


.preu {
float: right;
font-size: 14px;
font-weight: bold;
color: #d4470F;
}


.total{
color: #666;
font-weight: normal;
}

.infohotel {
color: #666;
padding: 0 10px;
}

.infohotel:hover {
color: #000;
}

.fotohotel {
float: left;
width: 80px;
background-color: #666;
font-size: 9px;
padding-bottom: 2px;
text-align:center;
}

.fotohotel a {
color: #fff;
text-decoration: none;
}

.fotohotel img {
border: 0;}

.fotohotel:hover {
color: #666;
background-color: #f4f4c5;
}

.fotohotel:hover a {
color: #666;
background-color: #f4f4c5;
}

.texthotel {
width: 392px;
float: right;
}

.texthotel img {
vertical-align:middle;
margin-right: 3px;}

.descripcio {
clear: both;
font-size: 11px;
}

.dadesreserva {
color: #000;
}


/* Google maps contenidor i filtres */

#mapagran {
clear: both;
background-color: #efeeda;
margin-bottom: 20px;
border-bottom: 1px solid #d1cc97;
}

#map {
position: relative;
width:500px;
height:267px;
margin: 0;
padding: 0;
}

#mapa_plega {
text-align: right;
padding: 3px 8px;
border-top: 1px solid #d1cc97;
}

#mapa_filtro {
color: #666;
border-top: 1px solid #d1cc97;
padding: 4px 0 12px 8px;

}

#mapa_precio {
width: 180px;
float: left;
}

#mapa_categ {
width: 200px;
float: left;
}

#mapa_categ img {
padding-top: 4px;
border: 0;
}

#refresh {
background-image: url(../img/bg_refresh.png);
border: 1px solid #000;
position: fixed;
top: 40%;
left: 400px;
padding: 45px 0;
width: 250px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
z-index: 85;
/*display: none;*/
}



#maps_burbuja {
text-align: left;	
width: 250px;
line-height: 15px;
}

#maps_burbuja_2 {
text-align: left;
width: 200px;
}

#maps_burbuja_esq {
float: left;
width: 90px;
}

#maps_burbuja_dre {
float: right;
width: 160px;
}

#info_burbuja {
margin-top: 2px;
border-top: 1px dotted #990;
padding: 3px 0;
}

.gris {
color: #666;
}

.line18 {
line-height: 18px;
}


.preu3 {
padding-right: 8px;
}


#burbuja2 {
width:170px;
}

#burbuja2 p.opcions a {
display: block;
width: 20px;
text-align: center;
padding: 6px 17px;
line-height: 15px;
margin: 15px 8px;
font-size: 12px;
font-weight: bold;
}

#burbuja2 p.opcio1 {
float: left;
background: url(../img/bg_boto1.gif) no-repeat center;
}

#burbuja2 p.opcio2 {
float: left;
background: url(../img/bg_boto2.gif) no-repeat center;
}

#burbuja2 a {
color: #fff;
}

#burbuja2 a:hover {
color: #000;
text-decoration: none;
}



/* taula vista detallada */



.boto {
font-weight: bold;
color: #fff;
text-align: center;
background:url(../img/reservar.gif) no-repeat center center;
width: 72px;
height: 19px;
}

.boto a {
color: #fff;
text-decoration: none;
}

.boto a:hover {
color:#666;
text-decoration: none;
}

.boto:hover {
background-color:#f4f4c5;
}


/* llistat resumit */

#llistatresum a {
font-weight: bold;}



/* footer vueling */

#footer {
float:left;
color: #666;
margin-top: 50px;
font-size: 11px;}

#footer a {
color: #7a7a78;
text-decoration: none;
}

#footer a:hover {
color: #7a7a78;
text-decoration: underline;
}

/* AJAX */

.autocomplete {
    font-family: Verdana;
    font-size: 8pt;
    background-color: white;
    border: 1px solid black;
    position: absolute;
    cursor: default;
    overflow: auto;
	/*overflow: scroll;*/
    overflow-x: hidden;
}

.autocomplete_item {
    padding: 1px;
    padding-left: 5px;
    color: black;
    width: 100%;
}

.autocomplete_item_highlighted {
    padding: 1px;
    padding-left: 5px;
    color: white;
    background-color: #0A246A;
}

/*home*/
#central {width:350px; float:left; margin-bottom: 15px;  margin-left: 5px;}
#icoshome{float:right; width:116px}
#icoshome p{padding:7px 0 13px 0}



/*punto*/
#icopunto ul{ list-style:none; margin:10px 0; float:left; padding:0;}
#icopunto ul li{ height:50px}
.ico1{ background:url(../../sites/img/ico_cambia.gif) no-repeat; padding:4px 0 0 40px;}
.ico2{ background:url(../../sites/img/ico_visa.gif) no-repeat; padding:4px 0 0 40px;}
.ico3{ background:url(../../sites/img/ico_regalo.gif) no-repeat; padding:4px 0 0 40px;}
.ico4{ background:url(../../sites/img/ico_cars.gif) no-repeat; padding:4px 0 0 40px;}