@charset "UTF-8";
/* CSS Document */

body{background-color: #FFF; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; text-align: center; margin:0 auto; padding: 0;}

#contenido{width:100%; height:100vh; margin:0 auto; padding:0;}

/* SECCION UNO */
#seccion_uno{width:100%; height:90vh; background-color:#FFF; color: #383838; padding-top:90px;}
.img_top{width:100%; height: auto; margin:0 auto;}
.img_top img{width: 100%; height: auto;}
.su_texto{width:95%; height: auto; padding-top: 10px; margin:0 auto;}
.su_texto article{display: inline-block; width:90%; margin: 0 2px; vertical-align: middle; white-space: pre-wrap; line-height: 20px;}
.su_texto h2{border-bottom: 1px solid #FF0004; width:60%; margin:0 0 0 10px;  padding: 10px 0 0 0; text-align: left;}
.su_texto p{text-align: justify; padding: 0 10px;}
.su_texto img{width:100%; height: auto;}
#seccion_uno iframe{width:100%; max-width: 1250px; height: 400px; margin:0 auto; overflow: hidden; border: none;}
.su_iframe{overflow: hidden; height: 320px;}

/* SECCION DOS */
#seccion_dos{width:100%; height:auto; background-color:rgba(153,210,227,0.4); color: #383838; padding:100px 0 0 0; background-image: url("../images/background_servicios.jpg"); background-attachment: fixed; background-position: top; background-size: cover; background-repeat: no-repeat;}
.sd_texto{width:95%; height: auto; padding-top: 10px; margin:0 auto;}
.sd_texto article{display: inline-block; width:40%; margin: 0 2px; vertical-align: middle; line-height: 20px;}
.sd_texto h2{border-bottom: 1px solid #FF0004; width:60%; text-align: left; margin:0 0 0 10px; padding: 10px 0 0 0;}
.sd_texto p{text-align: justify; padding: 0 10px;}
.sd_texto img{width:100%; max-width: 400px; height: auto;}
.servicios{width:90%; display: block; margin:0 auto;}
.servicios h2{font-size: 25px;}
.servicios div{display: inline-block; width:25%; vertical-align: top; margin: 20px 10px; text-align: center;}
.servicios img{width:100%; height: auto; max-width: 150px; margin: 0 auto; text-align: center;}
.servicios p{text-align: justify; padding: 0 20px; line-height: 20px;}
#seccion_dos ul{list-style-image: url("../images/icon_camion.png"); text-align: left; display: inline-block; margin: 20px 15px;}
#seccion_dos ul li{line-height: 20px; margin: 0 0 15px 0;}
#seccion_dos iframe{width:100%; max-width: 500px; height: 315px; margin:0 auto; overflow: hidden; border: none;}
.sd_iframe{overflow: hidden; height: auto; width:100%;}

/* SECCION TRES */
#seccion_tres{width:100%; height:auto; background-color:#FFF; color: #383838; padding-top:90px; padding-bottom: 50px;}
.img_top{width:100%; height: auto; margin:0 auto;}
.img_top img{width: 100%; height: auto; max-height: 400px;}
.st_texto{width:95%; height: auto; padding-top: 10px; margin:0 auto;}
.st_texto article{display: inline-block; margin: 0 2px; vertical-align: middle; width:45%; line-height: 20px;}
.st_texto h2{border-bottom: 1px solid #FF0004; width:70%; margin:0 0 0 10px;  padding: 10px 0 0 0; text-align: left;}
.st_texto p{text-align: justify; padding: 0 10px; white-space: pre-wrap;}
.st_texto img{width:100%; max-width: 400px; height: auto;}
.st_almacenaje{width:40%; max-width: 500px;}
#seccion_tres iframe{width:100%; max-width: 500px; height: 315px; margin:0 auto; overflow: hidden; border: none;}
.st_iframe{overflow: hidden; height: auto; width:100%;}

/* SECCION CUATRO */
#seccion_cuatro{width:100%; height:auto; background-color:#FFF; color: #383838; padding-top:90px; padding-bottom: 50px;}
.img_top{width:100%; height: auto; margin:0 auto;}
.img_top img{width: 100%; height: auto; max-height: 300px;}
.sc_texto{width:95%; height: auto; padding-top: 10px; margin:0 auto;}
.sc_texto article{display: inline-block; margin: 0 2px; vertical-align: middle; width:45%; line-height: 20px;}
.sc_texto h2{border-bottom: 1px solid #FF0004; width:70%; margin:0 0 0 10px;  padding: 10px 0 0 0; text-align: left;}
.sc_texto p{text-align: justify; padding: 0 10px; white-space: pre-wrap;}
.sc_texto img{width:100%; max-width: 400px; height: auto;}
.sc_almacenaje{width:40%; max-width: 500px;}
#seccion_cuatro iframe{width:100%; max-width: 500px; height: 315px; margin:0 auto; overflow: hidden; border: none;}
.sc_iframe{overflow: hidden; height: auto; width:100%;}

/* CONTACTO */
#contacto{width:100%; height:auto; background-color:#FFF; color: #383838; padding-top:90px; padding-bottom: 60px;}
.img_top{width:100%; height: auto; margin:0 auto;}
.img_top img{width: 100%; height: auto;}
.contacto{width:100%; height: auto; padding-top: 10px; margin:0 auto;}
.contacto article{display: inline-block; width:100%; margin: 0 2px; vertical-align: top; line-height: 20px;}
.contacto h2{border-bottom: 1px solid #FF0004; width:100%; margin:0 0 0 10px;  padding: 10px 0 0 0; text-align: left;}
.contacto p{text-align: justify; padding: 0 10px;}
.info_contacto{color:#4D4D4D;}
.contacto br{line-height: 30px;}
.contacto img{width:25px; height: auto; vertical-align: middle;}
.contacto span{display:block; margin-left: 30px; line-height: 25px;}


/*Nueva estructura de Contacto*/




.container {
	display: flex;
	flex-wrap: wrap;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 20px;
	margin-left: 20px;

  }
  
  .column {
	width: 100%;
	padding: 20px 0px;
  }
  
  .cont-mty,
  .cont-cdmx{
	padding:20px 50px;
	text-align: left;
  }


  .line{
	height: 1px;
	background-color: red;
	width: 100%;
  }

  .container-form{
	padding:50px 30px;
  }


  .icons{
	float:left;
	margin-right:10px;
	width:4%;
	vertical-align: middle;
  }
  
  @media screen and (min-width: 768px) {
	.column {
	  width: 50%;
	}
  }
  



/*FOOTER*/
footer{width:100%; height: auto; background-color: #000; font-size: 12px; color:#878787; bottom: 0; text-align: center; position: fixed;}
footer section{width:95%; margin:0 auto; padding: 10px 0;}
footer article{display:inline-block; width:33%; vertical-align: top; margin: 0 auto; line-height: 20px;}
footer img{width:auto; height: 30px;}
.copy{text-align: left;}
.logo{text-align: center;}
.politica{text-align: right;}
footer a{color:#878787; text-decoration: none;}
footer a:hover{color:rgba(208,73,75,1.00);}



@media (max-width: 320px){


	
/*Nueva estructura de Contacto*/


.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col-md-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.col-md-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}


	.logo_inicial{top: 30%; width:95%; transform: translateX(-50%) translateY(-50%);}
	.logo_inicial img{width:95%; max-width: 300px; height: auto; margin:0 auto; padding: 0;}
	#slides{width:100%; position: relative;}

/* SECCION UNO */
#seccion_uno{width:100%; height:auto; background-color:#FFF; color: #383838; padding-top:90px;}
.img_top{width:100%; height: auto; margin:0 auto; max-height: 80px;}
.img_top img{width: 100%; height: auto;}
.su_texto{width:95%; height: auto; padding-top: 0px; margin:0 auto;}
.su_texto article{display: block; width:100%; margin: 0 auto; height: auto;}
.su_texto h2{border-bottom: 1px solid #FF0004; width:90%; margin:0 auto;  padding: 0; text-align: left;}
.su_texto p{text-align: justify; padding: 0 10px; margin:0 auto;}
#seccion_uno iframe{width:100%; height: auto; margin:0 auto; overflow: hidden; border: none;}
.su_iframe{overflow: hidden; height: auto; margin: 0 auto; padding: 0;}
	
/* SECCION DOS */
.sd_texto{width:95%; height: auto; padding-top: 10px; margin:0 auto;}
.sd_texto article{display: inline-block; width:100%; margin: 0 2px; vertical-align: middle;}
.sd_texto h2{border-bottom: 1px solid #FF0004; width:60%; text-align: left; margin:0 0 0 10px; padding: 10px 0 0 0;}
.sd_texto p{text-align: justify; padding: 0 10px;}
.sd_texto img{width:100%; max-width: 400px; height: auto;}
.servicios{width:90%; display: block; margin:0 auto;}
.servicios h2{font-size: 25px;}
.servicios article{width:100%;}
.servicios div{display: inline-block; width:100%; vertical-align: top; margin: 10px 0; text-align: center;}
.servicios img{width:90%; height: auto; max-width: 100px; margin: 0 auto; text-align: center;}
.servicios p{text-align: justify; padding: 0; width: 100%;}
#seccion_dos ul{list-style-image: url("../images/icon_camion.png"); text-align: left; display: inline-block; margin: 20px 15px;}
#seccion_dos ul li{line-height: 20px; margin: 0 0 15px 0;}
#seccion_dos iframe{width:100%; height: auto; margin:0 auto; overflow: hidden; border: none;}
.sd_iframe{overflow: hidden; height: auto; width:100%;}

/* SECCION TRES */
#seccion_tres{width:100%; height:auto; background-color:#FFF; color: #383838; padding-top:90px; padding-bottom: 50px;}
.img_top{width:100%; height: auto; margin:0 auto;}
.img_top img{width: 100%; height: auto; max-height: 400px;}
.st_texto{width:95%; height: auto; padding-top: 10px; margin:0 auto;}
.st_texto article{display: block; margin: 0 auto; vertical-align: middle; width:100%;}
.st_texto h2{border-bottom: 1px solid #FF0004; width:70%; margin:0 0 0 10px;  padding: 10px 0 0 0; text-align: left;}
.st_texto p{text-align: justify; padding: 0 10px; white-space: pre-wrap;}
.st_texto img{width:100%; max-width: 400px; height: auto;}
.st_almacenaje{width:40%; max-width: 500px;}
#seccion_tres iframe{width:100%; height: 200px; margin:0 auto; overflow: hidden; border: none;}
.st_iframe{overflow: hidden; height: auto; width:100%;}
	
/* SECCION CUATRO */
#seccion_cuatro{width:100%; height:auto; background-color:#FFF; color: #383838; padding-top:90px; padding-bottom: 50px;}
.img_top{width:100%; height: auto; margin:0 auto;}
.img_top img{width: 100%; height: auto; max-height: 400px;}
.sc_texto{width:95%; height: auto; padding-top: 10px; margin:0 auto;}
.sc_texto article{display: block; margin: 0 auto; vertical-align: middle; width:100%;}
.sc_texto h2{border-bottom: 1px solid #FF0004; width:70%; margin:0 0 0 10px;  padding: 10px 0 0 0; text-align: left;}
.sc_texto p{text-align: justify; padding: 0 10px; white-space: pre-wrap;}
.sc_texto img{width:100%; max-width: 400px; height: auto;}
.st_almacenaje{width:40%; max-width: 500px;}
#seccion_cuatro iframe{width:100%; height: 200px; margin:0 auto; overflow: hidden; border: none;}
.sc_iframe{overflow: hidden; height: auto; width:100%;}

/* CONTACTO */
#contacto{width:100%; height:auto; background-color:#FFF; color: #383838; padding-top:90px; padding-bottom: 130px;}
.img_top{width:100%; height: auto; margin:0 auto;}
.img_top img{width: 100%; height: auto;}
.contacto{width:95%; height: auto; padding-top: 220px; margin:0 auto;}
.contacto article{display: inline-block; width:95%; margin: 0; vertical-align: top;}
.contacto h2{border-bottom: 1px solid #FF0004; width:100%; margin:0 auto;  padding: 10px 0 0 0; text-align: left;}
.contacto p{text-align: justify; padding: 0;}
.info_contacto{color:#4D4D4D;}
.contacto br{line-height: 30px;}
.contacto img{width:25px; height: auto; vertical-align: middle;}
.contacto span{display:block; margin-left: 30px; line-height: 25px;}
#contact_form{margin: 0 auto; border: solid 1px #000; }
#message_input{padding: 10px; margin: 0 auto;}

/*FOOTER*/
footer{width:100%; height: auto; background-color: #000; font-size: 12px; color:#878787; bottom: 0; text-align: center; position: fixed;}
footer section{width:95%; margin:0 auto; padding: 5px 0;}
footer article{display:block; width:100%; vertical-align: top; margin: 0 auto;}
footer img{width:auto; height: 20px;}
.copy{text-align: left; margin:5px 0;}
.logo{text-align: left; margin:5px 0;}
.politica{text-align: left;}
}

@media (min-width: 321px) and (max-width: 424px){
	.logo_inicial{top: 30%; width:95%; transform: translateX(-50%) translateY(-50%);}
	.logo_inicial img{width:95%; max-width: 300px; height: auto; margin:0 auto; padding: 0;}
	#slides{width:100%; height: 100vh; position: relative;}
	

/* SECCION UNO */
#seccion_uno{width:100%; height:auto; background-color:#FFF; color: #383838; padding-top:90px;}
.img_top{width:100%; height: auto; margin:0 auto; max-height: 100px;}
.img_top img{width: 100%; height: auto;}
.su_texto{width:95%; height: auto; padding-top: 0px; margin:0 auto;}
.su_texto article{display: block; width:100%; margin: 0 auto; height: auto;}
.su_texto h2{border-bottom: 1px solid #FF0004; width:90%; margin:0 auto;  padding: 0; text-align: left;}
.su_texto p{text-align: justify; padding: 0 10px; margin:0 auto;}
#seccion_uno iframe{width:100%; height: auto; margin:0 auto; overflow: hidden; border: none;}
.su_iframe{overflow: hidden; height: auto; margin: 0 auto; padding: 0;}
		
/* SECCION DOS */
.sd_texto{width:95%; height: auto; padding-top: 10px; margin:0 auto;}
.sd_texto article{display: inline-block; width:100%; margin: 0 2px; vertical-align: middle;}
.sd_texto h2{border-bottom: 1px solid #FF0004; width:60%; text-align: left; margin:0 0 0 10px; padding: 10px 0 0 0;}
.sd_texto p{text-align: justify; padding: 0 10px;}
.sd_texto img{width:100%; max-width: 400px; height: auto;}
.servicios{width:90%; display: block; margin:0 auto;}
.servicios h2{font-size: 25px;}
.servicios article{width:100%;}
.servicios div{display: inline-block; width:100%; vertical-align: top; margin: 10px 0; text-align: center;}
.servicios img{width:90%; height: auto; max-width: 100px; margin: 0 auto; text-align: center;}
.servicios p{text-align: justify; padding: 0; width: 100%;}
#seccion_dos ul{list-style-image: url("../images/icon_camion.png"); text-align: left; display: inline-block; margin: 20px 15px;}
#seccion_dos ul li{line-height: 20px; margin: 0 0 15px 0;}
#seccion_dos iframe{width:100%; height: 250px; margin:0 auto; overflow: hidden; border: none;}
.sd_iframe{overflow: hidden; height: auto; width:100%;}
	
/* SECCION TRES */
#seccion_tres{width:100%; height:auto; background-color:#FFF; color: #383838; padding-top:90px; padding-bottom: 50px;}
.img_top{width:100%; height: auto; margin:0 auto;}
.img_top img{width: 100%; height: auto; max-height: 400px;}
.st_texto, .sc_texto{width:95%; height: auto; padding-top: 10px; margin:0 auto;}
.st_texto article, .sc_texto article{display: block; margin: 0 auto; vertical-align: middle; width:100%;}
.st_texto h2 .sc_texto h2{border-bottom: 1px solid #FF0004; width:70%; margin:0 0 0 10px;  padding: 10px 0 0 0; text-align: left;}
.st_texto p, .sc_texto p{text-align: justify; padding: 0 10px; white-space: pre-wrap;}
.st_texto img, .sc_texto img{width:100%; max-width: 400px; height: auto;}
.st_almacenaje{width:40%; max-width: 500px;}
#seccion_tres iframe, #seccion_cuatro iframe{width:100%; max-width: 500px; height: 205px; margin:0 auto; overflow: hidden; border: none;}
.st_iframe, .sc_iframe{overflow: hidden; height: auto; width:100%;}


.cont-mty,
.cont-cdmx{
  padding:20px 0px;
  text-align: left;
}

	
/* CONTACTO */
#contacto{width:100%; height:auto; background-color:#FFF; color: #383838; padding-top:90px; padding-bottom: 130px;}
.img_top{width:100%; height: auto; margin:0 auto;}
.img_top img{width: 100%; height: auto;}
.contacto{width:95%; height: auto; padding-top: 50px; margin:0 auto;}
.contacto article{display: inline-block; width:95%; margin: 0; vertical-align: top;}
.contacto h2{border-bottom: 1px solid #FF0004; width:100%; margin:0 auto;  padding: 10px 0 0 0; text-align: left;}
.contacto p{text-align: justify; padding: 0;}
.info_contacto{color:#4D4D4D;}
.contacto br{line-height: 30px;}
.contacto img{width:25px; height: auto; vertical-align: middle;}
.contacto span{display:block; margin-left: 30px; line-height: 25px;}
#contact_form{margin: 0 auto; border: solid 1px #000; }
#message_input{padding: 10px; margin: 0 auto;}


/*FOOTER*/
footer{width:100%; height: auto; background-color: #000; font-size: 12px; color:#878787; bottom: 0; text-align: center; position: fixed;}
footer section{width:95%; margin:0 auto; padding: 5px 0;}
footer article{display:block; width:100%; vertical-align: top; margin: 0 auto;}
footer img{width:auto; height: 20px;}
.copy{text-align: left; margin:5px 0;}
.logo{text-align: left; margin:5px 0;}
.politica{text-align: left;}
	
}

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

/* SECCION UNO */
#seccion_uno{width:100%; height:auto; background-color:#FFF; color: #383838; padding-top:90px;}
.img_top{width:100%; height: auto; margin:0 auto; max-height: 150px;}
.img_top img{width: 100%; height: auto;}
.su_texto{width:95%; height: auto; padding-top: 0px; margin:0 auto;}
.su_texto article{display: block; width:100%; margin: 0 auto; height: auto;}
.su_texto h2{border-bottom: 1px solid #FF0004; width:90%; margin:0 auto;  padding: 0; text-align: left;}
.su_texto p{text-align: justify; padding: 0 10px; margin:0 auto;}
#seccion_uno iframe{width:100%; height: auto; margin:0 auto; overflow: hidden; border: none;}
.su_iframe{overflow: hidden; height: auto; margin: 0 auto; padding: 0;}
	
/* SECCION DOS */
.sd_texto{width:95%; height: auto; padding-top: 10px; margin:0 auto;}
.sd_texto article{display: inline-block; width:100%; margin: 0 2px; vertical-align: middle;}
.sd_texto h2{border-bottom: 1px solid #FF0004; width:60%; text-align: left; margin:0 0 0 10px; padding: 10px 0 0 0;}
.sd_texto p{text-align: justify; padding: 0 10px;}
.sd_texto img{width:100%; max-width: 400px; height: auto;}
.servicios{width:90%; display: block; margin:0 auto;}
.servicios h2{font-size: 25px;}
.servicios article{width:100%;}
.servicios div{display: inline-block; width:40%; vertical-align: top; margin: 10px; text-align: center;}
.servicios img{width:90%; height: auto; max-width: 100px; margin: 0 auto; text-align: center;}
.servicios p{text-align: justify; padding: 0; width: 100%;}
#seccion_dos ul{list-style-image: url("../images/icon_camion.png"); text-align: left; display: inline-block; margin: 20px 15px;}
#seccion_dos ul li{line-height: 20px; margin: 0 0 15px 0;}
#seccion_dos iframe{width:100%; height: 250px; margin:0 auto; overflow: hidden; border: none;}
.sd_iframe{overflow: hidden; height: auto; width:100%;}
	
/* SECCION TRES y CUATRO */
#seccion_tres{width:100%; height:auto; background-color:#FFF; color: #383838; padding-top:90px; padding-bottom: 50px;}
.img_top{width:100%; height: 100%; margin:0 auto;}
.img_top img{width: 100%; height: 100%;}
.st_texto{width:95%; height: auto; padding-top: 10px; margin:0 auto;}
	.sc_texto{width:95%; height: auto; padding-top: 80px; margin:0 auto;}
.st_texto article, .sc_texto article{display: block; margin: 0 auto; vertical-align: middle; width:100%;}
.st_texto h2, .sc_texto h2{border-bottom: 1px solid #FF0004; width:100%; margin:0 0 0 10px;  padding: 10px 0 0 0; text-align: left;}
.st_texto p, .sc_texto p{text-align: justify; padding: 0 10px; white-space: pre-wrap;}
.st_texto img, .sc_texto img{width:100%; height: auto;}
.st_almacenaje{width:100%; max-width: 100%; height: auto; margin: 0; padding-top: 50px;}
#seccion_tres iframe, #seccion_cuatro iframe{width:100%; height: 300px; margin:0 auto; overflow: hidden; border: none;}
.st_iframe, .sc_iframe{overflow: hidden; height: auto; width:100%;}
	
/* CONTACTO */
#contacto{width:100%; height:auto; background-color:#FFF; color: #383838; padding-top:90px; padding-bottom: 130px;}
.img_top{width:100%; height: auto; margin:0 auto;}
.img_top img{width: 100%; height: auto;}
.contacto{width:95%; height: auto; padding-top: 160px; margin:0 auto;}
.contacto article{display: inline-block; width:95%; margin: 0; vertical-align: top;}
.contacto h2{border-bottom: 1px solid #FF0004; width:100%; margin:0 auto;  padding: 10px 0 0 0; text-align: left;}
.contacto p{text-align: justify; padding: 0;}
.info_contacto{color:#4D4D4D;}
.contacto br{line-height: 30px;}
.contacto img{width:25px; height: auto; vertical-align: middle;}
.contacto span{display:block; margin-left: 30px; line-height: 25px;}
#contact_form{margin: 0 auto; border: solid 1px #000; }
#message_input{padding: 10px; margin: 0 auto;}

/*FOOTER*/
footer{width:100%; height: auto; background-color: #000; font-size: 12px; color:#878787; bottom: 0; text-align: center; position: fixed;}
footer section{width:95%; margin:0 auto; padding: 10px 0;}
footer article{display:inline-block; width:45%; vertical-align: top; margin: 0 auto;}
footer img{width:auto; height: 30px;}
.copy{text-align: left;}
.logo{text-align: right;}
.politica{text-align: center;}
	
}