/* Bootstrap Centered Colunms Fix */
.container_style{

    background-color:#ffffff;
    width: 100%;
    /*background-color:#f0f0f0;*/

}
/********NAVBAR***********/
.navbar-brand,
.navbar-nav li a {
    line-height: 5.3em;
    height: 5em;
    padding-top: 0;
}
@media (max-width: 767px) {
.opmenu{ text-align: center;

}
.menudesk{ display: none;

}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: white;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #777;
}

}
@media (min-width: 768px) {
.menumov{
    display: none;
}
.navbarmovil{

  margin-bottom: 0px;
}
.navbardesk{
 
  margin-bottom: 0px;
}
.separali{
    margin-right: 20px;
    margin-left: 20px;
}

}
.navbarmovil{

  margin-bottom: 0px;
}
.navbardesk{
 
  margin-bottom: 0px;
}

.rojo:hover{background-color: #be1522;
    border-radius: 0px;
color: white;
}
.navbar-default .navbar-nav>li>a:hover {
    color: white;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: white;
    text-decoration: none;
    background-color: #be1522;
}

/*@media (max-width: 767px) {
  .rojo:hover {background-color: #fff;
color: #e8e3e3;}
.rojo:hover{background-color: #fff;
color: #e8e3e3;
}
}*/

/* centered columns styles */
/*****************************************/
/*****************************************/

.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}
.img-responsive {
    margin: 0 auto;
}

/*****************************************/
a, a:focus, a:hover {
    text-decoration: none;
}
/*****************************************/
body{
    font-family: 'Muli', sans-serif;
}
li{
    list-style-image: url(img/li.png);
}
/****NAVBAR****/
.text-st{
    text-shadow: 1px 1px 3px rgb(0, 0, 0);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.text-st:hover{
    text-decoration: underline !important;
    color: #fff;
    
}
.text-st:focus{
    text-decoration: underline !important;
    color: #fff;
}
@media only screen and (max-width : 1200px) {
    .text-st{
        font-size: 18px;
        font-weight: 600;
    }
}
@media only screen and (max-width : 992px) {
    .text-st{
        font-size: 14px;
        font-weight: 600;
    }
}
@media only screen and (max-width : 768px) {
    .text-st{
        font-size: 15px;
        font-weight: 600;
    }
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 8px 15px;
    margin-top: 9px;
    margin-right: 0px;
    margin-bottom: 8px;
    background-color: #ffffff00;
    background-image: none;
    border: 1px solid #000;
    border-radius: 4px;
}
.glyphicon-menu-hamburger{
    color: #000;
}
.nav>li>a:hover {
    background-color: rgba(255, 255, 255, 0);
}
.navbar-toggle .icon-bar {
    display: block;
    width: 12px;
    height: 4px;
    border-radius: 1px;
    color: #000;
}
.navbar-transparent {
  background-color: rgba(16, 15, 15, 0.26) ;
  padding: 10px;
  border-bottom: 0;
  transition: background-color .35s ease 0s;
  color: darken(white, 15%);
}

.navbar-transparent.opaque {
  background-color:  rgba(16, 15, 15, 0.26) ;
  transition: background-color .35s ease 0s;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.25);
}

@media only screen and (max-width : 992px) {
    .img-size{
        width: 170px;
    }
}

@media only screen and (max-width : 768px) {
    .img-size{
        width: 170px;
    }
}

@media only screen and (max-width : 480px) {
    .img-size{
        width: 40%;
    }
}
/****INDEX****/
.button-ag{
    color: #fff;
    font-size: 16pt;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.button-ag:hover{
    color: #dddddd;
    font-size: 16pt;
    cursor: pointer;
}
.button-ag:focus{
    color: #fff;
    font-size: 16pt;
    cursor: pointer;
}
#con {
    background:#fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0101', endColorstr='#bc1d22', GradientType=0 );
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
   
}
.ag-back {
    min-height: 150px;
    background: url(img/background.png) center no-repeat fixed ;
    width: 100%;
}
.ag-productos {
    width: 100%;
    padding: 0;
    margin: 0;
}
.ro{
    margin-top: 2em;
    margin-bottom: 2em;
}
.ag-h4{
    font-style: italic;
    font-weight: 800;
}
.p-text{
    font-weight: 400;
    font-size: 12pt;
}
.ag-h2{
    font-weight: 800;
}
/*Carrusel*/
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/*FOOTER*/
.footer-line{
padding: 8px 0;
background: -moz-linear-gradient(left, #ffd640 0%, #c6890d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffd640 0%,#c6890d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffd640 0%,#c6890d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd640', endColorstr='#c6890d',GradientType=1 );  
}
.footer-h2{
    color: #fff;
    font-size: 20pt;
    font-weight: 700;
}
.footer-h4{
    color: #fff;
    font-size: 13pt;
    font-weight: 500;
}
.footer-pt{
    color: #fff;
    font-size: 12pt;
    font-weight: 200 ;
    margin-top: 20px;
    margin-bottom: 10px;
}
.footer-p{
    color: #fff;
    font-size: 11pt;
    font-weight: 200 ;
}
.p-footer{
    color: #fff;
    font-size: 9pt;
    font-weight: 200;
}
.black{
    background-color: #000;
}
.hr-bn{
    color: #fff;
}
.ag-pad{
    padding: 3% 0%;
}
/*EMPRESA*/

.p-font{
    font-size: 12pt;
    font-weight: 300;
    color: #2c2c2c;
}
#con2 {
    background:#fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0101', endColorstr='#bc1d22', GradientType=0 );
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
   
}
.ag-back2 {
    min-height: 150px;
    background: url('img/empresaback.jpg') center no-repeat fixed ;
    width: 100%;
    padding: 4% 0;
}
.img-top{
    background: url('img/empresaback1.jpg') center no-repeat fixed ;
}
.textdivider h2 {
	padding-top: 0px;
	color: white;
	font-size: 40px;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
}

.textdivider p {
	color: white;
	font-size: 25px;
}
.section-divider {
    z-index: 999;
    width: 100%;
    display: table;
    max-height: 450px;
    border-bottom: 0px solid #E6EAED;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 30px 50px !important;
    margin-top: 0px;
    background-position: center center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: relative;
    text-align: center;
}
.section-divider p:hover {
color: white;
}
.gray{
    background-color: #f1f1f1;
    padding: 3% 0 5%;
}
.pad{
    padding: 4% 0;
}
.h2-blanco{
    font-weight: 800;
    color: #fff;
}
.p-blanco{
    font-weight: 200;
    color: #fff;
    font-size: 12pt;
}
.h4-blanco{
    font-weight: 600;
    font-style: italic;
    color: #fff;   
}
/*Maquila*/
.img-top2{
    background: url('img/maqilaback.jpg') center no-repeat fixed ;
}
#con3 {
    background:#fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0101', endColorstr='#bc1d22', GradientType=0 );
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
   
}
.ag-back3 {
    min-height: 150px;
    background: url('img/backmakila.jpg') center no-repeat fixed ;
    width: 100%;
    padding: 4% 0;
}
/*Material*/
.img-top3{
    background: url('img/materialback.jpg') center no-repeat fixed ;
}
.ag-ul{
    font-size: 20pt;
    font-weight: 300;
    color: #2c2c2c;
    margin-left: 32%;
    margin-top: 3%;
}
.img-tem{
    margin: 12% 0 0 46%;
}

@media only screen and (max-width : 992px) {
    .ag-ul{
    font-size: 20pt;
    font-weight: 300;
    color: #2c2c2c;
    margin-left: 0%;
    margin-top: 0%;
    text-align: center;
}
    .img-tem{
    margin: 0;
    text-align: center;
}
    .im-gn{
        text-align: center;
    }
}

@media only screen and (max-width : 768px) {
        .ag-ul{
    font-size: 20pt;
    font-weight: 300;
    color: #2c2c2c;
    margin-left: 0%;
    margin-top: 0%;
    text-align: center;
}
    .img-tem{
    margin: 0;
    text-align: center;
}
    .im-gn{
        text-align: center;
    }
}
}

@media only screen and (max-width : 480px) {
        .ag-ul{
    font-size: 20pt;
    font-weight: 300;
    color: #2c2c2c;
    margin-left: 0%;
    margin-top: 0%;
    text-align: center;
}
    .img-tem{
    margin: 0;
    text-align: center;
}
    .im-gn{
        text-align: center;
    }
}
/*Productos*/
.img-top5{
    background: url('img/productosback.jpg') center no-repeat fixed ;
}
.color1{
    padding: 5% 0;
}
.subti{
    font-size: 20pt;
    font-weight: 600;
    color: #2c2c2c;
    font-style: italic;
}
.type{
    font-size: 15pt;
    font-weight: 500;
    color: #2c2c2c;
}
.blanco{
    padding: 3% 0;
}

.titulo{

    text-shadow: 3px 3px 5px black, 6px 6px 5px black, 3px 3px 5px black;
}
.pointer {cursor: pointer;}

.ag-butt{
    padding: 9px 30px;
     border: 1px solid #fff;
    background-color: black;
    color: #fff;
    text-shadow: none;

}
.ag-butt:hover{
    background-color: white;
    color: #333333;
}
.color_blanco{
    color: white;
}
.color_blanco:hover{

}
.alink:hover{
    color:white; 
}
@media  (min-width : 768px) {
     .ulmovil{
    display: none;
}
}
@media  (max-width : 767px) {

       .ulmovil{
    display: block;
}
    .lidesaparece{
    display: none;
}
}

@media  (max-width : 767px) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
        min-height: 100vh !important;
    }
    .button-ag {
        color: #000;
        font-size: 16pt;
        cursor: pointer;
        position: absolute;
        margin-bottom: -44px;
}
    .abajo{display: none}
.footerderecha{
  margin-top: 20px;
    }
        .imgdere{
   text-align: center;
    }

.footerizquierda{
text-align: center;
padding-top: 20px;
    }

}

@media  (min-width : 768px) {
    .imgdere{
   text-align: right;
    }
    .imgiz{
text-align: left;
    }
}