#content { width:1014px!important; margin:0 auto; } #columnas { padding: 0 15px; } #columnas:after { content: ""; display: block; clear: both; } #columnas > div { float: left; width: 648px; } #columnas > div.widget_small { width: 300px; margin: 0 0 0 25px; } [dir='rtl'] #columnas > div { float: right; } [dir='rtl'] #columnas > div.widget_small { margin: 0 25px 0 0; } ul li{list-style:none;} p{font-size:12px;} a{color:@colorMain;text-decoration:none;} .clear{clear:both;} img{border:0;} img a{border:0;} .fright{float:right;} [dir='rtl'] .fright{float:left;} .oculta{display:none} .salto10{margin-top:10px;} #wrapper{padding:5px;} .icono_dudas{ background-color:@colorMain;color:#FFF;font-weight:bold;padding:1px 3px;font-size:11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} /*** CSS de formulario ***/ /* ESTILOS BASE */ * { font-family: arial;} /* Farsi: BOC */ @font-face { font-family: 'BYekan'; src: url('/headers/ilusion/fonts/BYekan/byekan-full-webfont.eot'); src: url('/headers/ilusion/fonts/BYekan/byekan-full-webfont.eot?#iefix') format('embedded-opentype'), url('/headers/ilusion/fonts/BYekan/byekan-full-webfont.woff2') format('woff2'), url('/headers/ilusion/fonts/BYekan/byekan-full-webfont.woff') format('woff'), url('/headers/ilusion/fonts/BYekan/byekan-full-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } [lang="fa"] *, [lang="fa-IR"] *, [lang="fa-AF"] * { font-family: 'BYekan', Arial, Helvetica, sans-serif;} /* Farsi: EOC */ a { color:@colorMain; cursor: pointer; text-decoration:none; } a:hover, a:focus{ text-decoration:underline;color:@colorMain;} abbr{text-decoration:none;border-bottom:none;} /* T�tulo en cabecera */ .main_title { font-size:40px; padding-bottom:5px; padding-left:5px; } /* Caja de cabecera */ .page_header_box { height:100px; border-bottom: 2px solid @colorMain; } /* MENU VERTICAL CON VI�ETAS */ .menu_group_header { color:@colorMain; margin-top:20px; margin-bottom:10px; font-weight:bold; } .opcion_menu_vertical { color:@colorMain; margin:0px 0px 0px 5px; padding:5px 0px 2px 10px; cursor: pointer; } .opcion_menu_vertical_2 { color:@colorMain; margin:0px 0px 0px 15px; padding:5px 0px 2px 10px; cursor: pointer; } .opcion_menu_vertical_2:hover { color:#FFFFFF; background-color:@colorMain; font-weight:bold; } /* Cabecera de �rea de trabajo */ .work_area_header { border-bottom: 1px solid #DDDDDD; margin-top: 20px; margin-bottom: 20px; font-size: 24px; } /* Mensaje resultado de la acci�n en formularios */ .action_result_message { margin:5px 0px 10px 0px; text-align:center; } #contenedor_horizontal table tbody tr td.opcion0, #contenedor_vertical table tbody tr td.opcion0, #calendar table tbody tbody tr td.opcion0, #contenedor_horizontal_time table tr td.opcion0, #contenedor_vertical_time table tr td.opcion0, #calendar_time table tbody tr td.opcion0{ background-color:@colorMain; } .color_fecha_elegida{width:14px;height:14px;float:left;background-color:@colorMain;} #cabecera{height:auto!important;} #cabecera a img, #cabecera img{margin:10px;} .clear_left { clear: left; } .clear_right { clear: right; } .widget_big #banner img{width:620px;} .widget_small #banner img{width:300px;} /**** PALETA ****/ .c1 { color: @colorMain;} .c2 { color: @colorSecondary;} .b1 { background-color: @colorMain;} .b2 { background-color: @colorSecondary;} /**** PALETA ****/ .c1 { color: @colorMain;} .c2 { color: @colorSecondary;} .b1 { background-color: @colorMain;} .b2 { background-color: @colorSecondary;} .photo_gallery{ padding:10px 0; text-align:center; } ul.flight_error_message{background-color: @colorSecondary!important;} .external{ background:none!important; margin:0; } body.external .widget { margin: 0 !important; border-bottom:0 !important; } /* listado de disponibilidad hoteles 2013 */ .capa_superior_disponibilidad, #contenedor_menu_ordenacion{ background-color:@colorMain!important; color:#FFF!important; } .hotel_map_point{background:url('/headers/img/maps/gmap_grey_icon.png')!important;} .services_cols li ul li span{color:@colorMain!important;} a.change_opinions{color:@colorMain!important;} .booking_button{ border:1px solid @colorMain!important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; padding:1px 25px 3px 15px; margin:0; font-size:12px; line-height:12px; color:#FFF; font-weight:bold; background:url('/headers/img/availability_list/white_arrow.png') 96% 50% no-repeat @colorMain!important; box-shadow:none!important; overflow: visible;filter:chroma(color=#000000);/* ie bugs: extra width ; black border */ } [dir='rtl'] .booking_button{ border:1px solid @colorMain!important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; padding:1px 15px 3px 25px; margin:0; font-size:12px; line-height:12px; color:#FFF; font-weight:bold; background:url('/headers/img/availability_list/white_arrow_rtl.png') 5% 50% no-repeat @colorMain!important; box-shadow:none!important; overflow: visible;filter:chroma(color=#000000);/* ie bugs: extra width ; black border */ } .resume_opinions_box a, .resume_opinions_box a span{ color:@colorSecondary!important; } .favorite_are .heart, .are_heart, .favorite_empty .heart, .empty_heart{ background:url('/headers/img/availability_list/hearts.png') -40px 0 no-repeat!important; } .favorites_container .ver_mas, .resume_opinions_box a span.favorite_added{ color:@colorMain; } .favorites_container .favorite_empty .bg_favorito span, .favorites_container .favorite_empty .bg_favorito_opened span{ color:@colorSecondary!important; } .favorites_container .favorite_are .bg_favorito span, .favorites_container .favorite_are .bg_favorito_opened span{ color:@colorMain!important; } .ver_mas{color:@colorMain!important;} .TA_global_valoration .TA_continent_bar .TA_fill_bar{background-color:@colorMain!important;} .regimen_predict_info, .city_predict_info, .amenities_predict_info{color:@colorMain!important;} #left_column_td .widget-base ul, #right_column_td .widget-base ul, .columna_lateral .widget-base ul{padding:5px;} .columna_result .widget-version-span{display:none;} /*******/ /* SCR */ /*******/ #review_page{ background:#FFF; } #review_continue_button_container{ margin-left:10px; } .transition_manager_accordion #cont_seguros{ margin-left:10px; } /* Estilos cajas */ #cart_container{background:@colorMain} .scr_module h2, .data_request_step h2{background:@colorMain} .travellers_list{margin:0;} .scr_module ul, .subpanel ul{ margin: 0; padding: 0; } /* breadcrumb */ #breadcrumbs li.scr_bc_current:before{ background:@colorMain!important; } #breadcrumbs li.scr_bc_current a{ color:@colorMain!important; } #breadcrumbs li a{color:#777;} #breadcrumbs li:before {background:#999;} /* p�gina resultado */ #result_page{width:100%} .is_titular{} #steps_container a.boton_principal, #steps_container a:hover.boton_principal{ overflow: visible; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: auto; border: 0; font-size: 17px; font-weight:normal; text-decoration: none; display: inline-block; cursor: pointer; padding: 5px 55px; } #cart_container .service_resume_continent{ background:#FFF; } #cart_container .service_resume_title{ background:@colorMain!important; } #cart_total_amounts .pvp, #cart_total_amounts .fee, #cart_total_amounts .card_fee, #total_price_reservation .pvp, #total_price_reservation .fee, #total_price_reservation .card_fee{ color:@colorMain; } #cart_total_amounts .total_price{ color:@colorMain; } .scr_module h2, .data_request_step h2{ background:@colorMain; } .info_message_small{ background: url(/headers/img/scr/info_small_gray.png) no-repeat 10px 8px; font-size:1em; } /* widgets\wait\BasicWidget */ div.basicwait { background-color: @colorMain; } div.basicwait h4, div.basicwait p { color: #fff; } /* widgets\wait\SkiHillsHotelsOffersWidget */ div.widgets_skihillshotelsofferswidget div.header, div.widgets_hotelsbydestinationwidget div.header, /* widgets\wait\FlightsOffersWidget */ div.widgets_flightsofferswidget div.header { background-color: @colorMain!important; } div.widgets_skihillshotelsofferswidget a div.info, div.widgets_hotelsbydestinationwidget a div.info { background-color: @colorMain; } div.widgets_skihillshotelsofferswidget a div.info:after, div.widgets_hotelsbydestinationwidget a div.info:after { border-top-color: @colorMain !important; } .widget div.widget_unique{ margin:0 !important; padding:0 !important; } .fleft{float:left} [dir='rtl'] .fleft{float:right} .fright{float:right} [dir='rtl'] .fright{float:left} .hidden{display:none} #confirm_button .continue_button_container input.boton_principal[type="button"]{ margin: 0 20px; color: #FFF; background-color: @colorMain; font-size: 14px; font-weight: normal; } .transition_manager_accordion{ font-size:13px; } .transition_manager_accordion h4{ margin:0; padding:0; } .transition_manager_accordion .service_hotel p{ margin:0; padding:0; } a.boton_principal2, a:hover.boton_principal2, input[type="submit"].boton_principal2, input[type="button"].boton_principal2{ overflow: visible; color: #FFF !important; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius: 5px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomright: 30px; border-radius: 5px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; background: @colorMain url('/headers/img/availability_list/button_arrow.png') no-repeat 92% 50%; width: auto; border: 0; font-size: 18px; font-weight: 700; text-decoration: none; display: inline-block; cursor: pointer; padding: 5px 30px 7px 22px; -moz-box-shadow: -1px 3px 4px #aaa; -webkit-box-shadow: -1px 3px 4px #aaa; box-shadow: -1px 3px 4px #aaa; } [dir="rtl"] a.boton_principal2, [dir="rtl"] a:hover.boton_principal2, [dir="rtl"] input[type="submit"].boton_principal2, [dir="rtl"] input[type="button"].boton_principal2{ display:inline; background: @colorMain url('/headers/img/availability_list/button_arrow_rtl.png') no-repeat 8% 50%; } .cart_without_amounts .total_price_container strong, .transition_manager_accordion .upper_cart .total_price_container strong, .transition_manager_accordion .coste_maleta{ color:@colorMain; } .transition_manager_accordion{ background:#FFF; } .transition_manager_accordion .scrwidgetselect .scr_amount{ color: @colorMain; font-weight: bold; } .transition_manager_accordion .ver_detalles{ color:@colorMain; } .transition_manager_accordion .step_title h1{ margin:0; } .transition_manager_accordion .scrwidgetselect .scr_amount, #optional_services .transfer ul li ul li span.scr_amount{ color:@colorMain; } #insurance .transfer ul li ul li span.scr_amount{ color:@colorMain; } .myaccount .btn_comun_panel { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; color: @colorMain; background-color: #e6e6e6; border-color: #adadad; } .myaccount .btn_comun_panel:hover, .btn_comun_panel:focus { color: @colorMain; background-color: @colorSecondary; border-color: @colorSecondary; } .myaccount_cont_importes{ width:52%; background:#fffcec;padding:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom:10px;margin-top:15px;border:1px solid #d7d3be; } .myaccount_cont_importes h3{ color:#333; text-transform:uppercase;font-weight:700; font-size:16px; border-bottom: 1px dotted #333333; margin-bottom:10px; } .myaccount_cont_importes ul{ margin:0; padding:0 } .myaccount_cont_importes ul li{ line-height:25px; } .myaccount_cont_importes .importes{ float:right; } [dir='rtl'] .myaccount_cont_importes .importes{ float:left; } .myaccount_cont_importes .importes span{ color:@colorMain; font-weight:bold; font-size:16px; line-height:16px; } .myaccount_cont_importes .importes span.decimals{ font-size:12px; } #transfers.scr_module .transfer ul li ul li{ width: 461px; } #transfers.scr_module .transfer ul li ul li span.scr_amount{ color:@colorMain; } .widgets_availability_availabilitylistingwidget a.ir_seleccion_habitacion{ color:@colorMain!important; } .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]{ background-image: none; background-color: @colorMain; color: #FFF; } .group_actions li{ color: @colorMain; } .transition_manager_accordion #review_list .group_action{ color: @colorMain; } /* Fuente Iconos pestanas buscador */ @font-face { font-family: 'iconos_illusion'; src:url('/headers/ilusion/fonts/iconos_illusion_v01.eot'); src:url('/headers/ilusion/fonts/iconos_illusion_v01.eot?#iefix') format('embedded-opentype'), url('/headers/ilusion/fonts/iconos_illusion_v01.woff') format('woff'), url('/headers/ilusion/fonts/iconos_illusion_v01.ttf') format('truetype'), url('/headers/ilusion/fonts/iconos_illusion_v01.svg#iconos_viajes') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'iconos_illusion'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 2em; margin-right: .1em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1.5em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .1em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); } [class^="icon-"]:before, [class*=" icon-"]:before{ font-size:14px; } /* Fuente para glyphicons */ @font-face{ font-family:'Glyphicons Regular'; src:url('/headers/ilusion/fonts/glyphicons-regular.eot'); src:url('/headers/ilusion/fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'), url('/headers/ilusion/fonts/glyphicons-regular.woff2') format('woff2'), url('/headers/ilusion/fonts/glyphicons-regular.woff') format('woff'), url('/headers/ilusion/fonts/glyphicons-regular.ttf') format('truetype'), url('/headers/ilusion/fonts/glyphicons-regular.svg#glyphiconsregular') format('svg'); font-weight:normal;font-style:normal } /* GLYPHICONS */ .glyphicons{display:inline-block;position:relative;text-decoration:none;*zoom:1;vertical-align:text-bottom;font-family:'Glyphicons Regular';font-weight: 400; font-style: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .glyphicons.glyphicons-certificate:before{content:"\E333"} .glyphicons.glyphicons-show-lines:before{content:"\E159"} .glyphicons.glyphicons-global:before{content:"\E372"} .glyphicons.glyphicons-chevron-right:before{content:"\E224"} .glyphicons.glyphicons-circle-question-mark:before{content:"\E195"} .glyphicons.glyphicons-group:before{content:"\E044"} .glyphicons.glyphicons-currency-conversion:before{content:"\E520"} .glyphicons.glyphicons-user:before{content:"\E004"} .glyphicons.glyphicons-shopping-cart:before{content:"\E203"} .glyphicons.glyphicons-remove-2:before{content:"\E208"} .glyphicons.glyphicons-circle-info:before {content: "\E196"} .glyphicons.glyphicons-heart:before {content: "\E013"} .glyphicons.glyphicons-power:before {content: "\E064"}