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

Opodo(Opdes, Opdpt)
*/

/*Common*/
html, table {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;}
input, select, option, textarea {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:black;}
input.borde-gris, select.borde-gris,textarea.borde-gris{border:1px solid #999999;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px}
fieldset, img {border:0 none;}
input, textarea {padding:1px 0;}
strong {font-weight:bold;}
.invisible {visibility:hidden;}
.flecha {font-family:Arial, Helvetica, sans-serif;font-size:9px;margin-right:2px;}
.precio, .price {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#FF2900;font-weight:bold;}
.justify{text-align:justify}
.clearer {clear:both;line-height:0;}
.hidden {display:none;}
.pointer{cursor:pointer}
ul{padding:0; margin:0;}
li{ list-style-type:none}
.left{float:left;}
.right{float:right;text-align:right}
.margin-t{ margin-top:5px}
.margin-r{ margin-right:10px}
label{ font-weight:normal; font-size:11px}
label.text-block{display:block;margin:0 0 3px 0}
/* boton verificacion mail */
#novalidationuser #boton{margin:12px 0 0 0}
/* boton verificacion mail */

/*links*/
#body a, #body a:link, #body a:visited {color:#990000;text-decoration:underline}
#body a:hover.link-underline-none {color:#990000; text-decoration:none}
#body a.link-black {color:#000000; text-decoration:underline}
#body a:hover.link-black {color:#990000; text-decoration:underline}
#body a.link-white {color:#FFF; text-decoration:none}
#body a:hover.link-white {color:#FFF; text-decoration:underline}
#body a.black {color:#000000; text-decoration:none}
#body a:hover {color:#000;}
#body a.link-underline-none {color:#ff2900; text-decoration:none}

/*Hidden test autofill links*/
a.test, a.test:link, a.test:visited {text-decoration:none}
/*link sin apariencia de link*/
#body a.no-link{text-decoration:none; cursor: default;color:#000000;}


/*Wrap*/
#wrap {width:1000px;margin:2px;}
#hoteles #wrap{width:776px;}/*pasos compra hoteles*/

/*Searchboxlittle
#body #primary-main .search-box{width:776px;background-color:#FFFFFF; z-index:10; font-size:11px}
#body #primary-main .search-box h1{ color:#000000}*/

/*Body*/
/*main container*/
#body #main {margin-top:3px;line-height:120%;}
#body #main div.main-content {border:1px solid #990000;background-color:#FDFDCD;padding:0 8px;*padding:15px 8px;}

/*page title*/
#body h1 {padding:4px 10px 4px 10px;margin:8px;font-weight:bold;}
#body h1 span {color:#990000;margin-right:3px;}
#body h1 span.active {color:#FF2900}
#body h1 span.legend {font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#990000;}

/*groups*/
#body div.group {position:relative;margin:15px 0;background-color:#FFFFFF;border:1px solid #CCCCCC;}
#body div.group h2{padding:4px 10px 4px 10px;font-size:12px;font-weight:bold;background-color:#EBEBCE;border-bottom:1px solid #CCCCCC;color:#000000;}
#body div.group div.group-content {*width:100%;}
#body div.group span.group-action {position:absolute;line-height:15px;top:3px;right:6px;*right:16px;padding-right:20px;cursor:pointer}
#body div.group span.group-action.more {background:transparent url(http://www.rumbo.es/pictures/rmbes/maximizar-info.gif) no-repeat right;}
#body div.group span.group-action.less {background:transparent url(http://www.rumbo.es/pictures/rmbes/minimizar-info.gif) no-repeat right;}
#body p {margin:8px;}
#body div.group-highlight{background-color:#E1E1E1;padding:8px}

/*errors*/
#body div.group.error {background-color:#F8EBEB;color:#CC0000;border:1px solid #F94847;}
#body div.group.error h2 {background-color:#F94847;border-bottom:1px solid #F94847;color:#FFFFFF;}

/*warnings*/
#body div.group.message {background-color:#fff;color:#990000;border:1px solid #990000;}
#body div.group.message h2 {background-color:#990000;border-bottom:1px solid #990000;color:#fff;}

/*price details*/
#body table.price-details {margin:8px;border-collapse:collapse;text-align:left;line-height:160%;border:1px solid #9285AA;width:98%;*width:96%}
#body table.price-details th {background-color:#9285AA;font-weight:bold;color:#FFFFFF}
#body table.price-details tr {height:20px;}
#body table.price-details tr.hidden {height:20px;display:none;}
#body table.price-details tr .first-column {padding-left:40px;}
#body table.price-details th.total, #body table.price-details td.total {padding-right:40px;text-align:right;border-left:1px dotted #CCCCCC;}
#body table.price-details td.total {font-weight:bold;font-size:11px;color:#FF2900;}
#body table.price-details input.total {font-weight:bold;font-size:13px;color:#FF2900;}
#body table.price-details tr.total td {height:25px;padding-left:40px;border-top:1px dotted #CCCCCC;}
#body table.price-details tr.total td.total-label {padding:0 10px 0 0;font-weight:bold;text-align:right;}
#body table.price-details tr.total td.total {padding-right:40px;font-size:13px;color:#FF2900;}
#body p.price-difference {color:green;}
#body div.price-line {margin:10px 8px;}
#body div.price-line.total {font-size:1.2em;margin-left:50%;}
#body div.price-line div.price-legend {float:left;font-weight:bold;}
#body div.price-line div.price {float:left;color:#FF2900;font-weight:bold;}
#body div.price-line.price-align {border-bottom:1px dotted gray;}
#body div.price-line.price-align div.price-legend {background-color:#FFFFFF;margin-bottom:-1px;*margin-bottom:-11px;}
#body div.price-line.price-align div.price {background-color:#FFFFFF;margin-bottom:-1px;*margin-bottom:-11px;float:right;padding-right:40px;}

/*product details*/
#body h2 a.minimize-maximize-link, #body h1 a.minimize-maximize-link:link, #body h1 a.minimize-maximize-link:visited {position:absolute;left:580px;color:#000000;font-size:10px;font-weight:normal}
#body h2 img.minimize-maximize-link {position:absolute;left:715px}

/*price insurance*/
#body div.text-price-insurance{ font-size:11px; font-weight: bold; float:right; margin-right:40px}

/*product details*/
#body h2 a.minimize-maximize-link, #flight #body h1 a.minimize-maximize-link:link, #flight #body h1 a.minimize-maximize-link:visited{position:absolute;left:580px;color:#000000;font-size:10px;font-weight:normal;}
#body h2 img.minimize-maximize-link {position:absolute;left:715px;}

/*passengers details*/
#body table.pax-details {margin:8px 0 8px 0;width:100%;border-collapse:collapse;text-align:left;}
#body table.pax-details th {font-weight:bold;}
#body table.pax-details tr {height:20px;}
#body table.pax-details td.first-column {font-weight:bold;color:#008DD6;}

/*passengers form*/
#body li.pax-title {font-size:11px;font-weight:bold;margin:20px 0 10px 13px; list-style:disc outside;}

/*form*/
#body .text-top {/*display:block;*/margin-bottom:4px; width:auto}
#body input.radio, #body input.checkbox {margin-right:5px;*margin-right:2px;border:none}
#body label.radio, #body label.checkbox {margin-right:30px}
#body div.form-comment {float:left;width:50%}
#body div.form-line{margin:10px 8px}
#body div.form-column{float:left}
#body div.form-column-right{text-align:right} 
#body div.c-left{border-right:1px dotted #ccc;height:40px;margin-right:20px;float:left}
#body div.c-right{height:40px;float:left}
#body div.w10 {width:10%;}
#body div.w12 {width:12%;}
#body div.w15 {width:15%;}
#body div.w20 {width:20%;}
#body div.w25 {width:25%;}
#body div.w30 {width:30%;}
#body div.w35 {width:35%;}
#body div.w40 {width:40%;}
#body div.w45 {width:45%;}
#body div.w50 {width:50%;}
#body div.w60 {width:60%;}
#body div.w70 {width:70%;}
#body div.w75 {width:75%;}
#body div.w80 {width:80%;}
#body div.w90 {width:90%;}
#body div.w100 {width:100%;}
#body div.align-right {float:left;text-align:right;}
#body div.right {float:right;}

/*buttons*/
#body div.button-out {margin:0 8px;*margin:0 4px;}

/*general conditions*/
#body div.general-conditions {padding:8px;margin:8px 0;background-color:#F9F2D7;border:1px solid #FF2900;}
#body div.general-conditions h3 {font-weight:bold;font-size:11px;color:#FF2900}

/*html-varios*/
#html-info{ width:602px; border:1px solid #990000; text-align:justify;}
#html-info .logo{ margin:10px}
#html-info li.menu{ color:#000000; font-size:11px; font-weight:bold}
#html-info li.menu a{ text-decoration:none;color:#000000;} 
#html-info li.menu a:hover{color:#990000;text-decoration: underline;}
#html-info li a.link-black{ text-decoration:none;color:#000; }
#html-info li a:hover.link-black{ text-decoration:underline;color:#990000;}
#html-info.medium{ width:677px; border:1px solid #990000; text-align:justify;}
#html-info.big{width:830px;}
#html-info div.text{ padding:0 10px}
#html-info ul.canales{background-color:#F0F1D4;
border:1px solid #CECF9C;
margin:5px 0;
padding:4px 8px;}
#html-info ul{margin:5px 0;padding:4px 8px;}
#html-info li.title{font-weight:bold; font-size:11px}
#html-info li{padding-top:5px;}
#html-info p{margin:10px 0}
#html-info ul.canales li.title{color:#990000; font-weight:bold; font-size:11px}
#html-info strong{font-weight:bold;}

/* paginacion */
#paginacion{border-top:1px solid #990000;border-bottom:2px solid #990000;height:20px;color:#990000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;font-weight:bold; background-color:#FFFFFF;text-align:center}
#paginacion ul{margin:0;padding:2px}
#paginacion li{display:inline;margin:0}
#paginacion li.numero a{color:#990000;text-decoration:none;background-image:url(/pictures/fondo-numero-pag.gif);background-repeat:no-repeat;padding:0 10px 2px 10px}
#paginacion li.numero a:hover{background-image:none}
#paginacion li.numero a:active{background-image:none;background-color:#990000;color:#FFFFFF}
#paginacion li.anterior a, #paginacion li.siguiente a{font-weight:normal;color:#990000;padding:0 12px 0 12px}
#paginacion li.anterior a:hover, #paginacion li.siguiente a:hover{color:#ff2900}
#paginacion li.anterior a span, #paginacion li.siguiente a span{padding:0 2px 0 2px;text-decoration:none;font-weight:bold}
#paginacion li.primero a, #paginacion li.ultimo a{font-weight:bold;color:#000}
#paginacion li.primero a:hover, #paginacion li.ultimo a:hover{color:#424242}
#paginacion li.numero span.visited{background-image:none;background-color:#990000;color:#FFFFFF;padding:0 10px 2px 10px}

/*Loading Panel*/
div.mask {background-color:#000000;opacity:.25;*filter:alpha(opacity=25)}
div.global.mask {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:8}
div.loading {position:absolute;color:#990000;font-weight:bold;font-family:Arial,sans-serif;background:transparent url(/pictures/splash.gif) no-repeat;padding:40px 0px;text-align:center;font-size:1.1em;z-index:9;top:0;left:0}

/* ContentPane */
.dijitContentPane { display: block; overflow: auto;   /* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */}

/* Dijit Dialog */
.dijitDialog {position: absolute; z-index: 8; padding: 1px}
.dijitDialogFixed div.dijitDialogTitleBar {cursor:default}
.dijitDialogUnderlayWrapper {position: absolute; left: 0; top: 0; z-index: 7; display: none; background: transparent !important}
.dijitDialogUnderlay {background: #000; opacity: 0.5}
.dj_ie .dijitDialogUnderlay {filter: alpha(opacity=50)}
.dijit_a11y .dijitInputLayoutContainer, .dijit_a11y .dijitDialog {opacity: 1 !important; background-color: white !important}
.dijitDialog .closeText {display:none; /* for the onhover border in high contrast on IE: */ position:absolute}
 
/* Theme Dialog */
.dijitDialog {background: #fff; border: 1px solid #7eabcd; padding: 0px; -webkit-box-shadow: 0px 5px 10px #adadad}
.dijitDialog .dijitDialogTitle {border-top: none; border-left: none; border-right: none}
.dijitDialog .dijitDialogPaneContent {background: #fff; border:none; border-top: 1px solid #d3d3d3; padding:10px}

/*.dijitDialogTitleBar { background: #fafafa url("images/titleBar.png") repeat-x top left; padding: 5px 6px 3px 6px; cursor: move; outline:0; }*/
.dijitDialogTitleBar {cursor: move; outline:0}
.dijitDialogTitleBar {background:transparent url(/pictures/background-filter.gif) repeat-x scroll 0 0;padding:5px 5px;font-weight:bold;color:#FFFFFF;padding:0;line-height:2em}
.dijitDialogTitle {font-weight: bold; padding:4px; outline:0; margin-top:5px}
.dijitDialogCloseIcon {/* background : url("images/spriteRoundedIconsSmall.png") no-repeat right top; */ background: url(../../../images/tabClose.png) no-repeat right top; position: absolute; vertical-align: middle; right: 6px; top: 4px; height: 15px; width: 15px; cursor: pointer}
.dj_ie .dijitDialogCloseIcon {background : url(../../../images/tabClose.gif) no-repeat right top}
.dijitDialogContent {padding: 8px; }

/* Basic Slider */
.dijitReset { margin:0; border:0; padding:0; line-height:normal; font: inherit; color: inherit; }
.dijitSliderButtonContainer { text-align:center; height:0; }
.dijitSliderBar { border-color:black; border-style:solid; }
.dijitSliderBar { border-style:solid; outline-color:-moz-use-text-color; outline-style:none; outline-width:1px; }
.dijitSliderBarH { border-width:1px 0; height:4px; }
.dijitSliderBarH { border-width:1px 0; height:4px; }
.dijitSliderBarContainerH {position:relative}
.dijitSliderProgressBar { background-color:red; z-index:1; }
.dijitSliderProgressBar { cursor:pointer; overflow:hidden; }
.dijitSliderProgressBarH { background:#C0C2C5 url(/pictures/sliderFull.png) repeat-x scroll left top; border-color:#AAB0BB; }
.dijitSliderProgressBarH { overflow:visible; position:absolute !important; vertical-align:middle; width:0; }
.dijitSliderRemainingBar { background-color:transparent; overflow:hidden; z-index:1; }
.dijitSliderRemainingBarH { background:#DCDCDC url(/pictures/sliderEmpty.png) repeat-x scroll left top; border-color:#B4B4B4; }
.dijitSliderRemainingBarH { width:100% !important; }
.dijitSliderMoveable { display:block; position:absolute !important; vertical-align:middle; z-index:4; }
.dijitSliderMoveableH { left:100% }
.dijitSliderImageHandle { border:8px solid gray; height:0; margin:0; padding:0; position:absolute !important; width:0; }
.dijitSliderImageHandleH { left:-8px; top:-5px; vertical-align:top; }
.dijitSliderImageHandleH { background:transparent url(/pictures/preciseSliderThumb.gif) no-repeat scroll center top; border:0 none; cursor:pointer; height:16px; width:16px; }
.dijitSliderDecrementIconH, 
.dijitSliderDecrementIconV, 
.dijitSliderIncrementIconH, 
.dijitSliderIncrementIconV { background-image: url(/pictures/spriteArrows.png); background-repeat:no-repeat; cursor:pointer; font-size:1px; height:7px; margin:5px; width:7px; }
.dijitSliderDecrementIconH { background-position:-7px 0; }
.dijitSliderBumper { overflow:hidden; z-index:1; }
.dijitSliderBumperH { border-width:1px 0; height:4px; width:8px; }
.dijitSliderRightBumper { background:#DCDCDC url(/pictures/sliderEmpty.png) repeat-x scroll left top; border-color:#B4B4B4; border-right-width:1px !important; }
.dijitSliderLeftBumper {background:#DCDCDC url(/pictures/sliderEmpty.png) repeat-x scroll left top;border-color:#B4B4B4;border-left-width:1px !important}
.dijitSliderTopBumper, .dijitSliderRightBumper { background-color:transparent; }
.dijitRuleContainer { overflow:visible; position:relative; }
.dijitRuleMark {border:1px solid gray;height:100%;line-height:0;position:absolute}
.dijitRuleMarkH { border-bottom-width:0 !important; border-left-width:0 !important; border-top-width:0 !important; width:0; }
.dijitRuleLabelContainer { position:absolute; }
.dijitRuleLabelContainerH { display:inline-block; text-align:center; color:gray !important}
.dijitRuleLabelH { position:relative; left:-50%; }
 
/* Range Slider*/
.dojoxRangeSlider .dojoxRangeSliderBarContainer { position:relative; }
.dojoxRangeSlider .dijitSliderProgressBar { overflow:hidden; cursor:pointer; }
.rmbSlider {padding:2px 0 2px 20px; margin-bottom:25px !important}
.rmbSliderTitle {font-size:10px; color:gray}
.simpleSlider { text-align:center}



/* ESTILOS VACACIONES */
/* filtro de hotel*/
div.vacation-hotel-filter{margin:10px 0 0 10px;z-index:1; width:220px; background-image:url(/pictures/background-desglose-vacac.gif);background-repeat:repeat-x}

/* CAPA INFORMACION HOTEL */
.dijitBackgroundIframe {border:0 none;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%; z-index:-1;}


/* CAJAS SEO */
#body .seo-box{float:left;width:256px}
#body div.seo-box ul{display:inline-block;line-height:18px;width:98%;margin-top:5px;}
#body div.seo-box li{padding-left:5px;margin:0;}
#body div.seo-box li a{float:left;text-align:left;width:75%;}
#body div.seo-box li .price{color:#FF2900;float:right;font-size:11px;font-weight:bold;text-align:right;width:20%;}
#body div.seo-box li.more-links a{color:#990000;display:inline-block;font-size:10px;text-align:right;text-decoration:underline;width:100%;margin-top:5px; font-weight:bold}
#body .seo-box a.link-black{text-decoration:none}


/* pago fraccionado */

img.ico-pago-frac{ vertical-align: middle}