body,td,th {
	font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #243646;
	font-weight: 400;
	text-align: left;
}

body {
	width: 100%;
	margin: 0;
}

a:link {
	text-decoration: none;
	color: #243646;
}

a:visited {
	text-decoration: none;
	color: #243646;
}

a:hover {
	text-decoration: none;
	color: #C5143D;
}

a:active {
	text-decoration: none;
	color: #243646;
}

.alpha1{opacity: 0;}

header {
    position: fixed;
    width: 100%;
    height: 100px;
    clear: both;
    padding-top: 0px;
    text-align: center;
    background-color: #FFF;
    padding-bottom: 0px;
    border-bottom: 5px solid #C5143D;
	z-index: 999;
}

.contenido-menu {
	position: relative;
	width: 100%;
	max-width: 1200px;
	text-align: right;
	margin: 0 auto;
	clear: both;
}

.logo {
    position: absolute;
    /*height: 30px;*/
    z-index: 20;
    left: 0px;
    top: 15px;
    padding-top: 0px;
}

.menu-movil {
	position: absolute;
	width: 100%;
	visibility: hidden;
	background-color: #243646;
	text-align: center;
}

.main-menu{
	float: center;
	list-style: none;
	width: 100%;
	/*width: 990px;*/
	height: 40px;
	font-size: 17px;
	color: #243646;
	padding: 40px 0 0 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0px;
}

.main-menu ul{
	list-style:none;
	margin: 0 auto;
	color: #243646;
	padding: 0px;
}

.main-menu li{
	float:right;
	margin: 0 auto;
	/*width: 130px;
	height: 44px;*/
	padding: 0px;
}

.main-menu li a{
	color: #243646;
	display: block;
	/*height: 50px;*/
	text-align: center;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 30px;	/*border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #0C3;*/
}

.main-menu li a:hover{
	color: #C5143D;
	text-decoration: none;
	/*background-color: #1C46AD;*/
}

.main-menu li ul{
	display: none;
	height: auto;
	filter: alpha(opacity=85);
	opacity: 0.85;
	position: absolute;
	z-index: 200;
	background-color: #000;	/*top:1em;
	/*left:0;
	padding-bottom: 22px;*/
}

.main-menu li:hover ul{
	display:block;
}

.main-menu li li {
	display: block;
	float: none;
	/*height: 26px;
	width: 180px;*/
	padding: 0px;
}

.main-menu li ul a{
	display:block;
	font-size:16px;
	text-align:left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #FFF;
}

.main-menu li ul a:hover{
    color: #FFFFFF;
	/*filter:alpha(opacity=70);
	opacity:0.70;*/
	background-color: #B20000;	/*height: 25px;*/
}

.main-menu p{
	clear:left;
}

.banner-home {
    position: relative;
    width: 100%;
    /*height: 850px;*/
    padding-top: 100px;
    clear: both;
    margin: 0 auto;
    /*    max-width: 1320px;*/
    text-align: center;
    /*background-image: url(images/img-banner-home01.jpg);
    background-repeat: no-repeat;
    background-position: center center;*/
}

.cont-categorias {
    position: relative;
    width: 100%;
    margin: 0 auto;
    clear: both;
}

.categoria {
    float: left;
    width: 270px;
    /*width: 23%;¡¡Si hay 4 servicios!!*/
	font-size: 15px;
    padding: 20px;
    text-align: center;
    margin: 40px 15px;
}

.cat-titulo {
    font-size: 30px;
	width: 100%;
	padding-bottom: 20px;
}

.categoria #icono {
	font-size: 70px;
	color: #C5143D;
	padding-bottom: 20px;
}

#icono {
	font-size: 22px;
	color: #FFF;
	padding-right: 10px;
}

.fondo-quienes {
    position: relative;
    width: 100%;
	height: 700px;
    clear: both;
    background-color: rgba(36,54,70,0.20);
}

.fondo-aviso {
    position: relative;
    width: 100%;
    padding-top: 80px;
    clear: both;

}
.contenido-quienes {
    position: relative;
    width: 95%;
    clear: both;
    margin: 0 auto;
    max-width: 1030px;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
}

.fondo-servicio01 {
    position: relative;
    width: 100%;
    /*height: 700px;*/
    clear: both;
    background-color: #243646;
    background-image: url(images/bkg-servicios-business.jpg);
    background-position: center center;
	padding: 80px 0px;
}

.contenido-servicio {
	position: relative;
	width: 95%;
	clear: both;
	margin: 0 auto;
	max-width: 1200px;
	text-align: left;
}

.titulo-servicios {
    color: #FFFFFF;
    font-size: 54px;
	padding: 0px 0px 35px 35px;
}

.texto-servicio01 {
    position: relative;
    width: 450px;
    clear: both;
    text-align: left;
    padding: 35px;
    color: #FFFFFF;
    background-color: rgba(36,54,70,0.40);
}

.texto-servicio01 #titulo {	font-size: 32px;}

.fondo-servicio02 {
    position: relative;
    width: 100%;
    /*height: 700px;*/
    clear: both;
    background-color: #243646;
    background-image: url(images/bkg-servicios-logistics.jpg);
    background-position: center center;
    padding: 80px 0px;
}

.texto-servicio02 {
    position: relative;
	/*float: right;*/
    width: 570px;
    clear: both;
    text-align: right;
    padding: 35px;
	margin-left: 560px;
    color: #FFFFFF;
    background-color: rgba(36,54,70,0.40);
}

.texto-servicio02 #titulo {	font-size: 32px;}
.texto-servicio02 #subtitulo { font-size: 24px; font-weight: 300;}

.fondo-servicio03 {
    position: relative;
    width: 100%;
    /*height: 700px;*/
    clear: both;
    background-color: #243646;
    background-image: url(images/bkg-servicios-suministro.jpg);
    background-position: center center;
    padding: 100px 0px;
}

.texto-servicio03 {
    position: relative;
	/*float: right;*/
    width: 450px;
    clear: both;
    text-align: left;
    padding: 35px;
	/*margin-left: 560px;*/
    color: #FFFFFF;
    background-color: rgba(36,54,70,0.40);
}

.texto-servicio03 #titulo {	font-size: 32px;}

.fondo-servicio04 {
    position: relative;
    width: 100%;
    /*height: 700px;*/
    clear: both;
    background-color: #243646;
    background-image: url(images/bkg-servicios-paqueteria.jpg);
    background-position: center center;
    padding: 150px 0px;
}

.texto-servicio04 {
    position: relative;
	/*float: right;*/
    width: 450px;
    clear: both;
    text-align: right;
    padding: 35px;
	margin-left: 680px;
    color: #FFFFFF;
    background-color: rgba(36,54,70,0.40);
}

.texto-servicio04 #titulo {	font-size: 32px;}

.fondo-nuestra-red {
    position: relative;
    width: 100%;
    height: 660px;
    clear: both;
    background-color: #d3d7da;
    background-image: url(images/img-fondo-nuestra-red.jpg);
    background-position: right center;
    background-repeat: no-repeat;
}

.contenido-nuestra-red {
	position: relative;
	width: 95%;
	clear: both;
	margin: 0 auto;
	max-width: 1150px;
	text-align: left;
	padding: 80px 0px;
}

.fondo-contacto {
    position: relative;
    width: 100%;
	height: 960px;
    clear: both;
    background-color: #c5143d;
    background-image: url(images/img-fondo-contacto.jpg);
    background-position: center center;
    background-attachment: fixed;
}

.contenido-contacto {
	position: relative;
	width: 96%;
	clear: both;
	margin: 0 auto;
	max-width: 850px;
	text-align: center;
	padding: 80px 0px;
	color: #FFF;
}

.contenido-contacto a:link { text-decoration: none; color: #FFF;}
.contenido-contacto a:visited { text-decoration: none; color: #FFF; }
.contenido-contacto a:active { text-decoration: none; color: #FFF; }
.contenido-contacto a:hover { text-decoration: none; color: rgba(255,255,255,0.50);}

.contacto-mail {
    float: left;
    width: 320px;
	height: 50px;
    margin: 40px 85px;
    text-align: left;
    font-weight: 300;
    font-size: 26px;
    background-image: url(images/icono-mail.png);
    background-repeat: no-repeat;
    background-position: left top;
	padding-top: 8px;
    padding-left: 60px;
	color: #FFF;
}

.contacto-whatsapp {
    float: left;
    width: 220px;
	height: 50px;
    margin: 40px 0px;
    text-align: left;
    font-weight: 300;
    font-size: 26px;
    background-image: url("images/icono-whastapp.png");
    background-repeat: no-repeat;
    background-position: left top;
	padding-top: 8px;
    padding-left: 60px;
	color: #FFF;
}

.contacto-formulario {
    position: relative;
	/*float: right;*/
    width: 450px;
    clear: both;
    text-align: left;
    padding: 50px 80px;
	margin: 0 auto;
    color: #FFFFFF;
    background-color: rgba(36,54,70,0.25);
}

.forma {
    font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
    font-size: 15px;
    background-color: #FFF;
    padding: 10px;
    width: 96%;
    margin-top: 0px;
    margin-bottom: 15px;
    padding: 2%;
    border: 1px solid #FFFFFF;
}

.boton-forma {
	font-family: 'Roboto Condensed', Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 400;
	background-color: #243646;
	border: 0px;
	color: #FFF;
	cursor: pointer;
	padding: 10px 40px;
}



.titulo-54 {
	font-size: 54px;
	color: #C5143D;
}

.titulo-26 {
	font-size: 26px;
	font-weight: 300;
}

footer {
	position: relative;
	width: 100%;
	background-color: #243646;
	clear: both;
	height: 60px;
}

.copy {
	float: left;
	width: 70%;
	font-size: 13px;
	padding-top: 22px;
	color: #FFF;
}

.copy a:link { text-decoration: none; color: #FFF;}
.copy a:visited { text-decoration: none; color: #FFF; }
.copy a:active { text-decoration: none; color: #FFF; }
.copy a:hover { text-decoration: none; color: rgba(255,255,255,0.50);}

.copy-redes {
	float: right;
	width: 160px;
	text-align: right;
	padding-top: 15px;
}

.copy-redes #icono {
	font-size: 26px;
	color: #FFF;
	padding-right: 10px;
}

.contenido-copy {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	clear: both;
}



 /*jssor slider loading skin spin css*/

#jssor_1{position:relative;margin:0 auto;top:0px;left:0px;width:1300px;height:580px;overflow:hidden;visibility:hidden;}

#jssor-slider{cursor:default;position:relative;top:0px;left:0px;width:1300px;height:580px;overflow:hidden;}


        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 032 css*/
        .jssorb032 {position:absolute;}
        .jssorb032 .i {position:absolute;cursor:pointer;}
        .jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
        .jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
        .jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
        .jssorb032 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 051 css*/
        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
		
		/*jssor slider arrow skin 055 css*/
        .jssora055 {display:block;position:absolute;cursor:pointer;}
        .jssora055 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora055:hover {opacity:.8;}
        .jssora055.jssora055dn {opacity:.5;}
        .jssora055.jssora055ds {opacity:.3;pointer-events:none;}

#imglogo { position:relative; z-index:1; width:300px;}
#imgpromo { position:relative; z-index:1; width:100%;}
#img100 { position:relative; z-index:1; width:100%;}
#img90 { position:relative; z-index:1; width:90%;}
#img80 { position: relative; z-index: 1; width: 80%;}
#img70 { position: relative; z-index: 1; width: 70%;}
#img60 { position: relative; z-index: 1; width: 60%;}
#img50 { position: relative; z-index: 1; width: 50%;}
#img40 { position: relative; z-index: 1; width: 40%;}
#icono-redes { position: relative; z-index: 1; width: 30px; padding: 5px;}



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

	

body,td,th {
	font-size: 15px;
}

.menu-movil {
	visibility: visible;
	position: relative;
	/*margin-top: -20px;*/
}

header {
	height: 80px;
}

.main-menu {
	visibility: hidden;
	position: absolute;
}

.categoria {
	width: 80%;
	margin-bottom: 60px;
}

.fondo-quienes {
 	height: 1460px;
}

#imglogo {
    width: 230px;
    padding-left: 15px;
}

.texto-servicio01 {
    width: 80%;
}

.texto-servicio02 {
    width: 80%;
	margin-left: 0px;
	text-align: left;
}
	
.texto-servicio03 {
    width: 80%;
}

.texto-servicio04 {
    width: 80%;
	margin-left: 0px;
	text-align: left;
}

.contacto-mail {
    width: 80%;
    margin: 30px auto 0px;
}

.contacto-whatsapp {
    width: 80%;
    margin: 30px auto;
}

.contacto-formulario {
    width: 80%;
	padding: 5% 8%;
}

footer {
	height: 130px;
}

.copy {
	width: 100%;
	text-align: center;
}
.copy-redes {
	width: 100%;
	padding-top: 20px;
	text-align: center;
}

.contenido-copy {
	width: 90%;
}

}