/*
Copyright (c) 2010, Red Universal de Marketing y Bookings Online, S.A. (Rumbo) All rights reserved.
BRZBR(rumbo.com.br)
*/


/*Common*/
#wrap-homes{margin:2px;}
body.home #body{ width:984px;padding:5px 8px;}

#body .publicidad{border:1px solid #BED4EB;width:300px}
#body .top-publicidad{width:300px;height:250px;background-image:url(/pictures/borde-publicidad.jpg);background-repeat:no-repeat;height:13px;padding:0}
#body .promo728x90{width:728px;float:left}
#body .promo262x90{width:262px;float:right}
#body p.txt-especificacion{color:#008DD6;float:right;font-style:italic;margin:15px 0 0;padding:0 12px 0 0}
#body a.link-searchbox{color:#000000;text-decoration:underline}
#body a:hover.link-searchbox{color:#FFFFFF;text-decoration:underline}
/*cajas*/
#body .box-inf-azul{float:left;background-image:url(/pictures/fondo-inf-oferta.jpg);background-repeat:repeat-x;width:100%}
#body .box-inf-verde{float:left;background-image:url(/pictures/borde-inf-verde.gif);background-repeat:repeat-x;width:100%}
#body .box-sup-verde{background-image:url(/pictures/fondo-deg-verde.gif);background-repeat:repeat-x;color:#FFFFFF;font-size:11px;font-weight:bold;height:26px;margin:0;text-transform:uppercase;width:100%}
#body .box-sup-azul{background-image:url(/pictures/fondo-sup-oferta-vuelos.gif);background-repeat:repeat-x;color:#FFFFFF;display:block;float:left;font-size:11px;font-weight:bold;margin:0;width:100%;}
#body .box-borde-verde{background-color:#72AC0E;float:left;height:100%;width:1px}
#body .box-borde-azul{background-color:#0891D8;float:left;height:26px;width:1px}
#body .box-borde-izq {float:left;margin:0;padding:0}
#body .box-borde-sup, #body .box-borde-derc{float:right;margin:0;padding:0}
#body .box-titulo{float:left;padding:6px 0 0 8px}


/*Boxs*/
div.box{background:transparent url(/pictures/img-tl.png) no-repeat scroll left top;}
div.img-top div, div.img-top, div.img-bottom div, div.img-bottom {font-size:1px;height:15px;}
div.img-top {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(/pictures/img-tr.png) no-repeat scroll right top;}
div.img-bottom {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(/pictures/img-bl.png) no-repeat scroll left bottom;}
div.img-content {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(/pictures/img-r.png) repeat-y scroll right top;}
div.img-bottom div {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(/pictures/img-br.png) no-repeat scroll right bottom;}

hr.linea {height: 1px;border: 0;background-color: #ccc;color:#ccc;width: 80%; margin-top:15px} 

/*Home*/
#body{border-left:1px solid #008DD6;border-right:1px solid #008DD6;padding:0 8px;}
#main1 div.group-left{ float:left;margin-top:10px;}
#main1 div.group-right{background:url(/pictures/bg-destacado.jpg) no-repeat top right; width: 485px; height:377px; float:right;margin-top:10px;}
#main1 div.banner{ float:left;padding:4px;}
#main1 div.right{ width:190px;margin:7px;_margin:5px;text-align:left;}
#main1 div.right div.ventajas{background:url(/pictures/bg-ventajas.jpg) no-repeat top right;width:190px;padding-top:53px;}
#main1 div.right div.ventajas ul{width:188px; margin-left:1px}
#main1 div.right ul{ width:190px; background-color:#FFFFFF;height:130px;}
#main1 div.right ul li{ margin:0 5px; border-bottom:1px dotted #008DD6;font-size:11px;padding:5px;line-height:22px;background:transparent url(/pictures/flecha.gif) no-repeat scroll left;padding-left:20px; font-weight:bold}
#main1 div.right ul li span{ float:right; font-weight: normal}
#main1 div.right ul li.more a{ float:right; font-size:11px;}
#main1 div.right ul li.more{border-bottom:none}
#main1 div.news{background:url(/pictures/bg-news.jpg) no-repeat top right #FFFFFF;height:168px; margin-top:8px}
#main1 div.news p{ padding-top:45px;font-size:11px;
line-height:16px;
padding-top:45px;}
#main1 div.news img{float:right;margin:10px 10px 0 0; cursor:pointer}
#main1 div.news input{margin:5px 10px;}
#main1 #opCorrecta{ padding:46px 10px 0; text-align:justify}

#main2,#main3,#main4{ margin-top:10px}
div.offers{ width:630px; float:left;position:relative}
div.offers div.img-content{ height:270px; }
div.offers span.text{ float:right;
font-size:11px;
margin-right:20px;}
div.box img{ margin-left:10px; float:left;}
div.offers div.offers-links{ border:1px solid #ccc; background-color:#FFFFFF;position: absolute;left:295px;
top:36px;width:320px;height:241px;}
div.box ul{ font-size:12px;margin:10px;line-height:17px; margin-bottom:10px}
div.box ul li.title{font-weight:bold}
div.box ul li span{ float:right}
#body div.box ul li.title a{ color:#000000; text-decoration:none; float: left}
div.box ul li.title span{font-weight:normal; color:#008DD6}
div.box ul li{ margin-top:5px}
div.box ul li span.price{color:#008DD6;font-weight:bold}
div.box ul a{ color:#000}
div.box ul a:hover{ color:#008DD6}

#main2 div.publi{ width:335px; float:right;}
#main2 div.publi div.banner-publi{ padding-left:8px}
#main2 div.publi div.text{background:transparent url(/pictures/text-publi.jpg) no-repeat scroll left top;height:20px;margin-left:11px;}

#main3 div.group-left{ width:630px; float:left}
#main3 div.group-left div.help img{ float:left}
#main3 div.group-left div.help ul{ float:left;font-size:12px;
line-height:17px;
margin:10px 10px 0;}
#main3 div.offers{float:none}
#main3 div.group-left div.help ul li.title{background:transparent url(/pictures/text-help.gif) no-repeat scroll left top;height:25px;
margin-bottom:5px;}
#main3 div.group-bottom{margin-top:25px}

#main3 div.group-right{float:right; position:relative}
#main3 div.group-right div.text1{background:transparent url(/pictures/text-vac01.gif) no-repeat scroll left top;height:27px;margin-left:15px;}
#main3 div.group-right div.text2{border-top:1px dotted #CCCCCC;height:15px;margin-left:15px;margin-right:15px;margin-top:16px;width:305px;}
#main3 div.group-right img.icon{left:248px;position:absolute;top:-16px; z-index:10}
#main3 div.group-right div.box{width:335px;}
#main3 div.group-right div.box img{margin:0 0 0 10px; float:none}
#main3 div.group-right div.box div.offers-links{background-color:#FFFFFF;border:1px solid #CCCCCC;left:157px;position:absolute;top:0;width:164px;_width:146px;}
#main3 div.group-right div.box div.offer-vac{position:relative}
#main3 div.group-right div.box div.offer-vac li{font-size:11px}
#main3 div.group-right div.box div.offer-vac li.title{font-size:11px}
#main3 div.group-right div.box ul{float:left;margin:2px 10px 5px 10px;*margin:2px 8px;}
#main3 div.group-right div.box li a{float:right;margin-bottom:5px;}
#main3 div.group-right div.box li.title a{float:none; text-decoration:underline;}
#main3 div.group-right div.box li.title a:hover{text-decoration:none;}
div.box div.offer-vac li.price{color:#008DD6;}
div.box div.offer-vac li.price span{ font-weight:bold; float:none}

/*Cajas Seo*/
#main4{padding-bottom:25px;}
#main4 div.seo-box{ border:1px solid #ccc; background-color:#FFFFFF; width:225px;_width:200px;float:left;margin:0 7px;_margin:0 4px;font-size:12px;height:220px; *height:230px;}
#main4 div.seo-box table{line-height:16px;margin:5px 10px 0;width:91%;}
#main4 div.seo-box table td.price{text-align:right;color:#008DD6; font-weight:bold;font-size:12px;}
#main4 div.seo-box table td.vermas a{text-align:right;text-decoration:underline; float:right}
#main4 div.seo-box table.info-seo{margin:4px 0;width:100%;}
#main4 div.seo-box a{font-size:11px; text-decoration:none}
#main4 div.box div.seo-box ul{_width:100%;clear:both;
display:block;height:10px;margin-bottom:8px;}
#main4 div.box div.seo-box div{padding-top:10px;*padding-top:0;}
#main4 div.box div.seo-box li{*margin-top:0;clear:both;line-height:16px;}
#main4 div.box div.seo-box li a {display:block;text-align:left;color:#000}
#main4 div.box div.seo-box li.title{width:210px;}
#main4 div.box div.seo-box li a:hover{text-decoration:underline;color:#008DD6;}
#main4 div.box div.seo-box li.ver-mas a, #main4 div.box div.seo-box li.more-links a{float:right;text-align:right;text-decoration:underline;color:#008DD6;padding-top:5px; line-height:12px}
#main4 div.box div.seo-box li.more-links a:hover{color:#000}
#main4 div.box div.seo-box li.title span{float:right;margin-right:10px;text-align:right}
#main4 div.box div.seo-box li span{float:left; clear:right}
#main4 div.box div.seo-box .price {color:#008DD6;display:inline-block;font-size:11px;font-weight:bold;text-align:right;float:right;clear:right}
#main4 div.box div.seo-box .condition{float:right; text-align:right}
#main4 div.box div.img-content{padding:0 0 0 10px;}

/*Vuelos*/
#main1 div.superfinder{background:url(/pictures/bg-superfinder.jpg) no-repeat top right #FFFFFF;height:168px; margin-top:8px}
#main1 div.superfinder p{padding-top:45px;font-size:11px;line-height:16px;padding-top:45px;}
#main1 div.superfinder img{margin-left:10px;cursor:pointer}
#main1 div.superfinder input{margin:5px 10px;}

/*Hoteles*/
#body.hotel #main1 div.links{background:url(/pictures/bg-hoteles-adaptados.jpg) no-repeat top right #FFFFFF;margin:8px 0 0 0;padding-top:38px;}
#body #main1 div.links ul{padding-top:0}
#body #main1 div.links li a{font-weight:normal; color:#000000}
#body #main1 div.links li a:hover{color:#008DD6;}
#body #main1 div.links li span{font-weight:bold;color:#008DD6;}

/*Vacacional*/
#main1 div.right div.top{background:transparent url(/pictures/text-links-top.jpg) no-repeat scroll left top;padding-top:39px;}
#main1 div.right div.bottom{background:transparent url(/pictures/text-links-bottom.jpg) no-repeat scroll left top;margin-top:10px;padding-top:39px;}
#main1 div.right li{background:transparent url(/pictures/flecha.gif) no-repeat scroll left;margin-left:20px;
padding-left:20px;}
#main2 div.box div.offer-vac{float:left;
margin:10px 10px 0;
width:290px;_width:284px;}
#main2 div.box div.offer-vac img{float:none}
#main2 div.box div.offer-vac ul{margin:10px 0 10px 15px;}
#main2 div.box div.offer-vac li img{float:right;margin-top:-20px;cursor:pointer}
#main2 div.offers{ position:relative}
#main2 div.offers div.text{background:transparent url(/pictures/text-home-vac.jpg) no-repeat scroll left top;height:25px;margin-left:19px;}
#main2 div.offers img.icon{left:-8px;position:absolute;top:-6px;}
#main2 div.offers div.line{float:left; background-color:#CCCCCC; width:1px;height:245px;}
#main2 div.offers div.text span.text{font-size:12px;font-weight:bold}


