.a_menu{
    color: #fff !important;
    padding: 14px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    font-weight: 900 !important;
}

.logo-menu{
    position: absolute;
    left: 0px;
    top: 0px;
    color: #fff;
    padding: 10px;
    font-size: 18px;
    z-index:20000;
}

.imagen-logo-menu{
    max-width: 70px;
    margin-top: 8px;
    margin-bottom: -150px;
    border: 3px solid #00C5D8;
}

.carousel-fullscreen .carousel-inner .item {
    height: 100vh; 
    min-height: 600px; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover;
}

/* carousel fullscreen - vertically centered caption*/

.carousel-fullscreen .carousel-caption {
    top: 50%;  
    bottom: auto;
    -webkit-transform: translate(0, -50%); 
    -ms-transform: translate(0, -50%); 
    transform: translate(0, -50%);
}

/* overlay for better readibility of the caption  */

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    transition: all 0.1s ease-out;
}

/* demo typography */

.super-heading { font-size: 70px; }
.super-paragraph { font-size: 30px; font-weight: 300; }

.carousel-caption .super-paragraph a,
.carousel-caption .super-paragraph a:hover
{
    color: #fff;
}

#carousel-example-generic { margin: 0px; margin-top: -48px; }

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control { z-index: 2; }

.demo-content {padding-top: 50px; padding-bottom: 50px; }

.fl-fl {
	right: -2px;
	background: #00C5D8;
	position: fixed;
	z-index: 200;
	border: solid 2px #fff;
}

.fa-social {
  font-size: 28px;
  color: #fff;
  padding: 10px 0;
  width: 40px;
  margin-left: 8px;
}

.fl-fl a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
}

.fl-fl a i{
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.float-fb {
  top: 60px;
}

.float-ig {
  top: 120px;
}

.float-wp {
  top: 180px;
}

.float-rs {
  top: 325px;
}

.float-pn {
  top: 435px;
}

.li-fondo{
    background: #00B6BF;
    padding: 2px;
    padding-left: 16px;
    padding-right: 16px;
    margin: 10px;
}

.li-fondo a{
    color: #fff;
    text-shadow: 1px 1px 1px #333;
}

.li-fondo i{
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    padding: 5px;
}

h3.title{
    text-align: center;
}

.m-a-0{ margin: 0px !important; }
.m-a-1{ margin: 10px !important; }
.m-a-2{ margin: 20px !important; }
.m-a-3{ margin: 30px !important; }
.m-a-4{ margin: 40px !important; }
.m-a-5{ margin: 50px !important; }

.m-b-0{ margin-bottom: 0px !important; }
.m-b-1{ margin-bottom: 10px !important; }
.m-b-2{ margin-bottom: 20px !important; }
.m-b-3{ margin-bottom: 30px !important; }
.m-b-4{ margin-bottom: 40px !important; }

.p-a-0{ padding: 0px !important; }
.p-a-1{ padding: 10px !important; }
.p-a-2{ padding: 20px !important; }

.p-b-0{ padding-bottom: 0px !important; }

.p-x-35{ padding-left: 35px; padding-right: 35px; }

.fz-10{ font-size: 10px; }
.fz-11{ font-size: 11px; }
.fz-12{ font-size: 12px; }
.fz-13{ font-size: 13px; }
.fz-14{ font-size: 14px; }
.fz-15{ font-size: 15px; }
.fz-16{ font-size: 16px; }
.fz-17{ font-size: 17px; }
.fz-18{ font-size: 18px; }
.fz-19{ font-size: 19px; }
.fz-20{ font-size: 20px; }
.fz-21{ font-size: 21px; }
.fz-22{ font-size: 22px; }
.fz-23{ font-size: 23px; }
.fz-24{ font-size: 24px; }
.fz-25{ font-size: 25px; }
.fz-26{ font-size: 26px; }
.fz-27{ font-size: 27px; }
.fz-28{ font-size: 28px; }
.fz-29{ font-size: 29px; }
.fz-30{ font-size: 30px; }

.w60{ width: 60% !important; }
.w70{ width: 70% !important; }
.w80{ width: 80% !important; }
.w90{ width: 90% !important; }
.w100{ width: 100% !important; }

.video-frame a img, .galeria_de_fotos div img, .imagen_seccion_servicio{
    border: #003569 solid 8px !important;
    border-radius: 4px;
    padding: 4px;
}

.navbar-style{
    background-color: #00C5D8;
    position:fixed;
    z-index:19000;
    top:0px;
    border-bottom: solid 2px #fff;
}

.just{
    text-align: justify;
}

.justify{
    text-align: justify;
    margin-left: 8%;
    margin-right: 8%;
}

.foto-per{
    width: 160px !important;
    border: #fff solid 4px;
}

div.modal{
    margin-top: 50px;
}

h3.title span{
    text-align: center;
    padding:1.2vw;
    font-size:5.5vw;
}
.paragraph{
    font-size:5vw;
}
.paragraph_s{
    font-size:4vw;
}

#PI_, #HI_, #AI_, #PD_, #HD_, #AD_{
    z-index:100;
}

#PI_, #HI_, #AI_{
    float: left;
    left: 0px;
}

#PD_, #HD_, #AD_{
    float: right;
    right: 0px;
}

#PI_, #PD_{
    position: absolute;
    display: block;
    top: 250px;
}

#PD_{
    right: 81px;
}

.ecores-text{
    color: #e8e8e8;
    text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}

.TablasdeMadera{
    background-image: url('../Imagenes/TablasdeMadera.jpg');
    background-repeat: repeat;
    background-position: initial;
}

/*
.img-parallax{
    display: none;
}*/

.container{
    padding-left: 30px !important;
    padding-right: 30px !important;
}

@media screen and (min-width: 360px) {
    h3.title span{ font-size:4.4vw; }
    .paragraph{ font-size:4.4vw; }
    .paragraph_s{ font-size:4.2vw; }

    .container{
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
}

@media screen and (min-width: 480px) {
    h3.title span{ font-size:4.4vw; }
    .paragraph{ font-size:4vw; }
    .paragraph_s{ font-size:4.2vw; }
    .li-fondo a{ text-shadow: 2px 2px 2px #333; }
    .li-fondo i{ text-shadow: 2px 2px 2px #333; }
    .justify{ margin-left: 10%; margin-right: 10%; }

    .container{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

@media screen and (min-width: 620px) {
    h3.title span{ font-size:4vw; padding:1vw;}
    .paragraph{ font-size:3.2vw; }
    .paragraph_s{ font-size:3vw; }
    .li-fondo a{ text-shadow: 2px 2px 2px #333; }
    .li-fondo i{ text-shadow: 2px 2px 2px #333; }
    .justify{ margin-left: 8%; margin-right: 8%; }

    .container{
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
}

@media screen and (min-width: 768px) {
    h3.title span{ font-size:2.6vw; }
    .paragraph{ font-size:2.2vw; }
    .paragraph_s{ font-size:2.2vw; }
    #PD_{ right: 161px; }
    .justify{ margin-left: 0px; margin-right: 0px; }

    .container{
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}

@media screen and (min-width: 992px) {
    h3.title span{ font-size:2vw; padding:0.8vw; }
    .paragraph{ font-size:1.8vw; }
    .paragraph_s{ font-size:2.4vw; }
    #PD_{ right: 242px; }

    .imagen-logo-menu{
        max-width: 100px;
    }

    .container{
        padding-left: 55px !important;
        padding-right: 55px !important;
    }

    .TablasdeMadera{
        background-repeat: repeat-x;				
        background-position: center;
    }

}

@media screen and (min-width: 1024px) {
    h3.title span{ font-size:1.7vw; padding:0.6vw; }
    .paragraph{ font-size:1.5vw; }
    .paragraph_s{ font-size:1.9vw; }

    .container{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media screen and (min-width: 1200px) {
    h3.title span{ font-size:1.2vw; }
    .paragraph{ font-size:1.2vw; }
    .paragraph_s{ font-size:1.4vw; }
    #PD_{ right: 322px; }
    
    imagen-logo-menu{
        max-width: 140px;
    }

    .ecores-text{
        color: #8c8c8c;
        text-shadow: none;
    }



    .img-parallax{
        display: block;
    }

    .container{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}

/*
@media screen and (min-width: 1360px) {
    h3.title span{ font-size:1.8vw; }
    .paragraph{ font-size:1.4vw; }
    .paragraph_s{ font-size:2vw; }
    #PD_{ right: 322px; }
}*/

.bg_white{
    background: #fff;
}

h3.title span.bg_white{
    border: 3px solid #00C5D8;
    color: #00C5D8;
}

h3.title span.bg_solid{
    background-color: #00C5D8;
    color: #fff;
}

h3.title span.bg_blue{
    border: 3px solid #fff;
    color: #fff;
}

.owl-carousel-servicios div{
    background: #fff;
}
.owl-carousel-servicios div img{
    padding: 10px;
}



/*
.crop{
    float:left;
    margin:.5em 10px .5em 0;
    overflow:hidden;
}
.crop img{
    margin:-15px -15px -60px -15px;
}
*/



.owl-carousel-servicios div h3{
    text-align: center;
    margin: 10px;
}
.owl-carousel-servicios div h3 span{
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    padding: 8px;
    color: #00B6BF;
}

.background00C5D8{
    background-color: #00C5D8;
}

.logo_plataforma{
    padding:8px;
    color:#00C5D8;
    text-align:center;
}

.img_center{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.img_icon_circle{
    max-width: 108px;
    max-height: 113px;
}

.Sapzurro_Cabezote1{ background-image: url('../Imagenes/Sapzurro_Cabezote1_.jpg') !important; }
.Sapzurro_Cabezote2{ background-image: url('../Imagenes/Sapzurro_Cabezote2_.jpg') !important; }
.Sapzurro_Cabezote3{ background-image: url('../Imagenes/Sapzurro_Cabezote3_.jpg') !important; }
.Sapzurro_Cabezote4{ background-image: url('../Imagenes/Sapzurro_Cabezote4_.jpg') !important; }
.Sapzurro_Cabezote5{ background-image: url('../Imagenes/Sapzurro_Cabezote5_.jpg') !important; }

#ecoresponsable{
    background-image: url('../Imagenes/ecoC_.jpg') !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* imagenes responsivas */
@media screen and (min-width: 700px) {

    .Sapzurro_Cabezote1{ background-image: url('../Imagenes/Sapzurro_Cabezote1.jpg') !important; }
    .Sapzurro_Cabezote2{ background-image: url('../Imagenes/Sapzurro_Cabezote2.jpg') !important; }
    .Sapzurro_Cabezote3{ background-image: url('../Imagenes/Sapzurro_Cabezote3.jpg') !important; }
    .Sapzurro_Cabezote4{ background-image: url('../Imagenes/Sapzurro_Cabezote4.jpg') !important; }
    .Sapzurro_Cabezote5{ background-image: url('../Imagenes/Sapzurro_Cabezote5.jpg') !important; }

    #ecoresponsable{
        background-image: url('../Imagenes/ecoR.jpg'), url('../Imagenes/ecoL.jpg'), url('../Imagenes/ecoC.jpg') !important;
        background-position: right, left, center !important;
        background-repeat: no-repeat, no-repeat, repeat-x !important;
        background-size: contain, contain, contain !important;
    }

}

div.tarjetas div img{
    border: #fff solid 6px;
}

div.tarjetas div h3.instant-h3{
    text-align: center;
    background: #fff;
    color: #00B6BF;
    margin: 0px !important;
    padding-bottom: 10px;
    font-size: 16px;
}