@font-face {
  font-family:"Roboto Regular";
  src:url("../fonts/Roboto-Regular.eot?") format("eot"),
  url("../fonts/Roboto-Regular.woff") format("woff"),
  url("../fonts/Roboto-Regular.ttf") format("truetype"),
  url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
  font-weight:normal;
  font-style:normal;
  }


@font-face {
  font-family:"Roboto Bold";
  src:url("../fonts/Roboto-Bold.eot?") format("eot"),
  url("../fonts/Roboto-Bold.woff") format("woff"),
  url("../fonts/Roboto-Bold.ttf") format("truetype"),
  url("../fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");
  font-weight:normal;
  font-style:normal;
  }




#container{
  height:100%;
  font-family:"Roboto Regular";
  overflow:auto;
  color: #fff;
}

.pad{
  padding-left:0px;
  padding-right:0px;
}

.clear{
  clear:both;
}

header {
    position: fixed;
    width: 100%;
    z-index: 100;
}

.logo a {
    position: relative;
    float: left;
    z-index: 99999999;
}

#menu{
  width: 100%;
  float:left;
  position: relative;
  border: none;
  text-align: center;
  border-radius: 0;
  margin-top: 1%;
  background-color: transparent;
  padding-bottom: 38px;
}

#navbar li{
  display: inline-block;
}

#navbar a{
  color: #fff;
  display: block;
  padding:14px 20px 8px 20px;
  margin: 0px 60px;
  font-family:"Roboto Regular";
  font-size: 20px;
}

#navbar a:hover{
  color: #ff060c;
}

#navbar .selec{
  color: #00A13A;
}

nav .me{
  text-align:center;
  margin:auto;
  padding-bottom: 4px;
  display: block;
  font-size: 15px;
  color: #000;
}

.navbar-toggle .icon-bar{
  width: 38px;
  background-color: #000 !important;
}

#sedes h1{
  font-size: 18px;
  font-family:"Roboto Bold";
  text-transform: uppercase;
  color:#fff;
}

#sedes p{
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  color: #fff;
}

.phone{
  background: url(../img/phone.png) no-repeat;
  width:20px;
  height: 58px;
  float: left;
  padding-left: 32px;
}

/*


*/
.redes-f {
  text-align: right;
  float: right;
  position: relative;
}
.ins2{
  background: url(../img/redes2.png) right;
  display: inline-block;
  width: 62px;
  height: 55px;
}
.ins2:hover{
  background: url(../img/redes2-h.png) right;
}
.fb2{
  background: url(../img/redes2.png) center;
  display: inline-block;
  width: 62px;
  height: 54px;
}
.fb2:hover{
  background: url(../img/redes2-h.png) center;
}
.whatsapp2{
  background: url(../img/redes2.png) left;
  display: inline-block;
  width: 57px;
  height: 55px;
}
.whatsapp2:hover{
  background: url(../img/redes2-h.png)  left;
}
#titulo {
    padding-top: 747px;
    padding-bottom: 226px;
    background-size: cover;
    text-align: left;
}

#caption{
  position: absolute;
  float: left;
  padding: 30px 25px 30px 272px;
  bottom: 27%;
  display: flex;
  text-align: right;
  color: #fff;
  background-color: #ff060c;
}

#caption h1{
  font-size: 36px;
}

#caption h1 span{
  font-size: 40px;
  font-family:"Roboto Bold";
}

.bg-1{
    background: url(../img/bg_1.jpg) no-repeat center top;

}

.bg-2{
  background-image: url(../img/bg_2.jpg);
  background-size: cover;
}

.bg-3{
  background-image: url(../img/bg_3.jpg);
  background-size: cover;
}


.bg-4{
  background-image: url(../img/bg_4.jpg);
  background-size: cover;
}

.empresa{
  padding-left: 105px;
  padding-right: 105px;
  padding-top: 305px;
  padding-bottom: 115px;
  background-color:#000000d9;
  text-align: justify;
}

.empresa h1{
  font-size: 30px;
  font-family:"Roboto Bold";
  padding-bottom: 15px;
}

.empresa p{
  line-height: 20px;
  font-size: 18px;
}

.mision{
  padding: 21px 105px;
  background-color: #ff060c;
}

.productos{
  padding-left: 105px;
  padding-right: 105px;
  padding-top: 305px;
  padding-bottom: 115px;
  background-color: #000000d9;
}

.productos h1{
  font-size: 25px;
  font-family:"Roboto Bold";
  padding-bottom: 15px;
}
.productos h2{
  font-size: 20px;
  font-family:"Roboto Bold";
  padding-bottom: 15px;
}
.productos p{
  font-size: 18px;
  line-height: 20px;
}

.item_productos{
  padding: 21px 105px;
  background-color: #ff060c;
}

.servicios{
  padding-left: 105px;
  padding-right: 105px;
  padding-top: 305px;
  padding-bottom: 115px;
  background-color: #0000009c;
  text-align: justify;
}

.servicios h1{
  font-size: 30px;
  font-family:"Roboto Bold";
  padding-bottom: 15px;
}

.servicios p{
  font-size: 18px;
  line-height: 20px;
}

.item_servicios{
  padding: 21px 105px;
  background-color: #CF080F;
}

#contacto{
  background-color: #FFF;
}

#contacto h1{
  font-size: 30px;
  padding-top: 45px;
  padding-bottom: 25px;
}

#formulario{
  border-top:210px solid #ccc;
  padding: 45px 105px;
}

#formulario h1{
  font-size: 30px;
  font-family:"Roboto Bold";
}

#formulario h2{
  font-size:20px;
  margin-top: 15px;
  color: #CF080F;
}

#formulario h3{
  padding-top:15px;
  font-size: 22px;
  font-weight: normal;
}

#formulario p{
  text-align: left;
  margin-top: 10px;
  color: #000 !important;
}

#formulario .check{
  text-align: left;
  float: none;
  display: inline-block;
  width: auto;
}

#formulario input{
  width:100%;
  background-color:#CDCDCD;
  color:#000;
  border:none;
  font-size:18px;
  padding:12px;
}

#formulario textarea{
  width:100%;
  background-color:#CDCDCD;
  color:#000;
  border:none;
  font-size:18px;
  padding:10px;
  margin-top: 5px;
  height: 290px;
  margin-bottom: 35px;
}

.btn{
  float: left;
  position: relative;
  width: 100%;
  text-align: left;
  margin-top: 134px;
}

.btn a{
  display: inline-block;
  padding: 5px 10px;
  background: #000;
  color: #fff;
  font-size: 23px;
  font-family:"Open Sans Bold";
}

.btn a:hover{
  background: #CC3335;
  color: #fff;
  text-decoration: none;
}

#enviar{
  cursor:pointer;
  position:relative;
  float:right;
  font-size:18px !important;
  color:#fff !important;
  text-align:center;
  background:#CF080F !important;
  border: none !important;
}

#enviar:hover{
  background: #000 !important;
}

#map{
  border-top: 210px solid #ff060c;
  height:1050px;
}

#ampliar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #000;
  color: #FFF;
  text-align: center;
  padding-top: 34px;
  position: absolute;
  right: 11%;
  bottom: 5px;
  text-decoration: none !important;
  font-size: 19px;
  font-family:"Open Sans Bold";
}

#ampliar:hover{
  background:#EE1C25;
}

footer{
  background-color: #CF080F;
  padding-top:45px;
}

footer h1{
  text-align: center;
  color: #FFF;
  padding-bottom: 25px;
  font-size: 20px;
  text-transform: uppercase;
}

footer p{
  color: #FFF;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
}

#web{
  text-align: center;
  padding-top: 25px;
}

#web a {
    background: url(../img/web.png) no-repeat right;
    padding: 10px;
    padding-right: 146px;
    display: inline-block;
    color: #FFF;
    text-decoration: none !important;
    font-size: 14px;
    text-align: center;
}





/*------------------------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 400px) {

#menu {
    margin-top: -67px;
    float: right;
    padding-bottom: 0px;
}

#navbar a{
  margin: 0px 1px;
  font-size: 19px;
}

.navbar-header {
    float: none;
  }

.navbar-left,.navbar-right {
    float: none !important;
  }

.navbar-toggle {
    display: block;
    border: 1px !important;
    margin-top: 17px;
    margin-right: 0px;
    margin-bottom: 0px !important;
  }

nav .me{
    font-family:"Roboto Regular";
    color:#000;
    font-size: 15px;
  }

.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-default .navbar-toggle .icon-bar{
    background-color: #000;
  }

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

.navbar-nav{
    margin: 0px;
  }

.navbar-toggle .icon-bar{
    width: 36px;
    height: 4px;
  }

.navbar-nav>li {
    float: none;
  }

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

.collapse.in{
    display:block !important;
  }

#navbar li {
    width: 100%;
  }

#sedes p{
  font-size:15px;
  }

#caption{
  padding: 13px 25px 13px 21px;
 }

#caption h1{
  font-size: 23px;
 }

#titulo{
  padding-top: 373px;
  padding-bottom: 34px;
  margin-top: 324px;
 }

.empresa{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 70px;
 }

.mision{
  padding: 21px 29px;
 }

.product{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 110px;
 }
.productos{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 110px;
 }

.item_productos{
  padding: 21px 18px;
 }

.heading3{
  font-size: 22px;
 }

.servicios{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 109px;
 }

.item_servicios{
  padding: 21px 27px;
 }

#formulario{
  padding: 45px 24px;
 }

#caption h1 span{
  font-size: 29px;
 }

}


/*---------------------------------------------------------------------*/

@media (max-width: 600px) and (min-width:400px){

#menu {
    margin-top: -67px;
    float: right;
    padding-bottom: 0px;
}

#navbar a{
  margin: 0px 1px;
  font-size: 19px;
}

.navbar-header {
    float: none;
}

.navbar-left,.navbar-right {
    float: none !important;
}

.navbar-toggle {
    display: block;
    border: 1px !important;
    margin-top: 17px;
    margin-right: 0px;
    margin-bottom: 0px !important;
}

nav .me{
    font-family:"Roboto Regular";
    color:#000;
    font-size: 15px;
}

.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-default .navbar-toggle .icon-bar{
    background-color: #000;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

.navbar-nav{
    margin: 0px;
  }

.navbar-toggle .icon-bar{
    width: 36px;
    height: 4px;
  }

.navbar-nav>li {
    float: none;
  }

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

.collapse.in{
    display:block !important;
  }

#navbar li {
    width: 100%;
  }

#sedes p{
  font-size:15px;
  }

#caption{
  padding: 13px 25px 13px 21px;
 }

#caption h1{
  font-size: 23px;
 }

#titulo{
  padding-top: 373px;
  padding-bottom: 34px;
  margin-top: 305px;
 }

.empresa{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 70px;
 }

.mision{
  padding: 21px 29px;
 }

.productos{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 110px;
 }

.item_productos{
  padding: 21px 18px;
 }

.heading3{
  font-size: 22px;
 }

.servicios{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 109px;
 }

.item_servicios{
  padding: 21px 27px;
 }

#formulario{
  padding: 45px 24px;
 }

#caption h1 span{
  font-size: 29px;
 }

}


@media (max-width: 700px) and (min-width:600px){

#menu {
    margin-top: -67px;
    float: right;
    padding-bottom: 0px;
}

#navbar a{
  margin: 0px 1px;
  font-size: 19px;
}

.navbar-header {
    float: none;
}

.navbar-left,.navbar-right {
    float: none !important;
}

.navbar-toggle {
    display: block;
    border: 1px !important;
    margin-top: 17px;
    margin-right: 0px;
    margin-bottom: 0px !important;
}

nav .me{
    font-family:"Roboto Regular";
    color:#000;
    font-size: 15px;
}

.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-default .navbar-toggle .icon-bar{
    background-color: #000;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

.navbar-nav{
    margin: 0px;
  }

.navbar-toggle .icon-bar{
    width: 36px;
    height: 4px;
  }

.navbar-nav>li {
    float: none;
  }

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

.collapse.in{
    display:block !important;
  }

#navbar li {
    width: 100%;
  }

#sedes p{
  font-size:16px;
  }

#caption{
  padding: 13px 25px 13px 21px;
 }

#caption h1{
  font-size: 23px;
 }

#titulo{
  padding-top: 373px;
  padding-bottom: 34px;
  margin-top: 324px;
 }

.empresa{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 70px;
 }

.mision{
  padding: 21px 29px;
 }

.productos{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 110px;
 }

.item_productos{
  padding: 21px 18px;
 }

.heading3{
  font-size: 25px;
 }

.servicios{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 109px;
 }

.item_servicios{
  padding: 21px 27px;
 }

#formulario{
  padding: 45px 24px;
 }

#caption h1 span{
  font-size: 29px;
 }

}


@media (max-width: 700px) and (min-width:600px){

#menu {
    margin-top: -67px;
    float: right;
    padding-bottom: 0px;
}

#navbar a{
  margin: 0px 1px;
  font-size: 19px;
}

.navbar-header {
    float: none;
}

.navbar-left,.navbar-right {
    float: none !important;
}

.navbar-toggle {
    display: block;
    border: 1px !important;
    margin-top: 17px;
    margin-right: 0px;
    margin-bottom: 0px !important;
}

nav .me{
    font-family:"Roboto Regular";
    color:#000;
    font-size: 15px;
}

.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-default .navbar-toggle .icon-bar{
    background-color: #000;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

.navbar-nav{
    margin: 0px;
  }

.navbar-toggle .icon-bar{
    width: 36px;
    height: 4px;
  }

.navbar-nav>li {
    float: none;
  }

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

.collapse.in{
    display:block !important;
  }

#navbar li {
    width: 100%;
  }

#sedes p{
  font-size:16px;
  }

#caption{
  padding: 13px 25px 13px 21px;
 }

#caption h1{
  font-size: 23px;
 }

#titulo{
  padding-top: 373px;
  padding-bottom: 34px;
  margin-top: 305px;
 }

.empresa{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 70px;
 }

.mision{
  padding: 21px 29px;
 }

.productos{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 110px;
 }

.item_productos{
  padding: 21px 18px;
 }

.heading3{
  font-size: 25px;
 }

.servicios{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 109px;
 }

.item_servicios{
  padding: 21px 27px;
 }

#formulario{
  padding: 45px 24px;
 }

#caption h1 span{
  font-size: 29px;
 }

}


/*------------------------------------------------------------------*/



@media (max-width: 768px) and (min-width:700px){

#menu {
    margin-top: -67px;
    float: right;
    padding-bottom: 0px;
}

#navbar a{
  margin: 0px 1px;
  font-size: 19px;
}

.navbar-header {
    float: none;
}

.navbar-left,.navbar-right {
    float: none !important;
}

.navbar-toggle {
    display: block;
    border: 1px !important;
    margin-top: 17px;
    margin-right: 0px;
    margin-bottom: 0px !important;
}

nav .me{
    font-family:"Roboto Regular";
    color:#000;
    font-size: 15px;
}

.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-default .navbar-toggle .icon-bar{
    background-color: #000;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

.navbar-nav{
    margin: 0px;
  }

.navbar-toggle .icon-bar{
    width: 36px;
    height: 4px;
  }

.navbar-nav>li {
    float: none;
  }

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

.collapse.in{
    display:block !important;
  }

#navbar li {
    width: 100%;
  }

#sedes p{
  font-size:16px;
  }

#caption{
  padding: 13px 25px 13px 21px;
 }

#caption h1{
  font-size: 23px;
 }

#titulo{
  padding-top: 373px;
  padding-bottom: 34px;
  margin-top: 305px;
 }

.empresa{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 70px;
 }

.mision{
  padding: 21px 29px;
 }

.productos{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 110px;
 }

.item_productos{
  padding: 21px 18px;
 }

.heading3{
  font-size: 25px;
 }

.servicios{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 109px;
 }

.item_servicios{
  padding: 21px 27px;
 }

#formulario{
  padding: 45px 24px;
 }

#caption h1 span{
  font-size: 29px;
 }

}

/*------------------------------------------------------------------*/

@media (max-width: 820px) and (min-width:768px){

#menu {
    float: right;
    padding-bottom: 0px;
}

#navbar a{
  margin: 0px 1px;
  font-size: 19px;
}

.navbar-header {
    float: none;
}

.navbar-left,.navbar-right {
    float: none !important;
}

.navbar-toggle {
    display: block;
    border: 1px !important;
    margin-top: 17px;
    margin-right: 0px;
    margin-bottom: 0px !important;
}

nav .me{
    font-family:"Roboto Regular";
    color:#000;
    font-size: 15px;
}

.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-default .navbar-toggle .icon-bar{
    background-color: #000;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

.navbar-nav{
    margin: 0px;
  }

.navbar-toggle .icon-bar{
    width: 36px;
    height: 4px;
  }

.navbar-nav>li {
    float: none;
  }

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

.collapse.in{
    display:block !important;
  }

#navbar li {
    width: 100%;
  }

#sedes p{
  font-size:14px;
  }

#caption{
  padding: 13px 25px 13px 21px;
 }

#caption h1{
  font-size: 27px;
 }

#titulo{
  padding-top: 373px;
  padding-bottom: 34px;
 }

.empresa{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 70px;
 }

.mision{
  padding: 21px 29px;
 }

.productos{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 110px;
 }

.item_productos{
  padding: 21px 18px;
 }

.servicios{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 109px;
 }

.item_servicios{
  padding: 21px 27px;
 }

#formulario{
  padding: 45px 24px;
 }

#caption h1 span{
  font-size: 36px;
 }

}

/*-----------------------------------------------------------------------*/



@media (max-width: 920px) and (min-width:820px){

#menu {
    float: right;
    padding-bottom: 0px;
}

#navbar a{
  margin: 0px -10px;
  font-size: 18px;
}

#sedes p{
  font-size:16px;
  }

#caption{
  padding: 13px 25px 13px 21px;
 }

#caption h1{
  font-size: 27px;
 }

#titulo{
  padding-top: 430px;
  padding-bottom: 34px;
 }

.empresa{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 70px;
 }

.mision{
  padding: 21px 29px;
 }

.productos{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 110px;
 }

.item_productos{
  padding: 21px 18px;
 }

.servicios{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 109px;
 }

.item_servicios{
  padding: 21px 27px;
 }

#formulario{
  padding: 45px 24px;
 }

#caption h1 span{
  font-size: 36px;
 }

}


/*---------------------------------------------------------------*/


@media (max-width: 1020px) and (min-width:920px){

#menu {
    float: right;
    padding-bottom: 0px;
}

#navbar a{
  margin: 0px -6px;
}

#sedes p{
  font-size:16px;
  }

#caption{
  padding: 13px 25px 13px 21px;
 }

#caption h1{
  font-size: 27px;
 }

#titulo{
  padding-top: 530px;
  padding-bottom: 84px;
 }

.empresa{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 70px;
 }

.mision{
  padding: 21px 29px;
 }

.productos{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 110px;
 }

.item_productos{
  padding: 21px 18px;
 }

.servicios{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 109px;
 }

.item_servicios{
  padding: 21px 27px;
 }

#formulario{
  padding: 45px 24px;
 }

#caption h1 span{
  font-size: 36px;
 }

}

/*---------------------------------------------------------------*/


@media (max-width: 1120px) and (min-width:1020px){

#menu {
    float: right;
    padding-bottom: 0px;
}

#navbar a{
  margin: 0px 2px;
}

#sedes p{
  font-size:16px;
  }

#caption{
  padding: 13px 25px 13px 21px;
 }

#caption h1{
  font-size: 30px;
 }

#titulo{
  padding-top: 530px;
  padding-bottom: 84px;
 }

.empresa{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 70px;
 }

.mision{
  padding: 21px 29px;
 }

.productos{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 110px;
 }

.item_productos{
  padding: 21px 18px;
 }

.servicios{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 109px;
 }

.item_servicios{
  padding: 21px 27px;
 }

#formulario{
  padding: 45px 24px;
 }

#caption h1 span{
  font-size: 36px;
 }

}


/*---------------------------------------------------------------*/


@media (max-width: 1220px) and (min-width:1120px){

#menu {
    float: right;
    padding-bottom: 0px;
}

#navbar a{
  margin: 0px 2px;
}

#sedes p{
  font-size:16px;
  }

#caption{
  padding: 13px 25px 13px 21px;
 }

#caption h1{
  font-size: 30px;
 }

#titulo{
  padding-top: 530px;
  padding-bottom: 84px;
 }

.empresa{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 70px;
 }

.mision{
  padding: 21px 29px;
 }

.productos{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 110px;
 }

.item_productos{
  padding: 21px 18px;
 }

.servicios{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 109px;
 }

.item_servicios{
  padding: 21px 27px;
 }

#formulario{
  padding: 45px 24px;
 }

#caption h1 span{
  font-size: 36px;
 }

}

/*--------------------------------------------------------------------*/


@media (max-width: 1320px) and (min-width:1220px){

#menu {
    float: right;
    padding-bottom: 0px;
}

#navbar a{
  margin: 0px 18px;
}

#caption{
  padding: 20px 25px 20px 21px;
 }

#caption h1{
  font-size: 34px;
 }

#titulo{
  padding-top: 530px;
  padding-bottom: 84px;
 }

.empresa{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 70px;
 }

.mision{
  padding: 21px 29px;
 }

.productos{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 110px;
 }

.item_productos{
  padding: 21px 18px;
 }

.servicios{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 109px;
 }

.item_servicios{
  padding: 21px 27px;
 }

#formulario{
  padding: 45px 24px;
 }

#caption h1 span{
  font-size: 36px;
 }

.modal-dialog{
  width: 956px;
  margin: 65px auto;
}

}

/*--------------------------------------------------------------------*/


@media (max-width: 1420px) and (min-width:1320px){

#menu {
    float: right;
    padding-bottom: 0px;
}

#navbar a{
  margin: 0px 21px;
}

#caption{
  padding: 30px 25px 30px 79px
 }

#caption h1{
  font-size: 34px;
 }

#titulo{
  padding-top:620px;
  padding-bottom: 111px;
 }

.empresa{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 70px;
 }

.mision{
  padding: 21px 29px;
 }

.productos{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 110px;
 }

.item_productos{
  padding: 21px 18px;
 }

.servicios{
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 109px;
 }

.item_servicios{
  padding: 21px 27px;
 }

#formulario{
  padding: 45px 24px;
 }

#caption h1 span{
  font-size: 36px;
 }

.modal-dialog{
  width: 956px;
  margin: 65px auto;
}

}

/*-----------------------------------------------------------------*/


@media (max-width: 1520px) and (min-width:1420px){

    #menu {
        float: right;
        padding-bottom: 0px;
    }

    #navbar a{
      margin: 0px 26px;
    }

    #caption{
      padding: 30px 25px 30px 79px
     }

    #caption h1{
      font-size: 34px;
     }

    #titulo{
      padding-top:669px;
      padding-bottom: 109px;
     }

    .empresa{
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 70px;
     }

    .mision{
      padding: 21px 29px;
     }

    .productos{
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 110px;
     }

    .item_productos{
      padding: 21px 18px;
     }

    .servicios{
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 109px;
     }

    .item_servicios{
      padding: 21px 27px;
     }

    #formulario{
      padding: 45px 24px;
     }

    #caption h1 span{
      font-size: 36px;
     }

    .modal-dialog{
      width: 956px;
      margin: 65px auto;
    }

}


/*-----------------------------------------------------------------*/


@media (max-width: 1800px) and (min-width:1520px){

    #menu {
        float: right;
        padding-bottom: 0px;
    }

    #navbar a{
      margin: 0px 40px;
    }

    #caption{
      padding: 30px 25px 30px 143px
     }

    #titulo{
      padding-top:704px;
      padding-bottom: 130px;
     }

    .empresa{
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 70px;
     }

    .mision{
      padding: 21px 29px;
     }

    .productos{
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 110px;
     }

    .item_productos{
      padding: 21px 18px;
     }

    .servicios{
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 109px;
     }

    .item_servicios{
      padding: 21px 27px;
     }

    .modal-dialog{
      width: 956px;
      margin: 65px auto;
    }

}


@media (max-width: 1960px) and (min-width:1800px){

   .modal-dialog{
      width: 956px;
      margin: 65px auto;
    }
}