@import url(http://fonts.googleapis.com/css?family=Gruppo);
@import url(http://fonts.googleapis.com/css?family=Archivo+Black);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800);

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   body {padding-top: 150px;}
    .bigHeader{padding-top: 261px;}
   h1{display: block;width: 203px;height: 75px;background-image: url('../img/logo.png');background-repeat: no-repeat;text-indent: -9999px;}
   h2{font-family: 'Gruppo', cursive;text-transform: uppercase;color: #3b4c56;}
    .carousel-caption h2{font-family: 'Archivo Black', sans-serif;color: #fff;font-size: 190%;}
    .center{margin: 0 auto;}
    .attention{font-size:200%;}
    .navbar{padding-top: 20px;padding-bottom: 20px;}
    .navbar-brand{margin-top: 0px;margin-bottom: 0px;padding:0;}
    .jumbotron{margin-bottom: 0px;background-color:#f1f0e8;}
    .jumbotron p{font-family: 'Gruppo', cursive;color: #3b4c56;font-size:100%;}
    .navbar{background-color: white;background-image: none;border: none;}
    .nav{}
    .nav-tabs{border: none;}
    
    .options{
        -moz-animation-delay: 1s;
        -webkit-animation-delay: 1s;
        -ms-animation-delay: 1s;
        -o-animation-delay: 1s;
    }
        
   ul.nav-pills > li > a{border-radius: 0px; width: 130px;height: 116px;margin-right: 4%;padding:20px;}
        #navInicio{text-indent: -9999px; background-image: url(../img/menu.png);}
        #navProductos{text-indent: -9999px; background-image: url(../img/menu.png);background-position: -130px 0px;}
        #navServicios{text-indent: -9999px; background-image: url(../img/menu.png);background-position: -260px 0px;}
        #navNosotros{text-indent: -9999px; background-image: url(../img/menu.png);background-position: -390px 0px;}
        #navContacto{text-indent: -9999px; background-image: url(../img/menu.png);background-position: -520px 0px;}

        #navInicio:hover{text-indent: -9999px; background-image: url(../img/menu.png);background-position: 0px 116px;background-color: transparent;}
        #navProductos:hover{text-indent: -9999px; background-image: url(../img/menu.png);background-position: -130px 116px;background-color: transparent;}
        #navServicios:hover{text-indent: -9999px; background-image: url(../img/menu.png);background-position: -260px 116px;background-color: transparent;}
        #navNosotros:hover{text-indent: -9999px; background-image: url(../img/menu.png);background-position: -390px 116px;background-color: transparent;}
        #navContacto:hover{text-indent: -9999px; background-image: url(../img/menu.png);background-position: -520px 116px;background-color: transparent;}
        
        #navInicio[class="active"]{background-position: 0px 116px;background-color: transparent;}
        #navProductos[class*="active"]{background-position: -130px 116px;background-color: transparent;} 
        #navServicios[class="active"]{background-position: -260px 116px;background-color: transparent;} 
        #navNosotros[class="active"]{background-position: -390px 116px;background-color: transparent;} 
        #navContacto[class="active"]{background-position: -520px 116px;background-color: transparent;}
        



   
  /*.dropdown-menu{-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;background:none;border: none;min-width: 100px;}*/
   
    .fondoPlasticos{background-image: url(../img/plasticos.jpg);}
    #transporte{background-color: #394b57;}
    #transporte h2{color: #FFF;}
    #transporte p {color: #FFF;}
    #foto_nosotros{background-image: url(../img/transporte.jpg);} 

   #ndSection{background-color: #e4e3d9;}
   #proteccion{background-color: #f9f8f2;}
   #consumibles{background-color: #f1f0e8;}
   #ndSection h2{font-family: 'Gruppo', cursive;text-transform: uppercase;color: #394b57;font-size: 200%;}
   #contact{}
   .uppershadow{-moz-box-shadow: 0px -4px 6px #383838;-webkit-box-shadow: 0px -4px 6px #AFA195;box-shadow: 0px -4px 6px #AFA195;z-index:1;position:relative;}
   .bottomshadow{-moz-box-shadow: 0px 2px 5px #000000;
-webkit-box-shadow: 0px 2px 5px #000000;
box-shadow: 0px 2px 5px #000000;z-index:1;position:relative;}
   
   /*google map*/
   .fluid-wrapper {
    position: relative;
    padding-bottom: 25%; /* 16:9 */
    height: 0;
	
}
.fluid-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        border: none;
}

.subMenu{}
.subMenu h2{color: #c2435e;}
.menuProductos li a{display: inline-block;color: #666;}

footer{background-image: url(../img/footer.jpg);min-height: 300px;width: 100%;padding-top: 100px;}

@keyframes circle {
  from {
    border:none 0px #000000;
-moz-border-radius: 0px;
-webkit-radius:0px;
border-radius:0px;
  }

  to {
   border:none 0px #000000;
    -moz-border-radius: 50%;
    -webkit-radius:50%;
    border-radius:50%;
  }
}

@media (min-width: 0px) and (max-width: 320px) {
    h1,h2,h3,h4,p{text-align: center;}
    .jumbotron h2{font-size: 100%}
    #ndSection h2{font-size: 100%;}
    .jumbotron p{font-size: 60%;}
    .attention{font-size:90%;}
    .navbar-brand{margin-top: -30px;margin-bottom: -19px;}    
    .navbar-collapse{padding: 0px;}
    
    #dropdownPrincipal{width: 100%;border-radius: 0px;top: 86%;background-color: transparent;}
    #dropdownPrincipal li{width: 100%;}
    #dropdownPrincipal li a{width: 100%;padding: 15px 0px;text-align: center;background-color: #cc5a71;font-family: 'Gruppo';font-weight: bolder;font-size: 200%;color: white;}
    
    #botonIndustrial{width: 100%;margin-top: 25px;background-image: none;}
    #botonIndustrial h2{text-align: center;}
    .bigHeader{padding-top: 228px;}
    .menuProductos{display: none;}
    ul.nav-pills > li {float: none;} 
    ul.nav-pills > li > a{font-size: 18px; padding-top: 7px;padding-bottom: 7px; width: 100%;height: 30%;margin-right: none;background-image: none; font-family: 'Gruppo';font-weight: bolder;font-size: 200%;text-align: center;border-radius: 0px; color: white;}
        #navInicio{text-indent: 0px;background-image: none;background-color: #e2e1cf;}
        #navProductos{text-indent: 0px;background-image: none;background-color: #c2435e;}
        #navServicios{text-indent: 0px;background-image: none;background-color: #c6cfbc;}
        #navNosotros{text-indent: 0px;background-image: none;background-color: #666;}
        #navContacto{text-indent: 0px;background-image: none;background-color: #ece8bb;}

        #navInicio:hover{text-indent: 0px;background-image: none;background-color: #e2e1cf;}
        #navProductos:hover{text-indent: 0px;background-image: none;background-color: #c2435e;}
        #navServicios:hover{text-indent: 0px;background-image: none;background-color: #c6cfbc;}
        #navNosotros:hover{text-indent: 0px;background-image: none;background-color: #666;}
        #navContacto:hover{text-indent: 0px;background-image: none;background-color: #ece8bb;}
    
        #navInicio[class="active"]{text-indent: 0px;background-image: none;background-color: #e2e1cf;}
        #navProductos[class*="active"]{text-indent: 0px;background-image: none;background-color: #c2435e;}
        #navServicios[class="active"]{text-indent: 0px;background-image: none;background-color: #c6cfbc;}
        #navNosotros[class="active"]{text-indent: 0px;background-image: none;background-color: #666;}
        #navContacto[class="active"]{text-indent: 0px;background-image: none;background-color: #ece8bb;}
    
    /*google map*/
   .fluid-wrapper {
    position: relative;
    padding-bottom: 90%; /* 16:9 */
    height: 0;
	
}
.fluid-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        border: none;
}
        

}
@media (min-width: 321px) and (max-width: 599px) {
    h1,h2,h3,h4,p{text-align: center;}
    .jumbotron p{font-size: 60%;}
    .attention{font-size:90%};
    .navbar-brand{margin-top: -30px;margin-bottom: -25px;}    
    .navbar-collapse{padding: 0px;}
    .menuProductos{display: none;}
    #botonIndustrial{width: 100%;margin-top: 25px;background-image: none;}
    #botonIndustrial h2{text-align: center;}
    .bigHeader{padding-top: 228px;}
    
    #dropdownPrincipal{width: 100%;border-radius: 0px;top: 86%;background-color: transparent;}
    #dropdownPrincipal li{width: 100%;}
    #dropdownPrincipal li a{width: 100%;padding: 15px 0px;text-align: center;background-color: #cc5a71;font-family: 'Gruppo';font-weight: bolder;font-size: 200%;color: white;}
    
    ul.nav-pills > li {float: none;} 
    ul.nav-pills > li > a{font-size: 18px; padding-top: 7px;padding-bottom: 7px; width: 100%;height: 30%;margin-right: none;background-image: none; font-family: 'Gruppo';font-weight: bolder;font-size: 200%;text-align: center;border-radius: 0px; color: white;}
        #navInicio{text-indent: 0px;background-image: none;background-color: #e2e1cf;}
        #navProductos{text-indent: 0px;background-image: none;background-color: #c2435e;}
        #navServicios{text-indent: 0px;background-image: none;background-color: #c6cfbc;}
        #navNosotros{text-indent: 0px;background-image: none;background-color: #666;}
        #navContacto{text-indent: 0px;background-image: none;background-color: #ece8bb;}

        #navInicio:hover{text-indent: 0px;background-image: none;background-color: #e2e1cf;}
        #navProductos:hover{text-indent: 0px;background-image: none;background-color: #c2435e;}
        #navServicios:hover{text-indent: 0px;background-image: none;background-color: #c6cfbc;}
        #navNosotros:hover{text-indent: 0px;background-image: none;background-color: #666;}
        #navContacto:hover{text-indent: 0px;background-image: none;background-color: #ece8bb;}
    
        #navInicio[class="active"]{text-indent: 0px;background-image: none;background-color: #e2e1cf;}
        #navProductos[class*="active"]{text-indent: 0px;background-image: none;background-color: #c2435e;}
        #navServicios[class="active"]{text-indent: 0px;background-image: none;background-color: #c6cfbc;}
        #navNosotros[class="active"]{text-indent: 0px;background-image: none;background-color: #666;}
        #navContacto[class="active"]{text-indent: 0px;background-image: none;background-color: #ece8bb;}
    
    
    
         
}

@media (min-width: 600px) and (max-width: 767px) {
    h1,h2,h3,h4,p{text-align: center;}
    .attention{font-size:90%};
    .navbar-brand{margin-top: -30px;margin-bottom: -25px;}    
    .navbar-collapse{padding: 0px;}  
    #botonIndustrial{width: 100%;margin-top: 25px;background-image: none;}
    #botonIndustrial h2{text-align: center;}
    .bigHeader{padding-top: 228px;}
    
    #dropdownPrincipal{width: 100%;border-radius: 0px;top: 86%;background-color: transparent;}
    #dropdownPrincipal li{width: 100%;}
    #dropdownPrincipal li a{width: 100%;padding: 15px 0px;text-align: center;background-color: #cc5a71;font-family: 'Gruppo';font-weight: bolder;font-size: 200%;color: white;}
    
    .menuProductos{display: none;}
    ul.nav-pills > li {float: none;} 
    ul.nav-pills > li > a{font-size: 18px; padding-top: 7px;padding-bottom: 7px; width: 100%;height: 30%;margin-right: none;background-image: none; font-family: 'Gruppo';font-weight: bolder;font-size: 200%;text-align: center;border-radius: 0px; color: white;}
        #navInicio{text-indent: 0px;background-image: none;background-color: #e2e1cf;}
        #navProductos{text-indent: 0px;background-image: none;background-color: #c2435e;}
        #navServicios{text-indent: 0px;background-image: none;background-color: #c6cfbc;}
        #navNosotros{text-indent: 0px;background-image: none;background-color: #666;}
        #navContacto{text-indent: 0px;background-image: none;background-color: #ece8bb;}

        #navInicio:hover{text-indent: 0px;background-image: none;background-color: #e2e1cf;}
        #navProductos:hover{text-indent: 0px;background-image: none;background-color: #c2435e;}
        #navServicios:hover{text-indent: 0px;background-image: none;background-color: #c6cfbc;}
        #navNosotros:hover{text-indent: 0px;background-image: none;background-color: #666;}
        #navContacto:hover{text-indent: 0px;background-image: none;background-color: #ece8bb;}
    
        #navInicio[class="active"]{text-indent: 0px;background-image: none;background-color: #e2e1cf;}
        #navProductos[class*="active"]{text-indent: 0px;background-image: none;background-color: #c2435e;}
        #navServicios[class="active"]{text-indent: 0px;background-image: none;background-color: #c6cfbc;}
        #navNosotros[class="active"]{text-indent: 0px;background-image: none;background-color: #666;}
        #navContacto[class="active"]{text-indent: 0px;background-image: none;background-color: #ece8bb;}
    
         
}
@media (min-width: 768px) and (max-width: 1023px) {
    .navbar-right .dropdown-menu{right: -35px !important;}
    
    ul.nav-pills > li > a{border-radius: 0px; width: 78px;height: 69px;margin-right: 4%;padding:20px;}
        #navInicio{text-indent: -9999px; background-image: url(../img/menu_responsive.png);}
        #navProductos{text-indent: -9999px; background-image: url(../img/menu_responsive.png);background-position: -78px 0px;}
        #navServicios{text-indent: -9999px; background-image: url(../img/menu_responsive.png);background-position: -156px 0px;}
        #navNosotros{text-indent: -9999px; background-image: url(../img/menu_responsive.png);background-position: -234px 0px;}
        #navContacto{text-indent: -9999px; background-image: url(../img/menu_responsive.png);background-position: -312px 0px;}

        #navInicio:hover{text-indent: -9999px; background-image: url(../img/menu_responsive.png);background-position: 0px 69px;background-color: transparent;}
        #navProductos:hover{text-indent: -9999px; background-image: url(../img/menu_responsive.png);background-position: -78px 69px;background-color: transparent;}
        #navServicios:hover{text-indent: -9999px; background-image: url(../img/menu_responsive.png);background-position: -156px 69px;background-color: transparent;}
        #navNosotros:hover{text-indent: -9999px; background-image: url(../img/menu_responsive.png);background-position: -234px 69px;background-color: transparent;}
        #navContacto:hover{text-indent: -9999px; background-image: url(../img/menu_responsive.png);background-position: -312px 69px;background-color: transparent;}
        
        #navInicio[class="active"]{background-position: 0px 69px;background-color: transparent;}
        #navProductos[class*="active"]{background-position: -78px 69px;background-color: transparent;} 
        #navServicios[class="active"]{background-position: -156px 69px;background-color: transparent;} 
        #navNosotros[class="active"]{background-position: -234px 69px;background-color: transparent;} 
        #navContacto[class="active"]{background-position: -312px 69px;background-color: transparent;}
}
@media (min-width: 800px) and (max-width: 1199px) {}

@media (max-width: 767px) and (orientation: landscape) {
    body{padding-top: 96px;}
    .navbar-brand{margin-top: -30px;margin-bottom: -19px;}
    #botonIndustrial{margin-top: 9px}
    #botonIndustrial h2{text-align: center;margin-top: 5px;margin-bottom: 5px;}
    .bigHeader{padding-top: 150px;}
}
@media (max-width: 768px) and (orientation: portrait) {
    h1,h2,h3,h4,p{text-align: center;}
    body{padding-top: 106px;}
    .navbar-brand{margin-top: -20px;margin-bottom: -19px;}
}

@media (min-width: 768px){
    .navbar-right .dropdown-menu{right: -10px;}
    .dropdown-menu{background: none;border: none;border-radius: none;box-shadow: none;}    
    #dropdownPrincipal li a {background-color: #c2435e;border-radius: 100px;width: 100px;height: 100px;padding:40px 0 0 0;margin: 0 auto 25px;color: #FFF;font-family: 'Gruppo';font-weight: bolder;font-size: 115%;text-align: center;-moz-box-shadow: 0px 0px 5px #000000;-webkit-box-shadow: 0px 0px 5px #000000;box-shadow: 0px 0px 3px #777;}
        
    #caretOculto{display: none;}
    #botonIndustrial{border: 0px;background: none;box-shadow: none;background-image: none;pointer-events: none;cursor: default;}


}