/*
Theme Name: Apartamentos Coloradamar
Theme URI: coloradamar.com
Description: Apartamentos Coloradamar
Template: mirai
Author: Mirai Espana
*/


/*---------------------------- GENERIC STYLES -------------------------------*/
h1 {/*font:<font-style>||<font-variant>||<font-weight>||<font-size>||<line-height>||<font-family>;*/}
h2 {/*font:<font-style>||<font-variant>||<font-weight>||<font-size>||<line-height>||<font-family>;*/}
h3 {/*font:<font-style>||<font-variant>||<font-weight>||<font-size>||<line-height>||<font-family>;*/}
h4 {/*font:<font-style>||<font-variant>||<font-weight>||<font-size>||<line-height>||<font-family>;*/}

a, a:visited, a:link {
    outline: 0 none !important;
}
a:hover {text-decoration:underline;}

body {font-family: Calibri,sans-serif;}

#header {
    background: url("/files/bg-menu.png") repeat-x scroll 0 35px transparent;
}
#header .content {}

#main {}
/*.cat-hotel #main .content {padding: 0 !important;}*/
#main .content {padding-top: 20px;}

#main .content .content-inner {
    background: url("/files/bg-content.png") repeat scroll 0 0 transparent;
    padding: 15px 30px;
}
#main .content .content-inner-home {
    background: url("/files/bg-content.png") repeat scroll 0 0 transparent;
    float: left;
    padding: 15px;
    width: 410px;
}
#main .content .content-inner h2, #main .content .content-inner-home h2 {
    color: #406CB0;
    font-family: 'Yesteryear',cursive;
    font-size: 32px;
}
#main .content .content-inner h3 {
    color: #192F51;
    font-family: 'Yesteryear',cursive;
    font-size: 28px;
}
#main .content .content-inner ul {
}
#main .content .content-inner ul li {
    color: #2F5184;
    list-style: disc outside none;
    margin-left: 15px;
}
#main .content .content-inner .service-list li {
    float: left;
    margin-right: 32px;
    width: 43%;
}
#footer {
    background: none repeat scroll 0 0 #416CB0;
}
#footer .content {}
/*------------------------------------------------------------------------------*/


/*------------------------------------ LOGO ------------------------------------*/
#logo {
    margin-top: -4px;
    position: relative;
    z-index: 1;
}
/*------------------------------------------------------------------------------*/


/*--------------------------------- QTRANSLATE ---------------------------------*/
.widget_qtranslate {
}
.widget_qtranslate h3 {}
.widget_qtranslate ul {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    margin-top: 6px;
    padding: 1px 8px;
    text-align: center;
    text-decoration: none;
}
.widget_qtranslate ul li {
    display: inline-block;
}
.widget_qtranslate ul li a {
    color: #3986BF;
    font-size: 14px;
    padding: 10px 5px;
}
.widget_qtranslate ul li a:hover {}
.widget_qtranslate ul li.active a,
.widget_qtranslate ul li.active a:hover {
    text-decoration: underline;
}
.widget_qtranslate ul li:last-child a {
    background: none repeat scroll 0 0 transparent;
}
.widget_qtranslate select {}
.widget_qtranslate ul li.active a {
    display: none;
}

/*-------------------------------- MENU-NAV-WEB --------------------------------*/
ul#menu_web {
    margin-bottom: 35px;
    margin-top: 7px;
}
ul#menu_web li {}
ul#menu_web li a {}
ul#menu_web > li:hover ul.sub-menu {}
ul#menu_web > li.current-menu-item {}

ul#menu_web > li ul.sub-menu {}
ul#menu_web > li ul.sub-menu li a {} 
ul#menu_web > li ul.sub-menu li a:hover,
ul#menu_web > li ul.sub-menu li.current-menu-item a {} 
ul#menu_web > li.current-menu-item ul.sub-menu {}
ul#menu_web > li.current-menu-parent ul.sub-menu {}
ul#menu_web li.current-menu-item ul.sub-menu .current_page_item a {}

ul#menu_web > li {
    display: inline-block;
    margin-right: 10px;
}
ul#menu_web > li a {
    color: #333333;
    font-size: 17px;
    padding: 20px 12px 18px;
    text-transform: uppercase;
}
ul#menu_web > li a:hover, ul#menu_web > li.current-menu-item a, ul#menu_web > li.current-menu-parent a {
    background: none repeat scroll 0 0 #416CB0;
    color: #FFFFFF;
    text-decoration: none;
}
#menu_aux1 {
    /*margin-top: 20px;*/
    text-align: right;
    /*width: 280px !important;*/
}
 /*html[lang="de"] #menu_aux1 {
    margin-top: 10px;
}
*/
#menu_aux1 li {
    display: inline-block;
    line-height: 0.8;
    padding: 0 10px 0 8px;
    vertical-align: middle;
}
#menu_aux1 li:first-child {border-right: 1px solid #96D8FE;}
#menu_aux1 li a {
    color: #96D8FE;
}
/*------------------------------------------------------------------------------*/


/*-------------------------------  GOOGLE MAPS ---------------------------------*/
.coordenadas {
    float: left;
    margin-left: 15px;
}
.coordenadas .nolist {
    font-weight: bold;
    margin-bottom: 12px;
    text-decoration: underline;
}
.coordenadas li {
    color: #2F5184;
    font-size: 20px;
    font-style: italic;
    list-style: none !important;
    margin-left: 0 !important;
}
html[lang="de"] .coordenadas li, html[lang="en"] .coordenadas li {
    font-size: 17px;
}
.coordenadas li.uno {
    margin-bottom: 5px;
}
.coordenadas li.dos {
    margin-bottom: 15px;
}
.box-center {
    display: inline-block;
    float: left;
    margin-right: 40px;
    width: 50%;
}
.box-center ul li {
    font-size: 16px;
    margin-bottom: 9px;
}
.box-center ul li.taxi{
    background: url("/files/taxi.png") no-repeat scroll 0 0 transparent;
    list-style: none outside none !important;
    margin-left: 0 !important;
    padding-left: 35px;
}
.box-center ul li.car{
    background: url("/files/car.png") no-repeat scroll 0 0 transparent;
    list-style: none outside none !important;
    margin-left: 0 !important;
    padding-left: 35px;
}
.box-center ul li.transfer {
    background: url("/files/transfer.png") no-repeat scroll 0 0 transparent;
    list-style: none outside none !important;
    margin-left: 0 !important;
    padding-left: 35px;
}
.box-right {
    float: left;
    width: 40%;
}
.mapa {
    background: none repeat scroll 0 0 #4972B3;
    border-radius: 5px 5px 5px 5px;
    display: block;
    float: left;
    margin: 0 0 20px;
    padding: 14px;
    width: 72% !important;
}
.pusher {clear: both;}
.mapa .map_canvas {width:100% !important;}
.mapa .map_canvas p {color: #222222 !important;}
.mapa .formRuta {margin-top: 9px;}
.mapa .formRuta input.calculaRuta {margin-left: 5px !important;text-shadow: 0 0;}
.mapa .alert, .adp-warnbox {color: #000;margin-top: 20px;}
.mapa .ruta {width: 100% !important;color: #ffffff !important;}

.adp, .adp table, .adp-list, .adp-details, .adp-legal, .mapa .formRuta a.ocultaRuta {color: #FFFFFF !important;}
.adp-step, .adp-text {color: #666666;}




/*------------------------------------------------------------------------------*/


/*------------------------------  MOTOR MASHUP ---------------------------------*/
.mirai_motor {margin-top: -35px;}
.mirai_motor #mirai_bookentrance {
    background: #456DB0;
    background: none repeat scroll 0 0 rgba(65, 108, 176, 0.9);
    padding: 76px 31px 8px !important;
    width: 200px;
}
.mirai_motor #mirai_be1, .mirai_motor #mirai_be3,.mirai_motor #mirai_be5, .mirai_motor #mirai_be2, .mirai_motor #mirai_be4, .mirai_motor #mirai_be6, .mirai_motor #mirai_be7,.mirai_motor #mirai_be9,.mirai_motor #mirai_be10 {float:left;margin-right:5px !important;}
.mirai_motor #mirai_be1,.mirai_motor #mirai_be3,.mirai_motor #mirai_be5,.mirai_motor #mirai_be8,.mirai_motor #mirai_be10 {line-height:25px;display:inline-block;}

.mirai_motor #mirai_be2,.mirai_motor #mirai_be4,.mirai_motor #mirai_be6,.mirai_motor #mirai_be9,.mirai_motor #selectHotel {
    height:25px;
    border-radius: 0px;
    width:10%;
    color:#000;
    cursor:auto;
}

.mirai_motor #mirai_be4 {    width: 5% !important;}
.mirai_motor #mirai_be7 {display:inline-block;}
.mirai_motor #mirai_be7 input {
    font-size: 14px;
    padding: 8px;
    text-transform: uppercase;
    width: 100%;
}
[lang=de] .mirai_motor #mirai_be7 input {font-size:12px;}
.mirai_motor #mirai_be7 input, .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input, .mirai_btOffers, .wpcf7-submit, .mapa .formRuta input.calculaRuta.disabled, .mapa .formRuta input.calculaRuta, .mapa .formRuta input.calculaRuta.disabled:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 9px #666666 inset, 0 0 7px #1C304F;
    color: #416CB0;
    font-weight: bold;
}
.mirai_motor #mirai_be7 input:hover, .bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input:hover, .mirai_btOffers:hover, .wpcf7-submit:hover, .mapa .formRuta input.calculaRuta:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 2px 5px #000000 inset;
    color: #416CB0;
    font-weight: bold;
}
.wpcf7-submit {
    margin-top: 12px;
    padding: 3px 0;
    width: 226px !important;
}
.mirai_motor #mirai_be8 {text-decoration: none;}
.mirai_motor #mirai_be8:hover {  text-decoration:underline;}
.mirai_motor #mirai_be9 {width:auto;}
.mirai_motor #mirai_be10 {display: none;}
#offersHs .contents h2 {color: #406CB0 !important;}
/* motor mashup square */
.mirai_motor.square #mirai_be2, .mirai_motor.square #mirai_be4 { margin:0px 0px 10px !important;color: #333333;}
.mirai_motor.square #mirai_be1, .mirai_motor.square #mirai_be3, .mirai_motor.square #mirai_be5, .mirai_motor.square #mirai_be6 { margin:0px 0px 10px !important;color: #ffffff;}
.mirai_motor.square #mirai_be6 { color:#333333;}
.mirai_motor.square #mirai_be1, .mirai_motor.square #mirai_be3, .mirai_motor.square #mirai_be5, .mirai_motor.square #mirai_be7 input, .mirai_motor.square #mirai_be8 {
    font-weight: bold;
}

.mirai_motor.square #mirai_be2 {
    background: url("/files/calendar.png") no-repeat scroll 93px 6px #FFFFFF;
}

.mirai_motor.square #mirai_be1, .mirai_motor.square #mirai_be3, .mirai_motor.square #mirai_be5 {width:42%;}

.mirai_motor.square #mirai_be2, .mirai_motor.square #mirai_be4, .mirai_motor.square #mirai_be6 {padding-left: 10px;width: 52% !important;}

.mirai_motor.square #mirai_be4 option {padding-left: 10px;}

.mirai_motor.square #mirai_be2, .mirai_motor.square #mirai_be6 {width:51% !important;}

.mirai_motor.square #mirai_be4 {width:57% !important;}

.mirai_motor.square #mirai_be5 {font-size:12px;line-height:13px;}

.mirai_motor.square #mirai_be7 {
    display:inline-block;
    width:100% !important;
    text-align:center;
    margin-bottom:5px !important;
}
.mirai_motor.square #mirai_be8 {
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 12px;
    margin-left: 7px !important;
    text-align: left;
    text-transform: lowercase;
    width: 100%;
}
.mirai_motor.square #mirai_be9 {
    height: 36px;
    padding: 7px 4px;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}
.mirai_motor.square #mirai_be9 option{
    padding: 0 0 0 10px;
    text-transform: none;
    font-weight: normal;
}
#mirai_be9 option:first-child {
    text-transform: uppercase;
}
#mirai_be9 option:nth-child(2), #mirai_be9 option:nth-child(7) {
    font-weight: bold !important;
}
.precio-garantizado {
    position: relative;
    width: 282px;
}
.precio-garantizado a {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #77A000;
    font-size: 18px;
    padding: 3px 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 39px;
    width: 262px;
}
html[lang=es] .precio-garantizado a {font-size:16px;}

/*------------------------------------------------------------------------------*/


/*-------------------------  MOTOR MASHUP CALENDAR -----------------------------*/
.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-buttonpane button,
.ui-datepicker td:hover a {
    background: #416CB0 !important;
    color: #ffffff !important;
}
#ui-datepicker-div {
    font-size: 14px !important; 
}
/*------------------------------------------------------------------------------*/


/*------------------------------  NEW MOTOR MASHUP ---------------------------------*/
/*propias del sitio*/
.engine_mashup  {font-family:arial;font-size:13px;line-height:20px;color:#000;margin:50px 0;}
.engine_mashup > div {margin:0 auto;/*width:75%;*/}
.engine_mashup > div .text-before {}
.engine_mashup > div .text-after {}
.engine_mashup > div form {/*background-color:#e9e9e9;border:2px dotted #ccc;*/}
.engine_mashup > div form legend {}
.engine_mashup > div form .control-group label {}
.engine_mashup > div form .control-group label.label-code {}
.engine_mashup > div form .control-group span.help-inline {}
.engine_mashup > div form .control-group span.legend a {}
.engine_mashup > div form .control-group select,
.engine_mashup > div form .control-group input[type=text] {}
.engine_mashup > div form .button-group input[type=submit] {}
.engine_mashup > div form .button-group input[type=submit]:hover {}
.engine_mashup > div form .button-group a {}
.engine_mashup > div form .button-group a:hover {}



/* square two-columns (column-width)*/
.engine_mashup.square.two-columns > div form .control-group label {width:35%;}
.engine_mashup.square.two-columns > div form .control-group span.legend {margin-left:35%;}
.engine_mashup.square.two-columns > div form .control-group input[type="text"] {width:57%;}

/* tabs */
.engine_mashup .tabbable {}
.engine_mashup .tabbable .nav-tabs {}
.engine_mashup .tabbable .nav-tabs li a {}
.engine_mashup .tabbable .nav-tabs li.active a {}
.engine_mashup .tabbable .tab-content {
	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(top, #dddddd 1%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dddddd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dddddd 1%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dddddd 1%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dddddd 1%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dddddd 1%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.engine_mashup .tabbable .tab-content > .tab-pane {}

/* CHECKOUT ENGINE */
.engine_mashup {margin-top: -35px;}
.bookingstep1 .engine_mashup {margin-top: 0px;}
.engine_mashup>div form {
    background: #456DB0;
    background: none repeat scroll 0 0 rgba(65, 108, 176, 0.9);
    padding: 76px 31px 8px !important;
    width: 200px;
}
.bookingstep1 .engine_mashup>div form {
    padding: 20px 0 13px !important;
    width: 100%;
}
.engine_mashup > div .text-before {
    margin: 0;
    position: relative;
}
.engine_mashup.square.two-columns > div form .control-group label,
.bookingstep1 .engine_mashup > div form .control-group label {
    width: 34%;
    font-weight: bold;
    color: #fff;
}
.bookingstep1 .engine_mashup > div form .control-group label {margin: 0 10px 0 0;}
.engine_mashup.square.two-columns > div form .control-group span.help-inline {
    display: inline-block;
    float: right;
    color: #fff;
    font-size: 11px;
    position: relative;
    line-height: 6px;
}
.bookingstep1 .engine_mashup > div form .control-group span.help-inline {
    font-weight: normal;
    color: #fff;
}
.engine_mashup.square.two-columns > div form .control-group label.label-code {font-size: 10px;}
.engine_mashup > div form .button-group input[type=submit] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 9px #666666 inset, 0 0 7px #1C304F;
    color: #416CB0;
    font-weight: bold;
    font-size: 14px;
    padding: 8px;
    text-transform: uppercase;
    width: 100%;
}
.bookingstep1 .engine_mashup.inline > div form .button-group input[type=submit] {margin: -3px 0 0px 10px;}
.bookingstep1 .engine_mashup.inline > div form .button-group a {margin: 0;}

.engine_mashup > div form .button-group a {
    font-weight: bold;
    color: #fff;
}

.bookingstep1 .engine_mashup.inline > div form .tracking-link,
.bookingstep1 .engine_mashup.inline > div form .icon-lock {display: none;}

._checkin-date,
._checkin-date a,
._checkin-date span,
._selected-date,
._selected-date a,
._selected-date span {
	color: #fff !important;
    background: #416cb0 !important;
}

/*------------------------------------------------------------------------------*/


/*---------------------------------  POPOVER -----------------------------------*/
.popover {}
.popover .popover-inner {}
.popover .popover-title {}
/*------------------------------------------------------------------------------*/


/*---------------------------------  TOOLTIP -----------------------------------*/
.tooltip.right .tooltip-arrow {/*border-right-color: <color> !important;*/}
.tooltip .tooltip-inner {/*background-color: <color>;*/}
/*------------------------------------------------------------------------------*/


/*------------------------------  OFFERS MASHUP --------------------------------*/
.offers-mashup {
    background: url("/files/bg-box-left.png") no-repeat scroll -67px 0 transparent;
    height: 188px;
    margin-right: 15px;
    position: relative;
    width: 241px;
}

.offers-mashup h3, .offers-mashup dl{display:none;}

html[lang="es"] .offers-mashup{background: url("/files/oferta-flash-es.png") scroll -22px 0 no-repeat;}

html[lang="en"] .offers-mashup{background: url("/files/oferta-flash-en.png") scroll -22px 0 no-repeat;}

html[lang="de"] .offers-mashup{background: url("/files/oferta-flash-de.png") scroll -22px 0 no-repeat;}

html[lang="fr"] .offers-mashup{background: url("/files/oferta-flash-fr.png") scroll -22px 0 no-repeat;}

.offers-mashup h3 {
    color: #406CB0;
    float: right;
    font-family: 'Yesteryear',cursive;
    font-size: 32px;
    margin: 15px 41px 0 0;
}
.offers-mashup img {}
.offers-mashup .carousel {}
.offers-mashup .carousel-inner {}
.offers-mashup .carousel-inner .item {}
.offers-mashup .carousel-control {}
.offers-mashup .carousel-control:hover {}
.offers-mashup .carousel-control.right {}
.offers-mashup .carousel-control.right:hover {}
.offers-mashup dl {
    position: absolute;
    right: 6px;
    top: 57px;
    width: 118px;
}
.offers-mashup dl dt {}
.offers-mashup dl dd {
    color: #990033;
}
.offers-mashup .rss-link {}
.offers-mashup .more-info-link {
    background: url("/files/buttons.png") no-repeat scroll right 0 transparent;
    height: 12px !important;
    line-height: 16px;
    padding: 4px 25px 8px 5px !important;
    position: absolute;
    right: 8px;
    top: 149px;
    transition: none 0s ease 0s !important;
}
.offers-mashup .more-info-link:hover {
    background: url("/files/buttons.png") no-repeat scroll right bottom transparent;
}
.offers-mashup .offers-slide {
    margin-right: 12px;
    position: absolute;
    right: 0;
    top: 60px;
    width: 100px;
}
html[lang="de"] .offers-mashup .offers-slide {
    font-size: 11px;
    width: 110px;
}
#offersHs select{width: 57px !important;}
.wrapperForm .form button {font-size: 12px !important;}
/*------------------------------------------------------------------------------*/


/*----------------------------  OPINIONES MASHUP -------------------------------*/

.mirai_opiniones {
    background: url("/files/bg-content.png") repeat scroll 0 0 transparent;
    height: 180px;
    margin-left: 15px;
    padding-top: 9px;
    position: relative;
    width: 241px;
}
.video-player {
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.8);
    background-image: url('/files/bg_video-play.jpg');
    background-position: center;
    background-repeat: no-repeat;
    text-indent:-99999px;
    display:block;
    height:100px;
    margin:20px 0 0 17px;
    width: 241px;
    padding:20px 0;
}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs {
    font-family:inherit;
    font-size:inherit;
    color:inherit;
}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating {
    font-family:inherit;
    font-size:inherit;
    color:inherit;
    margin:0px;
    padding:0px;
    width:auto;
}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #scoreTop {
    height:auto;
}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #scoreTop #score {
    line-height: normal;
    float:none;
    display: inline-block;
    font-size: 48px;
}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #scoreTop #ratingBar {
    float:none;
    display: inline-block;
}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #mirai_recommend {
    border:0px;
    font-family:inherit;
    font-size:inherit;
    color:inherit;
}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #mirai_recommend h3 {
    font-family:inherit;
    font-size:inherit;
    color:inherit;
    padding:0px;
    line-height: normal;
}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #mirai_reviewSouce {
    padding:0px;
    line-height:normal;
}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating .mirai_btReview {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0px auto;
    text-decoration: none;
    line-height: normal;
    background-color: #666;
    color: #fff;    
}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating .mirai_btReview:hover {}
.mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating #writeReviews {display:none;}

.mirai_opiniones h3 {
    color: #406CB0;
    font-family: 'Yesteryear',cursive;
    font-size: 32px;
    margin: 8px 0 0 19px;
}
html[lang="de"] .mirai_opiniones h3 {
    font-size: 27px;
}
.mirai_opiniones > p {
    display: none;
}
.mirai_opiniones .mirai_btReview {
    background: url("/files/buttons.png") no-repeat scroll right 0 transparent;
    height: 12px !important;
    line-height: 16px;
    padding: 4px 25px 8px 5px !important;
    position: absolute;
    right: 8px;
    top: 140px;
    transition: none 0s ease 0s !important;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333 !important;
    border-color: #CCCCCC;
    font-size: 14px !important;
    text-transform: none !important;
}
.mirai_opiniones .mirai_btReview:hover {
    background: url("/files/buttons.png") no-repeat scroll right bottom transparent;
}
#offersHs #headerOffers {display: none !important;}



div.hssurveys_full p, div.hssurveys_full td, div.hssurveys_full th, div.hssurveys_full li {font-size: 17px !important;}
div.hssurveys_full {width: 90%;}
div.hssurveys_full .comments {width: 100%;}
div.hssurveys_full span.note {color: #000000 !important;}
.reviewsOn .questions {padding-top: 40px;}
div.hssurveys_full ul.listSubject li span.subject, div.hssurveys_full .comments p.commentsPerson span.date, div.hssurveys_full h2, div.hssurveys_full p, .listSubject p {color: #333333 !important;}
.paging {margin: 0 0 10px !important;}
.reviewsOn .questions li p.answer {background: none repeat scroll 0 0 #FFFFFF;color: #000000 !important;line-height: 22px !important;padding: 0 6px 0 10px !important;}
div.hssurveys_full p.more a {font-size: 14px !important;}
div.hssurveys_full .ratingBarStar {height: 14px !important;}
.paging span a {color: #8E6225 !important;}
div.hssurveys_full ul.questions li .answer {margin-bottom: 3px !important;}
div.hssurveys_full ul.hotelierReply {}
div.hssurveys_full ul.listSubject li .reviewcomment {background: none repeat scroll 0 0 #FFFFFF;color: #333333 !important;}
/*------------------------------------------------------------------------------*/


/*-------------------------------  SOCIAL MEDIA --------------------------------*/
#social-media {
    float: right !important;
    width: 120px !important;
}
#social-media h3 {}
#social-media ul li:first-child {}
#social-media ul li a {
    /* Uncomment this for custom social media icons */
    /*background-image: url('images/sprite.png');*/
}
#social-media ul {
    display: inline-block;
    float: right;
    margin: 15px 20px;
}
#social-media ul li {
    display: inline-block;
    margin-right: 10px;
    width: 25px;
}
.gay-friend {
    float: right;
}
.gay-friend a {
    background: url("/files/all-icon.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 45px;
    margin-top: 9px;
    text-indent: -99999px;
    width: 67px;
}
/*------------------------------------------------------------------------------*/


/*-----------------------------------  VCARD -----------------------------------*/

.hotelschema {
    background: url("/files/logo-footer.png") no-repeat scroll 0 13px transparent;
    color: #FFFFFF;
    padding: 10px 0 10px 71px;
}
.hotelschema h3 {}
.hotelschema .name {}
.hotelschema .separator {}
.hotelschema a {color: #96D8FE;}

.address_phone {}
/*------------------------------------------------------------------------------*/

#cuadroOfertas, #cuadroOpiniones {
    background: url("/files/bg-content.png") repeat scroll 0 0 transparent;
}

/*---------------------------  FULLSCREEN SLIDESHOW ----------------------------*/
.fullscreen-slideshow .slideshow .contSlideshow .txtslider {}
.on-page-slideshow .tab_slider .contSlideshow img, .on-page-slideshow{
    width: 300px !important; height: 200px;
}
.on-page-slideshow .next {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #4972B3;
    border-top: 20px solid transparent;
    color: #163449;
    display: block;
    height: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    text-indent: -999999px;
    top: 45%;
    z-index: 10 !important;
}
.on-page-slideshow .next:hover {
    border-left: 20px solid #192F51;
}

.on-page-slideshow .prev {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #4972B3;
    border-top: 20px solid transparent;
    color: #163449;
    display: block;
    height: 0;
    left: 10px;
    padding: 0;
    position: absolute;
    text-indent: -999999px;
    top: 45%;
    z-index: 10 !important;
}
.on-page-slideshow .prev:hover {
    border-right: 20px solid #192F51;
}
.slider-text {text-align:center;}
.slider-text p {
    color: #FFFFFF;
    font-family: 'Yesteryear',cursive;
    font-size: 35px;
    line-height: 1;
    margin-left: 42px;
    margin-top: 80px;
    text-shadow: 2px 2px 3px #000000;
}
html[lang="en"] .slider-text p {
    font-size: 28px;
}
html[lang="de"] .slider-text p {
    font-size: 40px;
}
.on-page-slideshow {
    background: none repeat scroll 0 0 #4972B3;
    border-radius: 5px 5px 5px 5px;
    display: block;
    float: left;
    margin: 0 0 20px;
    padding: 5px;
}
.left-rooms {
    float: left;
    margin-left: 30px;
    margin-top: 10px;
    width: 50%;
}
/*------------------------------------------------------------------------------*/


/*-----------------------------  CAROUSEL SLIDESHOW ----------------------------*/
.on-page-slideshow .slideshow {}
.on-page-slideshow .slideshow .contSlideshow .txtslider {}
.on-page-slideshow .prev {}
.on-page-slideshow .next {}
.on-page-slideshow div[class*="pager"] {}
.on-page-slideshow div[class*="pager"] a {}
.on-page-slideshow div[class*="pager"] a.activeSlide {}
/*------------------------------------------------------------------------------*/


/*---------------------------  BACKGROUND SLIDESHOW  ---------------------------*/
.background-slideshow {}
.background-slideshow .slideshow {}
.background-slideshow .slideshow .contSlideshow .txtslider {}
.background-slideshow .prev {}
.background-slideshow .next {}
.background-slideshow div[class*="pager"] {}
.background-slideshow div[class*="pager"] a {}
.background-slideshow div[class*="pager"] a.activeSlide {}
/*------------------------------------------------------------------------------*/


/*-------------------------------  BOOKING PAGES -------------------------------*/
.bookingstep1 {/*background-color:<color>;*/}

.bookingstep1 #motor_reservas #mirai_bookentrance {/*background-color:<color>;*/}
.bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input {
	/*background-color:<color>;
	color:<color>;*/
}
.bookingstep1 #motor_reservas #mirai_bookentrance #mirai_be7 input:hover {
	text-decoration:none;
}
/*------------------------------------------------------------------------------*/


/*-------------------------------- PHOTOS PAGES --------------------------------*/
.ngg-galleryoverview {/*margin:<margin>*/}
.ngg-galleryoverview .ngg-gallery-thumbnail {/*margin-right:<margin>*/}
.ngg-galleryoverview .ngg-gallery-thumbnail img {/*background-color:<color>;border:<border>;margin:<margin>;padding:<padding>;*/}
.ngg-galleryoverview .ngg-gallery-thumbnail img:hover {/*background-color:<color>;border:<border>;*/}

a.photos {
    background: url('/files/bg_video-play.jpg') no-repeat center center #FFF;
    display: block;
    margin: 4px 0px 4px 5px;
    padding: 4px;
    width: 100px;
    height: 75px;
    border: 4px solid #EEE;
    outline: 1px solid #999 !important;
    background-size: cover;
    text-indent: 999px;
    overflow: hidden;
}
/*------------------------------------------------------------------------------*/


/*---------------------------------- SHADOWBOX ---------------------------------*/
#sb-container {}
#sb-container #sb-overlay {background-color:#000 !important;}
#sb-container #sb-wrapper #sb-wrapper-inner {border: 1px solid #303030 !important;}
#sb-container #sb-info {}
#sb-container #sb-info #sb-counter {}
#sb-container #sb-info #sb-nav {}
#sb-container #sb-info #sb-nav #sb-nav-close {}
#sb-container #sb-info #sb-nav #sb-nav-next {}
#sb-container #sb-info #sb-nav #sb-nav-previous {}
/*------------------------------------------------------------------------------*/


/*------------------------------------ BLOG ------------------------------------*/
.post {}
.post h2 {}
.post h2 a {}
.post .meta {}
.post .meta .autor_post {}
.post .meta .fecha_post {}
.post .meta .comentarios_post {}
.post .entry {}
.post .entry p {}
.post .entry .post-edit-link {}
.post .entry .categorias {}
.post .entry .categorias a {}
.paginaAnterior {}
.paginaSiguiente {}
.post #respond {}
.post #respond h3 {}
.post #respond form {}
.post #respond form .logged-in-as {}
.post #respond form .comment-form-comment {}
.post #respond form .comment-form-comment label {}
.post #respond form .comment-form-comment textarea {}
.post #respond form .comment-form-comment .form-submit {}
.post #respond form .comment-form-comment .form-submit input {}
.post #prev_post a {}
.post #next_post a {}
/*------------------------------------------------------------------------------*/


/*--------------------------------- SITE STYLES --------------------------------*/



 .flash-offers:lang(es){
	   background: url("/files/flash-offers.png") no-repeat scroll center center transparent;
    height: 250px;
    margin: 0 auto;
    width: 100%;
}
.flash-offers:lang(de){
    background: url("/files/flash-offers-de.png") no-repeat scroll center center transparent;
    height: 250px;
    margin: 0 auto;
    width: 100%;
}
.flash-offers:lang(en){
    background: url("/files/flash-offers-en.png") no-repeat scroll center center transparent;
    height: 250px;
    margin: 0 auto;
    width: 100%;
}
.flash-offers:lang(fr){
    background: url("/files/flash-offers-fr.png") no-repeat scroll center center transparent;
    height: 250px;
    margin: 0 auto;
    width: 100%;
}

.video-mobile{
	display: none;
}


/*------------------------------------------------------------------------------*/


.badgets * {
    float: left;
}

.badgets a{
    width: 175px;
    margin: 15px 0 0 5px;
    display: block;
    
}

.gay-friend img {
    margin-top: 5px;
    margin-left: -3px;
    margin-bottom: 10px;
}



/*-------------------------------- MEDIA QUERYS --------------------------------*/
/* Large desktop */
@media (min-width: 1300px) {

.cat-hotel #main .content {padding-top: 259px;}
.offers-mashup {
    background: url("/files/bg-box-left.png") no-repeat scroll -29px 0 transparent;
    /*width: 291px;*/
    width: 270px;
    margin-right: 40px;
}
.video-player {
    margin:20px 0 0 25px;
}
.mirai_opiniones {
    background: url("/files/bg-content.png") repeat scroll 0 0 transparent;
    margin-left: 25px;
    width: 261px;
}
.video-player {
    width: 261px;
}
#main .content .content-inner-home {
    background: url("/files/bg-content.png") repeat scroll 0 0 transparent;
    float: left;
    padding: 15px;
    width: 500px;
}
.slider-text p {
    color: #FFFFFF;
    font-family: 'Yesteryear',cursive;
    font-size: 45px;
    margin-top: 80px;
    margin-left: 0px;
    text-shadow: 2px 2px 3px #000000;
}
.mapa {
    width: 77% !important;
}
.map_canvas {
    height: 290px;
}
#main .content .content-inner .service-list li {
    float: left;
    margin-right: 32px;
    width: 29%;
}
html[lang="en"] .slider-text p {
    font-size: 37px;
}
html[lang="de"] #menu_aux1 {
    margin-top: 20px;
    width: 370px !important;
}


}/* ipad portrait - landscape */
@media (min-device-width: 768px) and (max-device-width: 979px){

ul#menu_web > li a {font-size: 16px;}

.mirai_motor #mirai_be7 input {font-size: 13px;}
html[lang="de"] .mirai_motor #mirai_be7 input {font-size: 12px !important;}

.coordenadas li {font-size: 14px !important;}

.cat-location .fullscreen-slideshow {display:none;}
body.cat-location {
    background: url(http://www.coloradamar.com/wp-content/blogs.dir/371/files/slider-situacion/slider_situacion.jpg) 0 0 no-repeat;
    background-size:100% 100%;
}


}/* customize ipad portrait */
@media (min-device-width: 768px) and (max-device-width: 979px) and (orientation : portrait) {


ul#menu_web > li a {
   font-size:13px ;     
   padding: 20px 8px 18px;
}
ul#menu_web > li {
    margin-right:5px;
}

#header {background-position: 0 35px;}
.precio-garantizado a{top: 35px;width: 248px;}
.mirai_motor #mirai_bookentrance {padding: 76px 31px 8px !important;}
.slider-text p {
    line-height: 55px;
    margin-left: 90px;
    margin-top: 30px;
}

.mirai_opiniones, .box-left, .video-player {display: none;}

.mapa {width: 95% !important;}
    

#mirai_bookentrance, #mirai_roomSelectionContainer, #header .content, .bookingstep1 ul#menu_web  {width: 100% !important;}
.bookingstep1 ul#menu_web > li a {font-size: 15px;}

.slider-text p {width: 420px;padding-left: 100px;}


}/* customize ipad landscape */
/*@media (min-device-width: 768px) and (max-device-width: 979px) and (orientation : landscape) {}*/

/* iphone portrait & landscape - galaxy portrait & lanscape */
@media (max-device-width: 767px) {

.cat-hotel #header {top: 0;right: 0;left: 0;z-index: 1030;background: none repeat scroll 0 0 transparent;}
#header {background: none repeat scroll 0 0 #2D548E;}

.cat-hotel {background: url("/files/bg-phone.jpg") no-repeat scroll 0 0px transparent !important;background-size: 100% 300px;}

#logo a {display: block;padding:5px 0 0 5px;text-align:left;color:#fff;font-size:18px;text-transform:uppercase;}

#logo a img, .video-player {display: none !important;}

.home #logo a {margin: 0 auto 0;background: url("/files/logo_mobile.png") no-repeat scroll 0 0 transparent;display: block;height: 104px;width: 240px;}

.home ul#menu_web {margin:50px auto 0;text-align:center;}

.home ul#menu_web > li {display: inline-block !important;margin: 0 1% 8px !important;}

.home ul#menu_web > li a {padding:10px 0 !important;}

.home ul#menu_web li.current-menu-item {display: none !important;}

.home #menu_web li, #menu_web .booking-button {
	background: none repeat scroll 0 0 #456DB0;
	position: relative;
	width: 48% !important;
	z-index: 20;
	margin: 0 3px 8px 0 !important;
	display: inline-block;
	text-align: center;
	padding: 0;
	clear: none;
	float: left;
}

.home .menu a {display: inline-block;padding: 12px 0px !important;font-size: 14px !important;color: #456DB0  !important; background: none repeat scroll 0 0 #ffffff !important;}

#menu_phone {background-color: #416CB0;padding: 5px 10px;}

.home #footer {float: left;width: 100%;}

.home #footer .content address.address_phone ul {padding-top: 7px;}

.home #footer .widget_qtranslate {margin: 9px 0;}

#logo {margin-top:0px;}

#logo {padding: 0 0 0 11px;}

.cat-hotel #logo {padding: 0;}

#main {background-image:none;}

#main .content {padding-top:10px;}

#main .content-inner {padding:0 10px 15px 10px;}

#main .content-inner h2 {color:#610603;text-shadow:none;line-height:25px;font-size:20px;}

#main .content-inner p {color:#000;}

.mapa {margin: -60px 0 20px;padding: 0 14px;}

.slider-text, .selector-hoteles, #header .widget_qtranslate, #menu_web #menu-item-22, #menu_web #menu-item-23, #menu_web #menu-item-139, .oculto-movil, .offers-mashup, .home #footer .widget_qtranslate ul li.active a {display: none !important;}

.widget_qtranslate ul li a {padding: 0 !important;color: #ffffff;}

.widget_qtranslate ul {float: none;background: #456DB0;}

#footer {margin-top: 20px;}

#main .content .content-inner h2, #main .content .content-inner-home h2 {
    font-family: helvetica !important;
    font-size: 25px;
    font-style: italic;
    margin-bottom: 6px;
}

#main .content .content-inner {padding: 15px 20px;}

.on-page-slideshow .tab_slider .contSlideshow img, .on-page-slideshow, .tab_slider-left {height: 200px;width: 100% !important;}

.on-page-slideshow .next {right: 8px;}

.left-rooms {margin-left: 0;margin-top: 0;width: 100%;}

.map_mobile{
	background: url('/files/map-mobile.png') !important;
}

.cat-offers #main .content .content-inner {
    display: none;
}

li.booking-button{
    margin:0 27%!important;
    float:none!important;
   
}



}/*------------------------------------------------------------------------------*/