/*
Copyright (c) 2010, Red Universal de Marketing y Bookings Online, S.A. (Rumbo) All rights reserved.

Opodo (Opdes)
*/

/*Common*/
#wrap-homes{width:1000px;margin:2px;}
#body li{list-style-type:none;margin-top:7px;}
#body span.ver-mas a{font-weight:bold; text-decoration:underline; float:right;margin:6px 5px 5px 0}
#body span.desde{color:#666666; float:right; margin:2px 5px 5px 0;margin:2px 5px 0 0}
#body h2{background-color:#990000; color:#FFFFFF; font-size:11px; padding:5px; text-align:center; margin:0; font-weight:bold}
#body p.link-bold{ font-weight:bold; color:#990000}

/*Banners principales*/
.home{background-image:url(/pictures/b-princ-home.jpg);background-repeat:no-repeat; height:auto;}
.flight-hotel{background-image:url(/pictures/b-princ-v+h.jpg);background-repeat:no-repeat; height:auto;}
.holidays{background-image:url(/pictures/b-princ-vac.jpg);background-repeat:no-repeat; height:auto;}
.hotel{background-image:url(/pictures/b-princ-hotel.jpg);background-repeat:no-repeat; height:auto;}
.flight{background-image:url(/pictures/b-princ-vuelos.jpg);background-repeat:no-repeat; height:auto;}
.coast{background-image:url(/pictures/b-princ-coast.jpg);background-repeat:no-repeat; height:auto;}
.car{background-image:url(/pictures/b-princ-coches.jpg);background-repeat:no-repeat; height:auto;}
.escapadas{background-image:url(/pictures/b-princ-escapadas.jpg);background-repeat:no-repeat; height:auto;}

/*Groups*/
#body #main1 #group-left div.searchbox{width:404px;margin-top:20px;border:1px solid #999999;}
#body #main1 #group-right div.bottom{width:582px; height:300px; margin-top:115px;border-top:1px solid #990000; padding-top:8px}
#body #main1 #group-right div.bottom div.promos-box{ width:300px; height:146px; border-bottom: 1px solid #990000}
#body #main1 #group-right div.bottom div.promos-box div{width:200px; text-align:left}
#body div.promos-box h2{font-size:12px;padding:4px 10px; text-align: left}
#body #main1 #group-right div.bottom div.promos-box img{float:left; margin-top:2px}
#body #main1 #group-right div.bottom div.promos-box li{font-weight:bold }
#body #main1 #group-right div.bottom div.promos-box p{margin:2px 8px; padding:0;color:#990000; text-align:left}
#body #main1 #group-right div.bottom div.promos-box ul.left{ margin-left:10px;*margin-left:5px;}
#body #main1 #group-right div.bottom div.promos-box ul.right{ margin-right:5px}

#body #main2 #group-left{width:800px;height:220px;*height:225px;border-bottom:1px solid #990000; margin-top:15px}
#body #main2 #group-left li{list-style-type:none;display:block;}

#body #main2 #group-right{width:188px;border:1px solid #979967; background-color:#F0F1D4;padding: 3px 4px; height:212px;*height:220px; margin-top:15px}
#body #main2 #group-right div.bg-right{ width:25px;float:right;background-image:url(/pictures/bg-info-links-right.jpg); background-repeat: no-repeat; background-position:right; height:34px}
#body #main2 #group-right div.bg-right img{margin:10px 10px 0 0}
#body #main2 #group-right div.bg-left{ float:left}
#body #main2 #group-right div.title{border:1px solid #CECF9C; padding:2px;background-color:#FFFFFF}
#body #main2 #group-right img{float:left}
#body #main2 #group-right div.info{ height:34px;margin-top:10px;font-size:11px; background-image:url(/pictures/bg-info-links.jpg); background-repeat:repeat-x; border-left:1px solid #CECF9C;}
#body #main2 #group-right div.title h3{color:#979967; font-size:11px; font-weight:bold; margin: 7px 0 0 40px;text-align:left;width:140px;}
#body #main2 #group-right div.info-important{border:1px solid #CECF9C; background-color:#FFFFFF; margin-top:5px;}
#body #main2 #group-right div.info-important p{ text-align:justify}
#body #main2 #group-right div.info-important p.title{color:#979967;font-weight:bold; margin:5px 0 0 6px}

/*Vacacional*/
#body.vacacional #main1 #group-right div.bottom div.left{ width:300px}
#body #main1 #group-right div.bottom div.promos-box h2.destacado{background-color:#FBA445;}
#body.holidays #main1 #group-right div.bottom div.promos-box img{ float: none}
#body.holidays #main1 #group-right div.bottom div.promos-box p{ color:#000000; line-height:14px; text-align:justify}
#body.holidays #main1 #group-right div.bottom div.promos-box span.precio{ float:right; margin-right:5px; text-align:right}
#body.holidays #main2 #group-left div.promos-box h2{font-size:11px; font-weight:bold}
#body.holidays #main2 #group-left div.tematica{ width:128px}
#body.holidays #main2 #group-left div.tematica p{ text-align:right}
#body.holidays #main2 #group-left div.tematica p a{ font-weight:bold; font-size:11px}
#body.holidays #main2 #group-left div.promos-box div.destacado{ border-bottom: 1px dotted #CECF9C;}
#body.holidays #main2 #group-left div.right{width:375px; *width:385px}
#body.holidays #main2 #group-left div.promos-box div.destacado img{float:left;margin:7px 0}
#body.holidays #main2 #group-left div.promos-box div.destacado p{ text-align:justify; line-height:16px; margin:0 10px 0 0}
#body.holidays #main2 #group-left div.promos-box div.destacado div.right{width:260px; padding-top:10px}
#body.holidays #main2 #group-left div.promos-box div.destacado div.right img{ margin-top:3px}

/*Escapadas*/
#body.escapadas #main1 #group-right div.bottom div.left{ width:300px}
#body #main1 #group-right div.bottom div.promos-box h2.destacado{background-color:#FBA445;}
#body.escapadas #main1 #group-right div.bottom div.promos-box img{ float: none}
#body.escapadas #main1 #group-right div.bottom div.promos-box p{ color:#000000; line-height:14px; text-align:justify}
#body.escapadas #main1 #group-right div.bottom div.promos-box span.precio{ float:right; margin-right:5px; text-align:right}
#body.escapadas #main2 #group-left div.promos-box h2{font-size:11px; font-weight:bold}
#body.escapadas #main2 #group-left div.tematica{ width:128px}
#body.escapadas #main2 #group-left div.tematica p{ text-align:right}
#body.escapadas #main2 #group-left div.tematica p a{ font-weight:bold; font-size:11px}
#body.escapadas #main2 #group-left div.promos-box div.destacado{ border-bottom: 1px dotted #CECF9C;}
#body.escapadas #main2 #group-left div.right{width:375px; *width:385px}
#body.escapadas #main2 #group-left div.promos-box div.destacado img{float:left;margin:7px 0}
#body.escapadas #main2 #group-left div.promos-box div.destacado p{ text-align:justify; line-height:16px; margin:0 10px 0 0}
#body.escapadas #main2 #group-left div.promos-box div.destacado div.right{width:260px; padding-top:10px}
#body.escapadas #main2 #group-left div.promos-box div.destacado div.right img{ margin-top:3px}

/*Coches*/
#body.car #main1 #group-right div.bottom{ width:465px}
#body.car #main1 #group-right div.bottom div.img-top{ margin-bottom:10px}
#body.car .seo-box li{float:left;width:100%}

/*Costas*/
#body #main1 #group-1{width:500px;float:left}
#body #main1 #group-1 div.hco1{width:498px;border:solid 1px #990000;text-align:center;margin:10px 0 10px 0}
#body #main1 #group-1 div.hco1 h2{color:#ffffff;font-weight:bold;font-size:11px;padding:5px 0 5px 10px;margin:0 0 2px 0;background-image:url(/pictures/degrad-brown.jpg);background-repeat:repeat-x;text-align:left;text-transform:uppercase}
#body #main1 #group-1 div.hco3 h2{color:#ffffff;font-weight:bold;font-size:11px;padding:5px 0 5px 10px;margin:0 0 2px 0;text-align:left;text-transform:uppercase; background-color:#FBA445}
#body #main1 #group-1 div.hco1 p{margin:0;padding:5px 5px 20px 5px}
#body #main1 #group-1 div.hco2{width:100%;border-bottom:dotted 1px #990000;margin:0 0 10px 0;text-align:justify}
#body #main1 #group-1 div.hco2 h2{color:#990000;font-weight:bold;margin:0 0 8px 0; background-color:#FFFFFF; text-align:left}
#body #main1 #group-1 div.hco3{width:498px;border:solid 1px #CCCCCC;margin:18px 0 0 0}
#body #main1 #group-1 div.hco3 .info-playas{width:248px;float:left;border-right:solid 1px #CCCCCC;padding:0 0 8px 0}
#body #main1 #group-1 div.hco3 .info-playas p{background-color:#F9F2D7;font-weight:bold;color:#008DD6;padding:5px;margin:0;text-align:left}
#body #main1 #group-1 div.hco3 .info-playas .flecha{font-family:Arial, Helvetica, sans-serif;font-size:9px;color:#990000}
#body #main1 #group-1 div.hco3 .info-playas a{ color:#990000}
#body #main1 #group-1 div.hco3 .info-playas a:hover{ text-decoration:none; color:#000}
#body #main1 #group-1 div.hco3 .info-playas table{width:100%;line-height:20px}
#body #main1 #group-1 div.hco3 .info-playas td{padding:0 0 0 5px}
#body #main1 #group-1 div.hco3 .info-playas .desde{text-align:right;padding:0 15px 0 0;color:#666666}
#body #main1 #group-1 div.hco3 .info-playas .precio{float:right;padding:0 10px 0 0;text-align:right}
#body #main1 #group-2{width:485px;margin:0 0 0 14px;float:right}
#body #main1 #group-2 div.hco1{height:125px;}
#body #main1 #group-2 div.hco2{width:100%}
#body #main1 #group-2 div.hco2 h2{color:#000000;font-weight:bold;text-transform:uppercase;background-image:url(/pictures/fondo-pest-costa.gif);background-repeat:no-repeat;height:25px;padding:8px 0 0 10px; background-color:#FFFFFF; text-align:left}
#body #main1 #group-2 div.hco2 div.info-hotel-costas{height:100px;border:solid 1px #D7D6D6;background-image:url(http://www.rumbo.es/pictures/fondo-deg-gris-hotel.gif);background-repeat:repeat-x;padding:0 8px 0 8px;margin:0 0 10px 0}
#body #main1 #group-2 div.hco2 div.info-hotel{width:100%;padding:8px 0 0 0;float:left}
#body #main1 #group-2 div.hco2 .column{float:left}
#body #main1 #group-2 div.hco2 .line{float:left}
#body #main1 #group-2 div.hco2 div.info-hotel p{float:left;margin:2px 5px 0 5px}
#body #main1 #group-2 div.hco2 div.info-hotel .legend-hotel-costas{font-weight:bold;margin:0;padding:0 5px 5px 0}
#body #main1 #group-2 div.hco2 div.info-hotel img{float:left;padding:0 5px 0 0}
#body #main1 #group-2 div.hco2 div.valoracion{padding:35px 0 0 0;float:left;width:60%}
#body #main1 #group-2 div.hco2 .num-valoracion{color:#ff2900;font-weight:bold;font-size:11px}
#body #main1 #group-2 div.hco2 .precio-costas{font-size:11px;color:#008DD6;font-weight:bold;float:right}
#body #main1 #group-2 div.hco3{width:100%;padding:5px}