@font-face {
  font-family: 'ApexNew-Book';
  src: url('../fonts/ApexNew-Book.eot');
  src: url('../fonts/ApexNew-Book.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ApexNew-Book.woff') format('woff'),
    url('../fonts/ApexNew-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ApexNew-Light';
  src: url('../fonts/ApexNew-Light.eot');
  src: url('../fonts/ApexNew-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ApexNew-Light.woff') format('woff'),
    url('../fonts/ApexNew-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'ApexNew-Medium';
  src: url('../fonts/ApexNew-Medium.eot');
  src: url('../fonts/ApexNew-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ApexNew-Medium.woff') format('woff'),
    url('../fonts/ApexNew-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
	font-family: 'FuturaStd';
	src: url('../fonts/FuturaStd-Bold.eot');
	src: url('../fonts/FuturaStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaStd-Bold.woff') format('woff'),
		url('../fonts/FuturaStd-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

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

  .bxcolapse {
    display: block;
    position: relative;
    width: auto; } }
/**/
.btcolapse {
  position: absolute;
  top: 70%;
  right: 0;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%); }

.btcolapse span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 6px;
    border-radius: 2px;
    background-color: transparent;
    transform: translate(-50%, -50%);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s; }

.btcolapse span:before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 6px;
      border-radius: 2px;
      background-color: #4e7fba;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -moz-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      -o-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s; }

.btcolapse span:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 6px;
      border-radius: 2px;
      background-color: #4e7fba;
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -moz-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
      -o-transform: translate(-50%, -50%) rotate(-45deg);
      transform: translate(-50%, -50%) rotate(-45deg);
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s; }

.btcolapse.collapsed span {
    background-color: #4e7fba; }

.btcolapse.collapsed span:before {
      margin-top: -11px;
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -moz-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
      -o-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg); }

.btcolapse.collapsed span:after {
      margin-top: 11px;
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      -moz-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
      -o-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg); }

.btcolapse.op2 span:before { background-color: #4e7fba; }
.btcolapse.op2 span:after {background-color: #4e7fba; }
.btcolapse.op2.collapsed span { background-color: #4e7fba; }

/*****MENU*****/
.menuprincipal { z-index: 30; position: absolute; width: 100%;}
.menuprincipal ul li {display: block; }

.menuprincipal ul li a 
{
	display: block;
    font-family: 'ApexNew-Medium', arial, sans-serif;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
}


@media(max-width: 768px){
	.menuprincipal ul li a {background:#4e7fba; color: #fff; text-align: center; }
	.menuprincipal ul li.active a ,.menuprincipal ul li a:hover, .menuprincipal ul li a:focus {color:white; }
    .men{display: block;position: relative;margin-left: -30px;margin-right: -15px;}
    .menuprincipal ul li a:hover,.menuprincipal ul li a:focus {background-color: #FFF; color:  #4e7fba;}

}

.menuprincipal ul li + li 
{
border-top: 1px solid #FFF; 
}

.header{background: #FFF; }
.header h1 {color: #575756; font-family: 'Lato-Bold';}
.header h2, .header h3 {color: #575756; font-family: 'BebasNeueBold';}
.header .iso{ margin:2em auto; width: 110px; }


@media (min-width: 769px) {
  .menuprincipal {width: 100%;position: relative;text-align: right; margin-top: 50px; }
  .menuprincipal ul {display: inline-block;text-align: center; }
  .menuprincipal ul li {display: inline-block; }
  .menuprincipal ul li + li {border-top: 0; } 
  .header{height: 140px;}
  .monsilogo{margin: 8px auto 8px auto;}
  .menuprincipal ul li.active a {background-color: transparent; color: #4e7fba; border-bottom: 2px solid #4e7fba;}
  .menuprincipal ul li a{padding: 12px 15px; margin-right: 20px;}
  .menuprincipal ul li a:hover,.menuprincipal ul li a:focus {border-bottom: 2px solid #4e7fba;background-color: transparent; color: 
    #4e7fba;}
    .mascara{position: absolute; top: 0px; left: 0; height: 100%; z-index: 18;}
    
    .carousel-indicators{left: 100%; width: 35%;}
   .carousel-indicators .active, .carousel-indicators li{width: 18px; height: 18px;}
     

}
@media(max-width: 769px){
  .monsilogo{margin: 15px auto;  height:110px; width: auto;}	
  .carousel-indicators{z-index: 1;}
    #myCarousel{margin-left: -15px; margin-right: -15px;}
    .mascara{position: absolute; top: 0px; left: 0; height: 100%; z-index: 18;}
    .carousel-indicators{left: 99%; width: 30%;}
    .carousel-indicators .active, .carousel-indicators li{width: 18px; height: 18px;}
    .carousel-caption{top: 10%; left: 3%;}
    .carousel-caption h3{font-size: 1.1em;}
    .carousel-caption p{font-size: 1.1em;}
    .header .iso{ margin:0em auto;}

}


@media (min-width: 1000px) 
{
  .menuprincipal {width: 100%; } 
}
.carousel-inner > .item > img{width: 100%!important;}
.carousel-indicators li {background: rgba(255,255,255,0.5); border: #FFF;}
.carousel-caption{z-index: 28; text-shadow: none; }
.carousel-caption h3{color: #4e7fba;text-align: left}
.carousel-caption h3 span{color: #1f4776;}
.carousel-caption p{color: #000; font-family: "ApexNew-Medium"; text-align: left;}

h1,h2,h3,h4,h5{text-transform: uppercase;  font-family: 'FuturaStd'; }
p{font-family: 'ApexNew-Light'; color:#FFF; text-align: justify;}
 @media(min-width: 769px){
 	p{font-size: 1.6em;}
     .carousel-caption h3{font-size: 2.8em;}
     .carousel-caption p{font-size: 2.5em;}
     .carousel-caption{left: 5%;top: 35%;}

 }
@media(max-width: 769px){
    p{font-size: 1.3em;}
}
/****************************************************/
#nosotros{background-image:url(../imagenes/nosotros.jpg); background-repeat:no-repeat; background-size:cover;   z-index: -1;}
#nosotros h2{text-align: center; color: #4e7fba;}
#nosotros h2 span{color: #FFF;}
#nosotros hr{border-bottom: 1px solid #FFF;width: 55%;}


@media(min-width:769px){
    #nosotros p{text-align: center;}
    #nosotros{padding-top: 350px; margin-top: -300px;}
    #nosotros h2{font-size: 3.5em;}
    /*#nosotros .vision{text-align: left }*/
    #nosotros .visionhr{float: left; width: 100%;}
    #nosotros .chica{float: right;}
    #nosotros p{padding-bottom: 60px;}
    
    .politica-calidad p{ padding: 3.5em 1em; }
}

@media(max-width:769px){
 
    #nosotros h2{font-size: 2.2em;}    
    #nosotros .chica{max-height: 280px; margin: 0px auto;}
    #nosotros p{padding-bottom: 20px;}
}

#servicios{background: #4e7fba; }
#servicios h2{color: white;}
#servicios h2 span{color: black;}
#nosotros hr{border-bottom: 1px solid #FFF;width: 55%;}
#trailer{background-image: url('../imagenes/trailer.png'); background-size: cover;  background-repeat: no-repeat;}
#unidades h2{color: #4e7fba; text-align: center}
#unidades h2 span{color: #000;}
#unidades .negro{ /*background: #000;*/ text-align: center; color: #000; font-weight: bolder; }


.politica-calidad p{ color:black; } .politica-calidad h5{ margin: 2em 0; font-size: 1.5em; text-align:center; }

.politica-calidad h2{ padding-bottom: 0 !important; }

.politica-calidad img{box-shadow: 0px 6px 18px -9px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 6px 18px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 18px -9px rgba(0,0,0,0.75);}

.politica-calidad .btn{ display: table; font-size: 1.3em; }

.table-striped > tbody > tr:nth-child(2n+1) > td {background-color: #dddddd; }
.table > tbody > tr > td{color: black; text-align: center; font-family: 'ApexNew-Book';}
.table-striped > tbody > tr:nth-child(2n+1) > th{background-color: #4e7fba; color: white; text-align: center; font-family: 'ApexNew-Medium';}

#azulito{background: #4e7fba;}
#azulito h3{text-transform: unset!important; color: white; text-align: center}
#contacto{background: #FFF;}
#contacto p, #contacto h3{color: black;}
#contacto p{font-family: 'ApexNew-Book';}
#contacto h3{text-align: center;}
#bottomfooter{background: #000;}
#bottomfooter a{ color:white; }

@media(min-width:769px){
    #servicios{height: 590px;padding: 130px 0;padding-left: 80px; padding-right: 30px; }
    #servicios h2{font-size: 3.5em;}
    #trailer{height:590px;}
    #unidades {padding: 50px 0;}
    #unidades h2{font-size: 3.5em; padding-bottom: 90px;}
    #unidades .negro{width: 233px;margin-top: -10px;position: absolute;left: 79px; padding: 5px; font-size: 1.8em;}
    #unidades img{display: block; margin: 10px auto;}
    #unidades #tabla{padding-top: 100px;} 
    .table > tbody > tr > th{font-size: 1.7em;}
    .table > tbody > tr > td{font-size: 1.1em;}
    #azulito{padding: 20px 0;}
    #azulito h3{font-size: 3.5em;}
    #contacto{padding: 50px 0;}
    #contacto p{font-size: 1.2em;}
    #contacto h3{font-size:1.3em;}
    #contacto img{display: block; margin: 10px auto;}
    #bottomfooter{padding: 25px 0;}
    
    #F1 p{text-align: right;}
    #F2 img{margin-left: -25px; opacity: 0.5; margin-top: 5px;}
    #F2 img:hover{ opacity:1; }
    
    .uno{padding-bottom: 50px;}
}

@media(max-width:769px){
    #servicios{padding: 60px 15px; }
    #servicios h2{font-size: 2.5em;text-align: center;}    
    #trailer{height:300px;}
    
    #unidades {padding: 50px 0;}
    #unidades h2{font-size: 2.5em; padding-bottom: 40px;}
    #unidades img{display: block; margin: 40px auto;}
    #unidades .negro{width: 233px;margin-top: -40px; position: absolute;left: 64px; padding: 5px; font-size: 1.8em; margin-bottom: 15px;}
    
    #unidades #tabla{padding-top: 100px;} 
    .table > tbody > tr > th{font-size: 1.7em;}
    .table > tbody > tr > td{font-size: 1.1em;}
    #azulito{padding: 20px 0;}
    #azulito h3{font-size: 2em;}
    
    #contacto{padding: 50px 0;}
    #contacto p{font-size: 1.2em; text-align: center}
    #contacto h3{font-size:1.3em; text-align: center}
    #contacto img{display: block; margin: 10px auto;}
    #bottomfooter{padding: 25px 0;}
    #F1 p{text-align: center;}
    #F2 img{opacity: 0.5; margin: 2px auto;}
    #F2 img:hover{ opacity:1; }
    
}