
/* footer clarito de fondo */
body {
 background:#0066cc;
 font-size:16px;
 line-height:1.5;
 font-family:"Roboto Condensed",Arial,sans-serif;
 color:#555;
}
form-control::-moz-placeholder{
   color: #DDDDDD;
   opacity: 1;
}
.form-control:-moz-placeholder{
   color: #DDDDDD;
   opacity: 1;  
}  
.form-control::-webkit-input-placeholder{
   color: #DDDDDD;
   opacity: 1; 
} 
.form-control:-ms-input-placeholder{
   color: #DDDDDD;
   opacity: 1; 
}
/*     General overwrite     */
a{
    color: #2C93FF;
}
a:hover, a:focus {
    color: #1084FF;
}
a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    outline : 0;
}

/*           Font Smoothing      */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/*           Typography          */

h1, .h1, h2, .h2, h3, .h3, h4, .h4{
    font-weight: 400;
    margin: 30px 0 15px;
}

h1, .h1 {
    font-size: 52px;
}
h2, .h2{
    font-size: 36px;
}
h3, .h3{
    font-size: 28px;
    margin: 20px 0 10px;
}
h4, .h4{
    font-size: 22px;
}
h5, .h5 {
    font-size: 16px;
}
h6, .h6{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
p{
    font-size: 16px;
    line-height: 1.6180em;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    color: #999999;
    font-weight: 300;
    line-height: 1;
}
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
    font-size: 60%;
}
h1 .subtitle{
    display: block;
    font-family: 'Grand Hotel',cursive;
    line-height: 40px;
    margin: 15px 0 30px;
    
}


/*           Animations              */
.form-control, .input-group-addon{
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

/*             Inputs               */
.form-control {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    box-shadow: none;
    color: #444444;
    height: 38px;
    padding: 6px 16px;
}
.form-control:focus {
    background-color: #FFFFFF;
    border: 1px solid #9A9A9A;
    box-shadow: none;
    outline: 0 none;
}

/*           Navigation Bar             */
.navbar .navbar-brand {
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 4px;
    font-size: 20px;
}
.navbar-nav > li > a {
    margin: 4px 3px;
    padding: 0px 17px;
    text-align: center;
    min-width: 70px;
}
.navbar-nav > li > a [class^="fa"]{
    font-size: 18px;
}
.navbar-brand{
    padding: 20px 15px;
}
.navbar .navbar-nav [class^="pe"]{
    font-size: 32px;
    position: relative;
}
.navbar .navbar-nav p{
    margin: 5px 0 0;
    font-size: 14px;
}
.navbar .btn{
    margin-top: 8px;
    margin-bottom: 8px;
}
.navbar-default:not(.navbar-transparent) {
    background-color: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar-transparent .navbar-brand, [class*="navbar-ct"] .navbar-brand{
    color: #FFFFFF;
    opacity: 0.95;
}
.navbar-transparent .navbar-brand:hover, .navbar-transparent .navbar-brand:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #5E5E5E;
}
.navbar-transparent .navbar-nav > li > a, [class*="navbar-ct"] .navbar-nav > li > a{
    color: #FFFFFF;
    border-color: #FFFFFF;
    text-align: center;
}
.navbar-transparent .navbar-nav > li > a{
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}
    
.navbar-transparent .navbar-brand:hover, .navbar-transparent .navbar-brand:focus, [class*="navbar-ct"] .navbar-brand:hover, [class*="navbar-ct"] .navbar-brand:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #FFFFFF;
    
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: rgba(43, 43, 43, 0.1);
    border-radius: 4px;
    color: #555555;
    opacity: 1;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-bottom-color: #2C93FF;
    border-top-color: #2C93FF;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    background-color: rgba(255, 255, 255, 0);
    color: #2C93FF;
}
.navbar-transparent .navbar-nav > .active > a, .navbar-transparent .navbar-nav > .active > a:hover, .navbar-transparent .navbar-nav > .active > a:focus, .navbar-transparent .navbar-nav > li > a:hover, .navbar-transparent .navbar-nav > li > a:focus, [class*="navbar-ct"] .navbar-nav > .active > a, [class*="navbar-ct"] .navbar-nav > .active > a:hover, [class*="navbar-ct"] .navbar-nav > .active > a:focus, [class*="navbar-ct"] .navbar-nav > li > a:hover, [class*="navbar-ct"] .navbar-nav > li > a:focus {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    color: #FFFFFF;
    opacity: 1;
}
.navbar-transparent .navbar-nav > .dropdown > a .caret, [class*="navbar-ct"] .navbar-nav > .dropdown > a .caret{
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
}
.navbar-transparent .navbar-nav > .dropdown > a:hover .caret, .navbar-transparent .navbar-nav > .dropdown > a:focus .caret {
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
}
.navbar-transparent .navbar-nav > .open > a, .navbar-transparent .navbar-nav > .open > a:hover, .navbar-transparent .navbar-nav > .open > a:focus {
    background-color: rgba(255, 255, 255, 0);
    color: #FFFFFF;
    opacity: 1;
}
.navbar .label{
    background-color: #FF4C40;
    position: absolute;
    right: -10px;
    top: 0px;
    font-size: 10px;
    font-family: "Helvetica Neue";
    text-shadow: none;
}
[class*="navbar-ct"] .label{
    background-color: #FFFFFF;
    color: #FF4C40;
}
.navbar-default:not(.navbar-transparent) .btn-default:hover{
    color: #2C93FF;
    border-color: #2C93FF;
}
.navbar-transparent .btn-default, [class*="navbar-ct"] .btn-default{
    color: #06c;
    border-color: #06c;
}
[class*="navbar-ct"] .btn-default.btn-fill{
    color: #777777;
    background-color: #FFFFFF;
    opacity: 0.9;
}
[class*="navbar-ct"] .btn-default.btn-fill:hover, [class*="navbar-ct"] .btn-default.btn-fill:focus, [class*="navbar-ct"] .btn-default.btn-fill:active, [class*="navbar-ct"] .btn-default.btn-fill.active, [class*="navbar-ct"] .open .dropdown-toggle.btn-fill.btn-default{
    border-color: #FFFFFF;
    opacity: 1;
}
.navbar-form{
    box-shadow: none;
}
.navbar-form .form-control{
    background-color: rgba(244, 244, 244, 0);
    border-radius: 0;
    border:0;
    height: 22px;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    color: #777777;
}
.navbar-transparent .navbar-form .form-control, [class*="navbar-ct"] .navbar-form .form-control{
    color: #FFFFFF;
    border: 0;
/*     border-bottom: 1px solid rgba(255,255,255,.6); */
}
.navbar:not(.navbar-transparent).navbar-ct-azzure{
    background-color: #8C8C8C;
    /*background-color: rgba(91, 203, 255, 0.98);*/
}
.navbar:not(.navbar-transparent).navbar-ct-blue{
    /*background-color: #34ACDC;
    background-color: rgba(52, 172, 220, 0.98);*/
    /*background-color: #1eabc7;*/
    background-color: ;/*header navbar transparente en responsive*/
}
.navbar:not(.navbar-transparent).navbar-ct-azzure{
    background-color: #5BCAFF;
    background-color: rgba(91, 203, 255, 0.98);
}
.navbar:not(.navbar-transparent).navbar-ct-green{
    background-color: #4cd964;
    background-color: rgba(76, 217, 98, 0.98);
}
.navbar:not(.navbar-transparent).navbar-ct-orange{
    background-color: #FF9500;
    background-color: rgba(255, 152, 0, 0.97);
}
.navbar:not(.navbar-transparent).navbar-ct-red{
    background-color: #FF4C40;
    background-color: rgba(255, 76, 64, 0.98);
}


.dropdown-menu > li > a {
    padding: 8px 20px;
    color: #333333;
}
.dropdown-menu > li:first-child > a{
    border-radius: 0;
}
.dropdown-menu > li:last-child > a{
    border-bottom: 0 none;
    border-radius: 0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #C4C4C4;
    color: #333333;
    opacity: 1;
    text-decoration: none;
}
.navbar-toggle{
    margin-bottom: 27px;
    margin-top: 27px;
    border: 0;
}
.navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}
.navbar-collapse, .navbar-form {
    border-color: rgba(0, 0, 0, 0);
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgba(0,0,0,0);
}
.navbar-brand-logo{
    padding: 0;
}
.navbar-brand-logo .logo{
    border: 1px solid #333333;
    border-radius: 50%;
    float: left;
    overflow: hidden;
    width: 60px;
}
.navbar .navbar-brand-logo .brand{
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    width: 60px;
}
.navbar-default .navbar-brand-logo .brand{
    color: #555;
}
@media (min-width: 768px){
    .navbar-form {
        margin-bottom: 31px;
        margin-top: 31px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .navbar-search-form{
        display: none;   
    }
    
    .navbar-nav > li > .dropdown-menu{
        display: block;
        padding: 0;
        z-index: 9000;
        position: absolute;
        -webkit-border-radius: 10px;
        box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
        border-radius: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        -webkit-filter: alpha(opacity=0);
        -moz-filter: alpha(opacity=0);
        -ms-filter: alpha(opacity=0);
        -o-filter: alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
        -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
        -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
        -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
        transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    }
    
    .navbar-nav > li.open > .dropdown-menu{
        -webkit-transform-origin: 29px -50px;
        -moz-transform-origin: 29px -50px;
        -o-transform-origin: 29px -50px;
        -ms-transform-origin: 29px -50px;
        transform-origin: 29px -50px;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        -moz-filter: none;
        -ms-filter: none;
        -o-filter: none;
        filter: none;
    }
    
    .dropdown-menu:before{
        border-bottom: 11px solid rgba(0, 0, 0, 0.2);
        border-left: 11px solid rgba(0, 0, 0, 0);
        border-right: 11px solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        position: absolute;
        right: 15px;
        top: -11px;
    }
    
    .dropdown-menu:after {
        border-bottom: 11px solid #FFFFFF;
        border-left: 11px solid rgba(0, 0, 0, 0);
        border-right: 11px solid rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        position: absolute;
        right: 15px;
        top: -10px;
    }
    
}

@media (max-width: 768px){ 
    .navbar-transparent{
        padding-top: 15px;
        background-color: rgba(255,255,255, 0.75);/*header navbar transparente en responsive*/
    }
    .navbar-transparent .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-transparent .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-transparent .dropdown-menu > li > a:hover, .navbar-transparent .dropdown-menu > li > a:focus, [class*="navbar-ct"] .dropdown-menu > li > a:hover, [class*="navbar-ct"] .dropdown-menu > li > a:focus{
        color: #FFFFFF;
        background-color: rgba(0,0,0,0);
        opacity: 1;
    }
    .navbar-transparent .navbar-nav .open .dropdown-menu > li > a, [class*="navbar-ct"] .dropdown-menu > li > a {
        color: #FFFFFF;
        opacity: 0.8;
    }
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: rgba(0,0,0,0);
        border-color: #428BCA;
    }
    .navbar-collapse{
        text-align: center;
    }
    .navbar-collapse .navbar-form {
        width: 170px;
        margin: 0 auto;
    }
    
}


.blurred-container{
  position:relative;
  width:100%;
  height:540px;
  top:0;
  left:0;
}
.blurred-container > .img-src{
    position:fixed;
    width:100%;
    height:540px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
}
.blur{
  opacity:0;
}
.main{
    background-color: #cce5ff;
    position: relative;
}
h4{
    line-height: 1.4em;
}
.space-200{
    height: 200px;

}
/*ESTILOS AÑADIDOS*/
.textoinicio{color:#0066cc;}
/*estilos footer*/
footer#home {width: 1100px;margin: auto auto 30px;font-size: 15px;color: ;background-color: transparent;border-top: none;padding: 0;margin-top:40px;}
footer ul li a{color: ;}
footer ul li::after {
    content: "|";
    font-weight: 300;
    position: relative;
    left: 9px;
}
a:focus,
a:hover {
 color:#333;
 text-decoration:none;
 outline:0
}
a.animated_link {
 position:relative;
 text-decoration:none
}
a.animated_link:before {
 position:absolute;
 height:2px;
 background-color:#333;
 visibility:hidden;
 -webkit-transform:scaleX(0);
 transform:scaleX(0);
 -webkit-transition:all .3s ease-in-out 0s;
 transition:all .3s ease-in-out 0s
}
a.animated_link:hover:before {
 visibility:visible;
 -webkit-transform:scaleX(1);
 transform:scaleX(1)
}
a.animated_link_2 {
 position:relative;
 text-decoration:none;
 color:#555
}
a.animated_link_2:hover {
 color:#111
}
a.animated_link_2:before {
 position:absolute;
 height:1px;
 background-color:#111;
 visibility:hidden;
 -webkit-transform:scaleX(0);
 transform:scaleX(0);
 -webkit-transition:all .3s ease-in-out 0s;
 transition:all .3s ease-in-out 0s
}
a.animated_link_2:hover:before {
 visibility:visible;
 -webkit-transform:scaleX(1);
 transform:scaleX(1)
}
a.animated_link::before, a.animated_link_2::before {
    width: 100%;
    bottom: -5px;
    opacity: 1;
    left: 0;
    content: "";
}
/* fin estilos footer*/
.bootstrap-select .selectpicker{
    background-color: transparent;
    margin-top: 10px;
}
.navbar:not(.navbar-transparent).navbar-ct-blue .bootstrap-select .selectpicker{
    background-color: transparent;
}
.navbar:not(.navbar-transparent).navbar-ct-blue .nav .caret{
    border-top-color: white;
    border-bottom-color: white;
}
.selectpicker{
    margin-top: 14px;
    height: 48px;
}
.flag-icon{
    font-size: 25px;
}
.bootstrap-select.btn-group .dropdown-menu{
    height:auto;
}
.bootstrap-select.btn-group ul{
    background-color: white;
}
.bootstrap-select.btn-group ul li.selected:hover{
    background-color: #BCBCBC;
}
/*AÑADIDOS PARA NO MOSTRAR BOTÓN RESPONSIVE*/
.navbar-collapse.collapse {
    display: block!important;
}
.navbar-nav>li, .navbar-nav {
    float: left !important;
}
.navbar-nav.navbar-right:last-child {
    margin-right: -15px !important;
}
.navbar-right {
    float: right!important;
}

/*prueba código*/
a.animated_link:before,
a.animated_link_2:before {
 width:100%;
 bottom:-5px;
 opacity:1;
 left:0;
 content:""
}
a {
 color:#06c;
 text-decoration:none;
 transition:all .2s ease;
 outline:0
}
a:focus,
a:hover {
 color: #258bf1;
 text-decoration: underline;
 outline: 0;
 /*text-shadow: 1px 1px 1px #B9B9B9;*/
}
a.animated_link:focus,
a.animated_link:hover {
 color:#FFF;
 text-decoration:none;
 outline:0
}
a.animated_link {
 color:#06c#ddd;
 position:relative;
 text-decoration:none;
 text-shadow: none;
}
a.animated_link:before {
 position:absolute;
 height:2px;
 background-color:#fff;
 visibility:hidden;
 -webkit-transform:scaleX(0);
 transform:scaleX(0);
 -webkit-transition:all .3s ease-in-out 0s;
 transition:all .3s ease-in-out 0s
}
a.animated_link:hover:before {
 visibility:visible;
 -webkit-transform:scaleX(1);
 transform:scaleX(1)
}
a.animated_link_2 {
 position:relative;
 text-decoration:none;
 color:#fff
}
a.animated_link_2:hover {
 color:#fff
}
a.animated_link_2:before {
 position:absolute;
 height:1px;
 background-color:#fff;
 visibility:hidden;
 -webkit-transform:scaleX(0);
 transform:scaleX(0);
 -webkit-transition:all .3s ease-in-out 0s;
 transition:all .3s ease-in-out 0s
}
a.animated_link_2:hover:before {
 visibility:visible;
 -webkit-transform:scaleX(1);
 transform:scaleX(1)
}
.btn_1,
a.btn_1 {
 border:none;
 font-family:inherit;
 color:#fff;
 background:#3f9fff;
 cursor:pointer;
 padding:7px 15px;
 display:inline-block;
 outline:0;
 font-size:15px;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
 font-weight:400
}
.btn_1:hover,
a.btn_1:hover {
 background:#333
}
#form_container,
footer,
header {
 background-color:#fff
}
#form_container {
 width:1000px;
 min-height:460px;
 margin:120px auto 30px
}
/*----------------------------------borrar desde aqui hacia abajo---------------------------*/
#left_form {
 background-color:#F60;
 min-height:460px;
 color:#fff;
 padding:70px 50px 30px;
 box-sizing:border-box
}
#left_form h2 {
 font-weight:300;
 color:#fff;
 margin:15px 0;
 padding:0;
 font-size:36px
}
#left_form p {
 font-size:16px
}
a#more_info {
 width:26px;
 height:26px;
 color:#fff;
 position:absolute;
 line-height:1;
 left:15px;
 bottom:15px;
 z-index:2;
 font-size:26px
}
input#website {
 display:none
}
#wizard_container {
 position:relative;
 min-height:450px
}
h3.main_question {
 margin:0 0 20px;
 padding:0;
 font-weight:400;
 font-size:26px
}
h3.main_question strong {
 display:block;
 color:#999;
 font-size:18px;
 margin-bottom:5px;
 font-weight:400
}
/*Añadido para tabla personas*/
#bloque_personas{
    background: #0066cc;
    padding: 12px;
    border-radius: 6px;
}
#tabla_personas{
    color:white;
    text-shadow: 1px 1px 1px black;
}
#tabla_personas b{
    font-size: 15px;
}
table#tabla_personas { 
    border-collapse: separate; 
    border-spacing: 0 10px; 
    margin-top: -10px; /* correct offset on first border spacing if desired */
}
#tabla_personas td.estilo_bloque {
    border: solid 1px #359bff;
    border-style: solid none;
    padding: 10px;
    padding-bottom: 0;
    background-color: #359bff;
}
#tabla_personas td:first-child {
    /*border-left-style: solid;*/
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px;
}
#tabla_personas td:last-child {
    /*border-right-style: solid;*/
    border-bottom-right-radius: 10px; 
    border-top-right-radius: 10px; 
}
/* fin tabla personas*/


.precio_personas{
    color: #069;
    background-color: transparent;
    border-color: transparent;
    color: white;
    padding-right: 0px;
    padding-left: 0px;
    box-shadow: none;
    font-size: 17px;
    text-shadow: 1px 1px 1px black;
    width: 60px; 
}
.nperson .error{
    font-size: 11px !important;
}
#resum_person b, #resum_total b{
    font-weight: 700;
    font-size: 14px;
    color: #1c1e22;    
}
.checkcondition a{
    color:#0066cc;
}
.checkcondition a:hover{
    color:#509aff;
}
/*VENTANA MODAL*/
.modal-body .wizard-container{padding-top:20px;}
#content-php > .main > div.container{width: auto !important;}
#contenido > .modal-dialog{width: 70%;}
#myGroup-error,#suma_npax-error,#sumatotalpvp-error,#fecha_servicio-error,#id_horas_minutos-error{
    text-align: center;
    font-size: 16px;
}
.titulo_modal{
    margin-top: 10px;
    margin-bottom: 22px;
    font-size: 20px;
    font-weight: bold;
}
#modal-acepto{
    background:green;
    color:white;
}
#modal-acepto:hover{
    background:#25A525;
    box-shadow: 0 0 5px 3px gray;
    color:white;
}
#modal-cancelo{
    background-color: #d70c0c;
    color:white;
}
#modal-cancelo:hover{
    background-color: #fd2121;
    color:white;
    box-shadow: 0 0 5px 3px gray;
}

/*---------------------INPUT +- ----------------------------*/
span.menos, span.mas {cursor:pointer; }
.menos, .mas{
    width: 25px;
    height: 28px;
    background: #525252;
    border-radius: 4px;
    padding: 6px 0px 0px 0px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-top: -11px;
    font-size: 12px;
}
