
*{font-family: 'Roboto', sans-serif; }

.entrada-blog{
    margin-bottom: 20px;
}

.img-blog{
    margin-bottom: 10px;
}

.img-blog-detail{
    margin-bottom: 30px;
    width: 100%;
}

/*.contenedor-blog-detalle{
    display: block;
    margin: 0 auto !important;
    float: none;
}*/

.contenedor-blog-detalle{
    margin: 0 auto !important;
    float: left;
}

.contenido-blog{
    margin-bottom: 60px;
}

.navbar-findcond { 
	background: #fff;  
	height: 138px;
	opacity: 0.9;
	 }


/*.navbar-findcond2 { 
    background: #fff;  
    height: 100px;
    opacity: 1;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
     }

.navbar-findcond2 .container { 
    margin-top: 30px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
     }

.navbar-findcond2 .navbar-header { 
    margin-top: -43px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
     }

.navbar-findcond2 .navbar-brand img { 
    width: 68%;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
     }*/

nav.navbar-findcond a { 
	color: black; 
	font-size: 15px;
	text-transform: uppercase;
	padding: 5px 31px 5px 31px;
}

nav.navbar-findcond ul.navbar-nav a { 
	color: black; 
	border-style: solid; 
	border-width: 0 0 2px 0; 
	border-color: #fff; 
}
nav.navbar-findcond ul.navbar-nav a:hover,
nav.navbar-findcond ul.navbar-nav a:visited,
nav.navbar-findcond ul.navbar-nav a:focus,
nav.navbar-findcond ul.navbar-nav a:active { 
	background: #fff; 
}
nav.navbar-findcond ul.navbar-nav a:hover { 
	border-color: #71b0a0; 
}
nav.navbar-findcond li.divider { 
	background: #ccc; 
}
nav.navbar-findcond button.navbar-toggle { 
	background: #71b0a0; 
	border-radius: 2px; 
}
nav.navbar-findcond button.navbar-toggle:hover { 
	background: #999; 
}
nav.navbar-findcond button.navbar-toggle > span.icon-bar { 
	background: #fff; 
}
nav.navbar-findcond ul.dropdown-menu { 
	border: 0; 
	background: #fff; 
	border-radius: 4px;
	margin: 4px 0; 
	box-shadow: 0 0 4px 0 #ccc; 
}
nav.navbar-findcond ul.dropdown-menu > li > a { 
	color: #444; 
}
nav.navbar-findcond ul.dropdown-menu > li > a:hover { 
	background: #71b0a0; 
	color: #fff; 
}
nav.navbar-findcond span.badge {
	background: #f14444; 
	font-weight: normal;
	 font-size: 11px; 
	 margin: 0 4px; }
nav.navbar-findcond span.badge.new { 
	background: rgba(255, 0, 0, 0.8); 
	color: #fff; 
}
.base-menu{
	vertical-align: middle;
	margin-top: 88px;
}


.navbar-header{
	margin-top: -93px;
}

.idioma{
	color: #71b0a0 !important;
	font-weight: 700;
}

.navbar-toggle{
	margin-top: 50px;

}

.fade-carousel {
    position: relative;
    height: 100vh;
}
.fade-carousel .carousel-inner .item {
    height: 100vh;
}

.fade-carousel .carousel-inner .item2 {
    height: 100vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

#bs-carousel{
    -webkit-transition:all 1.0s;
  -moz-transition:all 1.0s;
  -o-transition:all 1.0s;
  transition:all 1.0s;
}
/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 13%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 2px 2px 3px black;
}
.hero h1 {
    font-size: 50px;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.hero2 {
    position: absolute;
    top: 42%;
    left: 13%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 2px 2px 3px black;
}
.hero2 h1 {
    font-size: 50px;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}


/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .3;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-6 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.fade-carousel .slides .slide-4{
  height: 50vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.fade-carousel .slides .slide-5 {
  height: 60vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(../images/banner1.jpg); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(../images/banner4.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../images/banner5.jpg);
}

.fade-carousel .slides .slide-4 {
  background-image: url(../images/banner2.jpg); 
}

.fade-carousel .slides .slide-5 {
  background-image: url(../images/banner3.jpg); 
}
.fade-carousel .slides .slide-6 {
  background-image: url(../images/banner6.jpg); 
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}

.base-empresa{
	padding-top: 50px;
	padding-bottom: 70px;
}

.titu-le{
	font-weight: 700;
	text-transform: uppercase;
	color: #71b0a0;
	font-size: 19px;
    padding: 0px 10px 0px 10px;
    margin-top: 0px;
}

.title-blog{
    font-weight: 700;
    text-transform: uppercase;
    color: #71b0a0;
    font-size: 19px;
    padding: 0px 10px 0px 0px;
    margin-top: 0px;
}

.text-le{
	color: #424341;
	font-size: 14px;
	padding: 0px 10px 0px 10px;
}

.button-le{
	background-color: #c8c8c8;
	text-transform: uppercase;
	font-size: 16px;
	padding:10px;
}

.button-le a{
	color: white;
}

.button-le a:hover{
	text-decoration: none;
}

.img-le{
	max-width: 92%;
}

.base-parallax{
	margin-top: 50px;
}

.parallax { 
    /* The image used */
    background-image: url("../images/parallax.png");

    /* Set a specific height */
    height: 235px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.titu-parallax{
	font-weight: 700;
	color: white;
	padding-top: 44px;
    font-size: 44px;
}

.text-parallax{
	color: white;
	padding: 0px 150px 0px 150px;
    font-size: 17px;
}

.titu-np{
	color: #71b0a0;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 700;
	padding-top: 50px;
}

.text-np{
	color: #ababab;
	font-size: 15px;
	margin-top: -3px;
    padding-bottom: 25px;

}

.titu-producto{
	color: #373737;
	font-size: 15px;
	text-transform: uppercase;
}

.titu-producto:hover{
	text-decoration: none;
	color: #71b0a0;
}


.titu-producto img{
	padding: 10px;
	width: 25%;
}

.base-productos{
	padding: 10px;
}

.titu-parallax2{
	font-weight: 400;
	color: white;
	padding-top: 4px;
    font-size: 34px;
}

.parallax2 img{
	margin-top: 28px;
}

.parallax2 { 
    /* The image used */
    background-image: url("../images/valores.jpg");

    /* Set a specific height */
    height: 235px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax3 { 
    /* The image used */
    background-image: url("../images/misionvision.jpg");

    /* Set a specific height */
    height: 235px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax4 { 
    /* The image used */
    background-image: url("../images/mercados.jpg");

    /* Set a specific height */
    height: 235px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contacto{
	background-color: #eaeaea;
}
.base-contacto{
	padding-top: 50px
}
.titu-contacto{
	font size: 25px;
	font-weight: 700;
	color: #1e8369;
	margin-top: 0px !important;
	margin-bottom: 10px !important;
}

.footer{
	height: 128px;
	background-color: #71b0a0;
}

.text-footer{
	color: white;
	font-size: 13px;
	padding-top: 25px;
}

.btn-contacto{
	background-color: transparent;
	padding: 10px;
	color: white;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	border:2px solid white;
	border-radius: 0px !important;
	width: 238px;
}

.btn-contacto:hover{
	color: white;
	text-decoration: none;
}

.base-contacto img{
	padding-bottom: 50px;
}

.copyright{
	height: 79px;
}

.copyright a{
    color: #71b0a0;
}

.base-cp{
	padding: 15px;
	vertical-align: middle;
}

.text-cp{
	margin-top: 10px;
	color: #71b0a0;
	font-size: 12px;
}

.base-le{
    margin-top: -450px;
}

.titulo-01{
    font-size: 22px;
    color: #71b0a0;
    font-weight: 900;
    margin-top: 0px;
    text-transform: uppercase;
}

.titu-parallax{
    font-weight: 700;
    color: white;
    padding-top: 44px;
    font-size: 34px;
}

.text-parallax{
    color: white;
    padding: 0px 150px 0px 150px;
    font-size: 15px;
}


.base-valores{
    margin-top: 50px;
}

.lista-valores{
    padding-left: 10px;
}

.lista-valores li{
    padding-bottom: 15px;
}

.list-paises{
    color: white;
    font-weight: 900;
    padding: 10px;
}

.titu-parallax3{
    font-weight: 900;
    color: white;
    padding-top: 50px;
    font-size: 34px;
}

.base-rse{
    margin-top: -400px;
}

.btn-rse{
    background-color: #71b0a0;
    width: 100%;
    height: 54px;
    border-radius: 0px;
}
.rse-bullets ul{
    padding-left: 20px;
    padding-bottom: 50px;
    padding-top: 20px;
}

.rse-bullets li{
    padding-bottom: 20px;
}

.base-informe{
    margin-top: 30px;
    padding-bottom: 50px;
}

.base-informe a button{
    color: white;
    font-size: 16px;
    padding: 10px;
}

.base-informe a button:hover{
    color: white;
    text-decoration: none;
}

.img-rse{
    padding-left: 10px; 
}

.img-productos{
    width: 7% !important;

}

.base-product{
    margin-top: -450px;
}

.titulo-pin{
    background-color: #71b0a0;
    color: white;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 10px 0px 10px 0px;
}

.titulo-pin2{
    background-color: black;
    color: white;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 10px 0px 10px 0px;
}


.lista-productos{
    list-style: none;
    color: #282828;
    text-transform: uppercase;
    font-size: 13px;
    padding-left: 0px;
}

.lista-productos li{
    padding-top: 6px;
}

.lista-productos li a{
    color: #282828;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
}

.lista-productos li a:hover{
    text-decoration: none;
}

.other{
    margin-top: -9px;
}

.base-product2{
    margin-top: 22px;
}

.titu-vermas{
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 25px;
    font-weight: 700;

}

.list-vermas{
    list-style: none; 
}

.list-vermas li{
    padding-bottom: 8px;
}

.subtitu-vm{
    color: #71b0a0;
    font-weight: 700;
    font-size: 16px; 
}
.text-vm{
    font-size: 15px;
    padding-top: 25px;
}

.cuadro{
    background-color: #71b0a0;
    padding: 10px 0px 10px 0px;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
}

table{
    border: 1px solid #71b0a0;

}



th{
    text-align: center;
    padding: 10px 0px 10px 0px;
    color: #71b0a0;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid #71b0a0;
}

td {
    padding: 5px 0px 5px 0px;
    border-left: 1px solid #71b0a0;
}

.btn-enviar{
    width: 100%;
    background-color: #71b0a0;
    color: white;
    font-size: 18px;
}

.modal-footer{
    border-top: 0px !important;
}

.titu-c{
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #71b0a0;
    font-weight: 900;
}

.oficina{
    margin-top: 23px;
}

.img-product{
    height: 50%;
}

.navbar-right{
    margin-top: -8px;
}

.navbar-brand>img{
    padding-top: 5px;
}


@media (max-width: 1190px){


}

@media (max-width: 992px){
	
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    nav.navbar-findcond a { 
	padding: 10px 16px;}

	.navbar-nav {
    margin: 19.5px -15px;
    text-align: center;}
    
    .base-productos{
        padding: 8px;
    }

    .titu-producto{
        font-size: 13px;
    }

    .navbar-right{
        background-color: #fff;
        opacity: 0.95;
    }

    .parallax3 p{
        padding: 0px;
    }
    .hero2{
        top: 35%;
        left: 3%;
    }
    .base-product{
        text-align: center !important;
    }

    .base-product2{
        text-align: center !important;
    }

    


}

@media (max-width: 763px){
    .base-productos{
        padding-left: 25%;
    }
    .ofic-v{
        text-align: center;
    }

    .ofic-v img{
        margin-left: 32%;
        padding-bottom: 0px;
    }

    .oficina{
        padding: 15px;
        text-align: center;
    }

    .text-cp{
        text-align: center !important;
    }
    .text-right{
        text-align: center !important;
    }

    .titulo-01{
        padding-top: 15px;
    }

    .parallax3 {
        height: 300px;
    }

    .parallax3 h1{
        padding-top: 25px;
    }

    .parallax4{
        height: 270px;
    }
    .base-rse p{
        padding: 10px;

    }
    .hero{
        top: 43%;
        left: 0%;
        font-size: 8px;
    }


    }



@media (max-width: 450px){
    .base-productos{
        padding-left: 10%;
    }
    .ofic-v{
        text-align: center;
    }

    .ofic-v img{
        margin-left: 6%;
        padding-bottom: 0px;
    }

    .oficina{
        padding: 8px;
        text-align: center;
    }

    .text-cp{
        text-align: center !important;
    }
    .text-right{
        text-align: center !important;
    }

    .text-parallax{
        padding: 0px;
    }

    .titu-parallax{
        padding-top: 50px;
    }

    .titu-parallax2{
        padding-top: 0px;
        font-size: 25px;
    }

    .base-empresa{
        padding-bottom: 0px;
    }

    .titu-le{
        padding-top: 20px;
    }
    .title-blog{
        padding-top: 20px;
    }

    .hero2{
        top: 33%;
        left: 0%;
    }

    .hero2 h1{
        font-size: 38px;
    }

    .img-productos{
        width: 17% !important;
    }

    .parallax {
    height: 350px;
    }

    .parallax2 {
    height: 270px;
    }

    .parallax3 {
    height: 400px;
    }

    .parallax4 {
    height: 420px;
    }

    .navbar-fixed-top{
        position: relative !important;

    }
}

@media (max-width: 320px){
    .base-productos{
        padding-left: 10%;
    }
    .ofic-v{
        text-align: center;
    }

    .ofic-v img{
        margin-left: 0%;
        padding-bottom: 0px;
    }

    .oficina{
        padding: 8px;
        text-align: center;
    }

    .text-cp{
        text-align: center !important;
    }
    .text-right{
        text-align: center !important;
    }

    .text-parallax{
        padding: 0px;
    }

    .titu-parallax{
        padding-top: 19px;
    }

    .titu-parallax2{
        padding-top: 0px;
        font-size: 25px;
    }

    .base-empresa{
        padding-bottom: 0px;
    }

    .titu-le{
        padding-top: 20px;
    }
    .title-blog{
        padding-top: 20px;
    }

    .hero{
        top: 30%;
    }

    .hero2{
        top: 25%;
        left: 0%;
    }

    .hero2 h1{
        font-size: 28px;
    }

    .img-productos{
        width: 17% !important;
    }

    .parallax{
        height: 357px;
    }

    .parallax2{
        height: 268px;
    }

    .parallax3 {
    height: 440px;
    }

    .parallax4 {
    height: 600px;
    }

    .navbar-fixed-top{
        position: relative !important;
    }

    .navbar-brand img{
        width: 75%;
        margin-top: -71px;
    }
    .base-rse {
    margin-top: -153px;
}
}