.header {
    background: rgba(255, 255, 255,0.95);
    padding: 25px 15px;
}
.owl-carousel .owl-wrapper{
    background: rgba(51,51,51,0.5);
    font-weight: bold;
}
.z-tabs.horizontal.responsive > ul.z-tabs-desktop > li > a{
    font-size: 14px;
}
section.seccion_contenido {
    padding-bottom: 25px;
}
.detalle_servicio {
    font-size: 25px;
    line-height: 60px;
    padding-left: 15%;
}
.detalle_servicio li:before {
    content: "- ";
}
.subtexto_servicio {
    padding: 25px;
    font-size: 18px;
}
.some-about .about-detail ul{
    padding: 20px;

}
.about-detail.texto_seccion {
    margin: 0;
}
.sub-banner{
    /*border-bottom: 1px solid #99a2c2;*/
}
.sub-content {
    margin: 30px 0 0 0;
   
    
}
.separador_seccion {
    border-top: solid 5px #eeeeee;
    padding: 20px 0;
    margin: 0px 0 0 0;
}
.separador_seccion_bottom {
    border-top: solid 5px #eeeeee;
    padding: 20px 0px;
    margin: 25px 0 0 0;
}
.alerta-mal {
    padding: 20px;
    background-color: #f44336;
    color: white;
}

.cerrarbtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.cerrarbtn:hover {
    color: black;
}
.alerta-bien {
    padding: 20px;
    background-color: #4CAF50;
    color: white;
}

.cerrarbtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.cerrarbtn:hover {
    color: black;
}

.z-tabs.horizontal.responsive > ul.z-tabs-desktop > li > a {
    margin: 0 0px 0 0;
}
.z-tabs.silver > ul > li.z-active > a{
    background: #97a1c1;
    border: 1px solid #E3242C;
}
span.big-text{
    color:#E3242C;
}
.boton_textoAzul{
    color:#486A96 !important;
    border-color:#486A96 !important;
    font-weight: bold;
}
.z-tabs.horizontal.responsive > ul.z-tabs-desktop > li > a {
    font-size: 12px;
}
.z-tabs.medium > ul > li > a{
    padding: 20px 0px 20px 0px;
}
.texto_justificado{
    text-align: justify;
}
li.item_select{
    color: #959494;
}
.header-one .header .navigation ul li.not_select a, .header-two .header .navigation ul li.not_select a{
    text-decoration: none !important;
    color: #99a2c2 !important;
    border-bottom: 1px dotted #ccc !important;
    background: none !important;
    border-bottom: #486A96;
}
.imagen_grid {
    min-width: 250px;
    max-width: 330px;
    padding: 10px;
}
.footer-light .footer-detail .footer-sec h3{
    background: none;
    color: #486A96;
    text-shadow: 1px 1px #fff;
    font-size: 25px;
    text-align: center;
}
.footer-light .footer-detail .footer-sec .social-icons a{
    color: #486A96;
    border: solid 1px #486A96;
    text-shadow: 1px 1px #fff;
}
.footer-light .footer-detail .footer-sec .social-icons a.gp:hover{
    background: #4CAF50;
    border: solid 1px #4CAF50; 
}

.footer_container{
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top:50px;
}
.telefonoMenu {
    position: relative;
    float: right;
    padding-top: 10px;
    font-size: 30px;
    color: #486A96;
    /*border-bottom: 1px solid #df0e0a;*/
    text-align: right;
}
.telefonoMenu_scroll {
    position: relative;
    float: right;
    padding-top: 10px;
    font-size: 22px;
    color: #486A96;
    border-bottom: 1px solid #df0e0a;
    text-align: center;
}
/*.navigation ul.sub li.select a:hover{
    
    background:none !important;
    border-bottom: #486A96;
}*/
h2{
    padding: 10px 0px 0px 0px;
    font-size:30px;
}
.cd-primary-nav{
    padding:10px 0;
}
#loader-wrapper .loader-section{
    background: #fff;
}
#loader span{
    color:#486A96;
}
.gm-style-iw h4, .gm-style-iw p{
    font-size: 14px;
}
@media only screen and (max-width: 600px){
ul.sub li a{
    background: #fff;
}
}

@media (min-width: 1230px){
.container {
    width: 1000px;
}
.container.pagina_contenido {
    width: 1100px;
}
.container.contenedor_menu {
    width: 1200px;
}
}
.our-studio span{
    margin-bottom: 25px;
}

@media (max-width: 480px){
    .header-two .header{
        padding:5px 0;
    }
    .z-tabs.mobile > ul.z-tabs-nav {
        border-width: 1px 1px 1px 1px;
        background: #91a2c6;
    }
    .z-tabs.mobile > ul.z-tabs-nav > li > .z-link{
        text-align: center;
    }
    

    .z-tabs.mobile > ul.z-tabs-nav > li > a {
            text-align: center;
    }
    .tp-banner-container{
        margin-top: 95px;
    }
    ul.sub li a{
        background: #fff;
    }
    .cd-primary-nav a {
        font-size: 14px !important;
    }
    .telefonoMenu_scroll {
        position: relative;
        float: left;
        padding-top: 10px;
        font-size: 16px;
        color: #486A96;
        border-bottom: none;
        text-align: center;
    }
}
@media (max-width: 768px){
    .header-two .header{
        padding:5px 0;
    }
    .z-tabs.mobile > ul.z-tabs-nav {
        border-width: 1px 1px 1px 1px;
        background: #91a2c6;
    }
    .z-tabs.mobile > ul.z-tabs-nav > li > .z-link{
        text-align: center;
    }
    .tp-banner-container{
        margin-top: 95px;
    }
    ul.sub li a{
        background: #fff;
    }
    .cd-primary-nav a {
        font-size: 15px !important;
    }
}







/* clear'n floats */
ul:after {
  clear: both;
}

ul:before,
ul:after {
    content: " ";
    display: table;
}





/* subs */
ul.sub {
  position: absolute;
  z-index: 200;  
  width: 20%;
  display:none;
}

ul.sub li {
  float: none;
  margin: 0;
  
  
}

ul.sub li a {
  border-bottom: 1px dotted #ccc;
  border-right: none;
  color: #000;
  padding: 15px 30px;
  font-size: 13px;
  width: 100%;
 
  
}

ul.sub li:last-child a {
  border-bottom: none;
  
}

ul.sub li a:hover {
  color: #000;
  background: #eeeeee;
}

/* sub display*/
ul.primary li:hover ul {
  display: block;
  background: #fff;
}

/* keeps the tab background white */
ul.primary li:hover a {
  background: transparent;
  color: #666;
  text-shadow: none;
  
}

ul.primary li:hover > a{
  color: #000;
} 

@media only screen and (max-width: 600px) {
  .decor {
    padding: 3px;
    
  }
  
 
  
   li {
    float: none;
    
  }
  
  ul.primary li:hover a {
    background: none;
    color: #8B8B8B;
    text-shadow: 1px 1px #000;
    
  }

  ul.primary li:hover ul {
    display: block;
    background: #272727;
    color: #fff;
    
  }
  
  ul.sub {
    display: block;  
    position: static;
    box-shadow: none;
    width: 100%;
  }
  
  ul.sub li a {
    background: #fff;
    border: none;
    color: #8B8B8B;
    padding: 5px;
    
  }
  
  ul.sub li a:hover {
    color: #ccc;
    background: none;
  }
}
