body, html {
	margin: 0;
	padding: 0;
	font-family: "raleway", arial, sans-serif;
	font-size: 18px;
	background: url(fondo.png) center;
}
.carga {
	float: left;
	width: 50%;
	text-align: center;
	padding:10px 0;
}
h3{color:#af290e;font-weight:700;font-size:38px;text-transform: uppercase;text-align: center;margin:40px auto 0;}
.telph{font-size:50px;font-family: Arial, Helvetica, sans-serif;text-align: center;margin:0 auto;}
.clear {clear: both;width:100%;}
input[type=text],textarea{width:90%;margin-bottom:10px;padding:8px 4px !important;}
.encabezado {width:950px;margin: 0 auto;background: #fff;}
.transporte {width:50%;float:left;text-align: center;}
.amedida {font-size: 16px;font-family: Helvetica, Arial, sans-serif;color: #D77300;border-radius: 5px;border: #BABABA 1px solid;}
.info {width:950px;margin: 0 auto;background: #fff;clear: both;text-align:center;padding-top: 40px;}
h1 {margin: 0;padding: 0;font-size: 50px;color: #af290e;}
h2 {margin: 0;padding: 0;font-size: 38px;color: #af290e;}
.servicios1 {width: 31.33%;margin: 20px 1%;float: left;height: 180px;padding-top: 70px;font-size: 24px;font-weight: 600;color: #fff;text-shadow: 1px 1px 1px #222, -1px -1px 1px #222, 1px -1px 1px #222, -1px 1px 1px #222;box-shadow: 4px 4px 8px #555;}
.servicios2 {width: 31.33%;margin: 20px 1%;float: left;height: 180px;padding-top: 70px;font-size: 24px;font-weight: 600;color: #fff;text-shadow: 1px 1px 1px #222, -1px -1px 1px #222, 1px -1px 1px #222, -1px 1px 1px #222;box-shadow: 4px 4px 8px #555;}
.uno {background:url(1.jpg);background-size: cover;}
.dos {background:url(2.jpg);background-size: cover;}
.tres {background:url(3.jpg);background-size: cover;}
.cuatro {background:url(4.jpg);background-size: cover;}
.cinco {background:url(5.jpg);background-size: cover;}
.seis {background:url(6.jpg);background-size: cover;}
.ventajas {background:url(gps.png);width: 100%;height: 300px;font-size: 24px;font-weight: 600;color: #222;text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff;line-height: 54px;}
.requisitos {background:url(requisitos.png);width: 100%;height: 300px;font-size: 22px;font-weight: 600;color: #222;text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff;line-height: 48px;}
.pie {width:950px;margin: 0 auto;color: #fff;text-align:center;}
a:link, a:visited {text-decoration: none;color: #111;}
a:hover {color: #ccc;}


/* Animacion */
.camion{width:100%;overflow: hidden;height:420px;background:url(cocina.jpg) center; background-size: cover;}
@keyframes transporte {0% {margin-left: 0;}18% {margin-left: 0;}20% {margin-left: -100%;}38% {margin-left: -100%;}40% {margin-left: -200%;}58% {margin-left: -200%;}60% {margin-left: -300%;}78% {margin-left: -300%;}80% {margin-left: -400%;}98% {margin-left: -400%;}100% {margin-left: 0;}}
.flete{width:500%;height:420px;display:table; animation: transporte 20s linear infinite;}
.transportede{width:20%;display:table-cell;vertical-align:middle;background-size:cover !important;}
.cargas01{background:url(111.jpg) center no-repeat;}
.cargas02{background:url(112.jpg) center no-repeat;}
.cargas03{background:url(116.jpg) center no-repeat;}
.cargas04{background:url(114.jpg) center no-repeat;}
.cargas05{background:url(115.jpg) center no-repeat;}

.videodos{width:640px;max-width:100%;aspect-ratio: 16/9;background-color: #222;}

.wsp {position: fixed;bottom: 10px;right: 10px;background: #00be00 url(wsp.png) center no-repeat;width: 64px;height: 64px;overflow: hidden;z-index: 6;transition: all 0.3s ease;text-align: center;line-height: 32px;font-weight: 700;color: #F0F8FA;text-transform: uppercase;border-radius: 3px;}
.wsp:hover{filter:brightness(0.7);}
.friocargo{width:100%;padding:30px 0;background:url(camion/friocalor.jpg) center;background-size:cover;}
.friocargo p{font-size:22px;max-width:90%;margin:0 auto;}
.friofoto{width:33.33%;float:left;}
.friofoto img{max-width:96%;}
h4{text-transform: uppercase;font-size:28px;font-weight:700;margin:0 auto;padding:6px 0;}
@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 780px) {
img{max-width:100% !important;}
.encabezado,.animacion,.info,.pie{width:96%;}
.encabezado{text-align: center;}
.carga,.transporte{float:none;width:100%;}
.servicios1,.servicios2{width: 48%;}
.ventajas,.requisitos{font-size:20px;line-height:34px;height:auto}
h1,h2{font-size:30px;}
img[src="sedronar.png"],img[src="carga.png"]{padding-top:20px;}
.friocargo{margin-top:20px;}
.friofoto img{max-width:96% !important;}
}
@media only screen and (max-width: 538px) {
.servicios1,.servicios2{width: 94%;float:none;margin:16px 3%;}
}