/*funetes personalizadas*/

@font-face{
	font-family: "ubuntuRegular";
	src: url(fuentes/Ubuntu-R.ttf) format("truetype");
}
@font-face{
	font-family: "flats";
	src: url(fuentes/flats.ttf) format("truetype");
}
@font-face{
	font-family: Ubuntu-B;
	src: url(fuentes/Ubuntu-B.ttf) format("truetype");
}
@font-face{
	font-family: AbteciaBasic;
	src: url(fuentes/Abtecia Basic Sans Serif Font.ttf) format("truetype");
}
@font-face{
	font-family: "AarvarkCafe";
	src: url(fuentes/Aarvark Cafe.ttf) format("truetype");
	
}

@font-face{
	font-family: Ubuntu-BI;
	src: url(fuentes/Ubuntu-BI.ttf) format("truetype");
	
}
@font-face{
	font-family: Neuropol;
	src: url(fuentes/Neuropol.TTF) format("truetype");
	
}
/* estilos basicos*/
h1,h2{
	font-family: "Neuropol";
}
h9{
	font-family: "Neuropol";
	font-size:15px;
	color:white;/* rgb(108,108,108);*/
	padding:20px;
	
}
h5{

font-family: Ubuntu-BI;	

}
h3{

font-family: Ubuntu-BI;	
color: rgb(108,108,108);
}

p{
	font-family: "ubuntuRegular";
}
h1{
	transform:(150px 0px);
	
	-moz-transform:(150px 0px);
	-webkit-transform:(150px 0px);
	position:relative;
	color: white;
	font-size: 30px;
	top: -20%;
	margin-top: 10px;
	letter-spacing: 0px;
	display:inline;
}	
h2{
	transform:(150px 0px);
	-moz-transform:(150px 0px);
	-webkit-transform:(150px 0px);
	position:relative;
	color: white;
	font-size: 20px;
	top: -20%;
	margin-top: 10px;
	letter-spacing: 0px;
	display:inline;
}
h5{
	transform:(150px 0px);
	-moz-transform:(150px 0px);
	-webkit-transform:(150px 0px);
	position:relative;
	color: rgb(163,0,28);
	font-size: 20px;
	top: -20%;
	margin-top: 10px;
	letter-spacing: 0px;
	display:inline;
}
h6{
	transform:(150px 0px);
	/*font-family: "Neuropol";*/
	-moz-transform:(150px 0px);
	-webkit-transform:(150px 0px);
	position:relative;
	color: white;
	/*font-size: 20px;*/
	/*top: -20%;*/
	/*margin-top: 10px;*/
	letter-spacing: 1px;
	display:inline;
}
h7{
	transform:(150px 0px);
	-moz-transform:(150px 0px);
	-webkit-transform:(150px 0px);
	position:relative;
	color: rgb(163,0,28);
	font-size: 15px;
	top: -20%;
	margin-top: 10px;
	letter-spacing: 0px;
	display:inline;
}
body{
	/*text-align: center;*/
	margin:0px;
	/*background: lightgray;*/
	/*background: url('../Img/negro.png'), url('../Img/azul.png'),url('../Img/fondo.jpg');*/
	/*background: url('../Img/negro.png'),url('../Img/fondo.jpg');*/
	
}
#logo{
	transform: translate(10%,0%);
	width: 100px;
	height:10px;
	/*display: inline;*/
	position: relative;
}


header{

	display: table;
	margin-top: 0%;
	text-align: left;
	width: 100%;
	height: 50px;
	/*background: darkgray;*/
	background: rgba(182,43,22,0.5);
	/*overflow:hidden;*/
	/*
	border: 2px solid white;
	border-radius: 0px 0px 35px 35px;
	-moz-border-radius:  0px 0px 35px 35px;
	-webkit-border-radius:  0px 0px 35px 35px;
	box-shadow: 0px 0px 10px white;
	-moz-box-shadow: 0px 0px 10px white;
	-webkit-box-shadow: 0px 0px 10px white;
	*/
}


#cajaheader{
	width: 100%;
	height: 550px;
	position: relative;
	margin: auto;
	/*background: rgb(153,0,0);*/
background: url('../Img/mundi.png');
overflow:hidden;
	/*background-repeat:no-repeat;*/
	
}



#clientes{

	width: 460px;
	height:-100px;
	margin-top: 50px;
	margin-left: -230px;
	left: 50%;
	top: 50%;
	position: absolute;
	
	
    border:1px solid white;
	border-radius: 25px  25px 25px  25px;
	-moz-border-radius: 25px  25px 25px  25px;
	-webkit-border-radius: 25px  25px 25px  25px;
	
}

#menu{
	
	position:absolute;
	margin-left:30%;
	margin-top:15px;
	font-family: 'Droid Sans', sans-serif;
	font-size:12px;
}


nav ul ul {
	display: none;
}
 
nav ul li:hover > ul {
	display: block;
}
nav ul {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 2px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
nav ul:after {
	content: ""; clear: both; display: block;
}
nav ul li {
	float: left;
}
nav ul li:hover {
	background: #4b545f;
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
nav ul li:hover a {
	color: #fff;
}
	
nav ul li a {
	display: block; padding: 10px 15px;
	color: #757575; text-decoration: none;
}
 
nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
nav ul ul li {
	float: none; 
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
	position: relative;
}
nav ul ul li a {
	padding: 15px 40px;
	color: #fff;
}	
nav ul ul li a:hover {
	background: #4b545f;
}
nav ul ul ul {
	position: absolute; left: 100%; top:0;
}



#emp{
	transform: translate(12%,15%);
	
}




#cajaimagenes{
	text-align: left;
	margin-top:90px;
	/*width: 100%;
	height: 30%;*/
	
	/*background: rgba(255,255,255,0.8);*/
	position: absolute;
	/*background: url('../Img/gentes.jpg');*/
	width: 100%;
	height:400px;
	
	/*margin: auto;*/
	/*background: rgb(153,0,0);*/
	/*background: black;*/

	background-repeat:no-repeat;
	background-size: 100% 100%;
}


.slider{
	
	width: 100%;
	height:400px;
	position: absolute;
	margin: auto;
	overflow:hidden;
	
	/*background: rgb(153,0,0);*/
	/*background: white;*/
    /*background: url('../Img/camion2.jpg');*/
	/*background: url('../Img/hinos2.jpg');*/
	/*background: url('../Img/camiones2.jpg');*/
	/*background: url('../Img/hino3.jpg');*/
	/*background-repeat:no-repeat;
	background-size: 100% 100%;*/
	
}
.slider ul{
	margin-top:0%;
	/*margin-bottom:0%;*/
	display:flex;
	padding:0;
	width:500%;
	animation:cambio 40s infinite alternate;
	/*animation-direction:alternate;*/
	
}
.slider li{
	
	width:100%;
	height:400px;
	list-style:none;
}
.slider img{
	
	width:100%;	
	height:100%;
}
@keyframes cambio{
	0% {margin-left:0;}
	18% {margin-left:0;}
	
	22% {margin-left:-100%;}
	40% {margin-left:-100%;}
	
	44% {margin-left:-200%;}
	62% {margin-left:-200%;}
	
	66% {margin-left:-300%;}
	84% {margin-left:-300%;}
	
	88% {margin-left:-400%;}
	100% {margin-left:-400%;}
}
/*
#contenido{
	width: 100%;
	height:400px;
	position: absolute;
	margin: auto;
	
	
	background: white;
    
	background: url('../Img/camiones2.jpg');
	
	background-repeat:no-repeat;
	background-size: 100% 100%;
	
}
*/
aside{
	top:2%;
	
	position:  relative; /*relative;/*absolute; fixed;*/
	float:right;
	
	display: inline-table;
	width: 20%;
	background:rgba(153,153,153,0.8);*/
	margin-top: 30px;
	margin-right: 3%;
	padding: 10px;
	/*transform: translate(385%,0%);*/
	border:1px solid white;
	border-radius: 0px 25px 0px 25px;
	-moz-border-radius: 0px 25px 0px 25px;
	-webkit-border-radius: 0px 25px 0px 25px;
	
	box-shadow: 3px 3px 10px black;
	-moz-box-shadow: 3px 3px 10px black;
	-webkit-box-shadow: 3px 3px 10px black;
}

#visor{
	width: 100%;
	height:20px;
	position: relative;
	/*margin: auto;*/
	
	margin-top: 0px;
	background: rgba(153,153,153,0.8);
	/*background: black;*/

}
#datos{
	width: 100%;
	height:100%;
	position: relative;
	margin-top: 0%;
	
	
	margin: 0 auto;
	/*margin-top: 200px;
	
	/*background: rgb(153,0,0);*/
	background: white;

}

section{
	margin-top: 3%;
	margin-left: 10%;
	/*margin:0 auto;*/
	
}

#caja_gerente{
	
	/*margin: auto;
	/*margin-top: 200px;
	
	/*background: rgb(153,0,0);*/

	width: 100%;
	height:250px;
	position: relative;
	/*margin: auto;*/
	
	margin-top: 500px;
	background: url('../Img/fondo_gerente3.jpg');
	background-repeat:no-repeat;
	/*background: rgba(153,153,153,0.8);*/
	/*background: black;*/

}
#gerente{
	font-family: Ubuntu-BI;	
	/*top:25%;*/
	font-size:25px;
	margin-top: 50%;
	margin-left: 12%;
	
}
#cargo{
	font-family: Ubuntu-BI;	
	
	font-size:15px;
	margin-left: 12%;
}
#texto_gerente{
	width:600px;
	font-family: "ubuntuRegular";
	font-size:15px;
	margin-left: 12%;
	color: white;
	text-align: justify;
}
#informacion{
	/*margin: auto;
	/*margin-top: 200px;
	
	/*background: rgb(153,0,0);*/

	width: 100%;
	height:200px;
	position: relative;
	/*margin: auto;*/
	
	margin-top: 10px;
	
	background: rgba(232,232,230,0.8);
	/*background: black;*/
	
}
#creditos{
	/*margin: auto;
	
	
	/*background: rgb(153,0,0);*/

	width: 100%;
	height:300px;
	position: relative;
	/*margin: 0 auto;*/

	
	background: rgb(38,38,38);
	/*background: black;*/
	
}
#textofooter{
	
	font-family: "Tahoma";
	font-size:13px;
	text-decoration: none;
	/*color: white;*/
	margin-top:15px;

	display:inline-table;

}
div table{
	/*margin-left:20%;	*/
	margin:0 auto;
	
}
div table tr td h1{
	font-family: Ubuntu-B;
	font-size:15px;
	display:inline-table;
}
div table tr td {
	/*padding:20px;*/
	padding-right: 100px;
}
div table tr td h2{
	/*font-family: "ubuntuRegular";*/
	font-family: Ubuntu-BI;
	font-size:13px;
	
}
div table tr td h2 a{
	text-decoration: none;
	color: white;
	
}

#textofooter a{
	text-decoration: none;
	color: white;
}
#diseno{
	
	font-family: "ubuntuRegular";
	font-size:15px;
	text-decoration: none;
	margin-top:15px;
	margin-right:15px;
	float:right;
	display:inline-table;
	/*color: white;*/

}

input{
	
	width: 90%;
	text-decoration: none;
	font-family: ubuntuRegular;
	border: 1px solid black;
	border-radius: 0px 5px 0px 5px;
	-moz-border-radius: 0px 5px 0px 5px;
	-webkit-border-radius: 0px 5px 0px 5px;
	list-style: nome;
	margin:1px;
	
}
article{
	
	width: 40%;
	height:110px;
	background-color: white;/*rgba(124, 125, 125, 0.9);
	/*background: background: rgba(255,255,255,0.2)*/
	/* para animar el fondo este pone de color blanco el fondo
	background: rgba(255,255,255,0); -- */
	float: left;

	text-align: justify;
	margin-top: 10px;
	margin: 10px;
	
	overflow:hidden;
	
	/*height: 100%;*/
	/*display: table;*/
	/*border: 1px solid rgb(163,0,28);*/
	border-radius: 0px 25px 0px 25px;
	-moz-border-radius: 0px 25px 0px 25px;
	-webkit-border-radius: 0px 25px 0px 25px;
	box-shadow: 3px 3px 10px black;
	-moz-box-shadow: 3px 3px 10px black;
	-webkit-box-shadow: 3px 3px 10px black;
	padding: 10px 10px 10px 10px;
	opacity: 1;
	/*transition: opacity 1s, box-shadow 1s, transform 0.3s, background 1s; -- cuando sele pone background a 1s anima tambien el color de fondo*/
	transition: opacity 1s, box-shadow 1s, transform 0.3s;
	-moz-transition: opacity 1s, -moz-box-shadow 1s, -moz-transform 0.3s;
	-webkit-transition: opacity 1s, -webkit-box-shadow -webkit-transform 0.3s;
	transform: scale(1,1);
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	
}
article a{
	
	text-decoration:none;  
}
#icono_camion{
	width: 70px;
	height: 80px;
	
	background: url('../Img/icono_camion.png');
	background-size: 100% 85%;
	background-repeat: no-repeat;
	display:box;
	float:left;
	margin:10px;
}
#icono_servicios{
	width: 70px;
	height: 80px;
	background: url('../Img/logistica.png');
	background-size: 100% 85%;
	background-repeat: no-repeat;
	display:box;
	float:left;
	margin:10px;
}
#icono_valor{
	width: 70px;
	height: 80px;
	background: url('../Img/servicio-valor-anadido.png');
	background-size: 100% 85%;
	background-repeat: no-repeat;
	display:box;
	float:left;
	margin:10px;
}
#icono_feriales{
	width: 70px;
	height: 80px;
	background: url('../Img/servicios-feriales.png');
	background-size: 100% 85%;
	background-repeat: no-repeat;
	display:box;
	float:left;
	margin:10px;
}
#icono_aduanas{
	width: 70px;
	height: 80px;
	background: url('../Img/aduanas.png');
	background-size: 100% 85%;
	background-repeat: no-repeat;
	display:box;
	float:left;
	margin:10px;
}
#icono_distribucion{
	width: 70px;
	height: 80px;
	background: url('../Img/icono_peru.jpg');
	background-size: 100% 85%;
	background-repeat: no-repeat;
	display:box;
	float:left;
	margin:10px;
}
#info{
	font-family: Ubuntu-R;	
	margin-left: 10%;
	font-size:25px;
	color: rgb(163,0,28);
	
}
#info2{
	
	font-family: "ubuntuRegular";
	margin-left: 10%;
	font-size:15px;
	margin-top:0px;
	color: rgb(87,87,87);
}
/*
[required]{
	border-color:green;
	box-shadow: 0px 0px 5px green;
}
:invalid{
	border-color: red;
	box-shadow: 0px 0px 20px red;
	-moz-box-shadow: 0px 0px 20px red;
	-webkit-box-shadow: 0px 0px 20px red;
}
*/
/* fomulario*/

footer{
	margin: auto;
	/*margin-top: 1%;*/
	text-align:center;
	width:100%;
	height:40px;
	background: rgb(128,19,19);
	position:relative;
	display:table;
	
}
*:focus { 
outline: none; 
} 
/* === Form Typography === */ 

.contact_form h2, .contact_form label { 
font-family: "ubuntuRegular"; /*Georgia, Times, "Times New Roman", serif; */
} 
.form_hint, .required_notification {
	font-size: 15px; 
} 
/* === List Styles === */ 
.contact_form ul { 
width: 370px; 
list-style-type: none;
list-style-position: outside; 
margin: 0px; 
padding: 0px; 
} 
.contact_form li { 
padding: 5px; 
border-bottom: 1px solid #eee; 
position: relative; 
} 
.contact_form li:first-child, .contact_form li:last-child { 
border-bottom: 1px solid #777;
 } 
 /* === Form Header === */ 
 .contact_form h2 { 
 margin: 0; 
 display: inline; 
 } 
 .required_notification {
	 color: #d45252; 
	 margin: 5px 0 0 0; 
	 display: inline; 
	 float: right; 
} 
	 /* === Form Elements === */ 
.contact_form label { 
width: 80px; 
margin-top: 3px; 
display: inline-block; 
float: left; 
padding: 0px; 
} 
.contact_form input { 
height: 20px; 
width: 220px; 
padding: 0px 0px; 
} 
.contact_form textarea { 
padding: 8px; 
width: 300px; 
} 
.contact_form button { 
margin-left: 156px; 
} 
/* form element visual styles */ 
.contact_form input, .contact_form textarea {
border: 1px solid #aaa; 
box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset; 
border-radius: 2px; 
padding-right: 30px; 
-moz-transition: padding .25s; 
-webkit-transition: padding .25s; 
-o-transition: padding .25s; 
transition: padding .25s; 
} 
.contact_form input:focus, .contact_form textarea:focus { 
background: #fff; 
border: 1px solid #555; 
box-shadow: 0 0 3px #aaa; 
padding-right: 60px; 
} 

/* === HTML5 validation styles === */ 
.contact_form input:required, .contact_form textarea:required { 
background: #fff url(images/red_asterisk.png) no-repeat 98% center; 
} 
.contact_form input:required:valid, .contact_form textarea:required:valid { 
background: #fff url(images/valid.png) no-repeat 98% center; 
box-shadow: 0 0 5px #5cd053; 
border-color: #28921f; 
} 
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid { 
background: #fff url(images/invalid.png) no-repeat 98% center; 
box-shadow: 0 0 5px #d45252; 
border-color: #b03535; 
} 
/* === Form hints === */ 
.form_hint { 
background: #d45252; 
border-radius: 3px 3px 3px 3px; 
color: white;
 margin-left: 8px; 
 padding: 1px 6px; 
 z-index: 999; 
 /* hints stay above all other elements */ 
 position: absolute; 
 /* allows proper formatting if hint is two lines */ 
 display: none; 
 } 
 .form_hint::before { 
 content: "\25C0"; 
 color: #d45252; 
 position: absolute; 
 top: 1px; 
 left: -6px; 
 } 
 .contact_form input:focus + .form_hint { 
 display: inline; 
 } 
 .contact_form input:required:valid + .form_hint { 
 background: #28921f; 
 } 
 .contact_form input:required:valid + .form_hint::before { 
 color: #28921f; 
 }
 /* === Button Style === */ 
 button.submit { 
 /*background-color: #68b12f; */
 background-color: #801313;
 background: -webkit-gradient(linear, left top, left bottom, from(#801313), to(#801313)); 
 background: -webkit-linear-gradient(top, #801313, #801313); 
 background: -moz-linear-gradient(top, #801313, #801313); 
 background: -ms-linear-gradient(top, #801313, #801313); 
 background: -o-linear-gradient(top, #801313, #801313); 
 background: linear-gradient(top, #801313, #801313); 
 border: 1px solid #509111; 
 border-bottom: 1px solid #5b992b; 
 border-radius: 3px; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px; 
 -ms-border-radius: 3px; 
 -o-border-radius: 3px; 
 box-shadow: inset 0 1px 0 0 #801313; 
 -webkit-box-shadow: 0 1px 0 0 #801313 inset; 
 -moz-box-shadow: 0 1px 0 0 #801313 inset; 
 -ms-box-shadow: 0 1px 0 0 #801313 inset; 
 -o-box-shadow: 0 1px 0 0 #801313 inset; 
 color: white; 
 font-weight: bold; 
 padding: 6px 20px; 
 text-align: center; 
 text-shadow: 0 -1px 0 #396715; 
 } 
 button.submit:hover { 
 opacity: .85; 
 cursor: pointer; 
 } 
 button.submit:active { 
 border: 1px solid #20911e; 
 box-shadow: 0 0 10px 5px #356b0b inset; 
 -webkit-box-shadow: 0 0 10px 5px #356b0b inset; 
 -moz-box-shadow: 0 0 10px 5px #356b0b inset; 
 -ms-box-shadow: 0 0 10px 5px #356b0b inset; 
 -o-box-shadow: 0 0 10px 5px #356b0b inset; 
 }
 
  button.infor { 
 /*background-color: #68b12f; */
 background-color: #801313;
 background: -webkit-gradient(linear, left top, left bottom, from(#801313), to(#801313)); 
 background: -webkit-linear-gradient(top, #801313, #801313); 
 background: -moz-linear-gradient(top, #801313, #801313); 
 background: -ms-linear-gradient(top, #801313, #801313); 
 background: -o-linear-gradient(top, #801313, #801313); 
 background: linear-gradient(top, #801313, #801313); 
 border: 1px solid #509111; 
 border-bottom: 1px solid #5b992b; 
 border-radius: 3px; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px; 
 -ms-border-radius: 3px; 
 -o-border-radius: 3px; 
 box-shadow: inset 0 1px 0 0 #801313; 
 -webkit-box-shadow: 0 1px 0 0 #801313 inset; 
 -moz-box-shadow: 0 1px 0 0 #801313 inset; 
 -ms-box-shadow: 0 1px 0 0 #801313 inset; 
 -o-box-shadow: 0 1px 0 0 #801313 inset; 
 color: white; 
 font-weight: bold; 
 padding: 6px 20px; 
 text-align: center; 
 text-shadow: 0 -1px 0 #396715; 
 margin-left:50%;
 } 
 button.infor:hover { 
 opacity: .85; 
 cursor: pointer; 
 } 
 button.infor:active { 
 border: 1px solid #20911e; 
 box-shadow: 0 0 10px 5px #356b0b inset; 
 -webkit-box-shadow: 0 0 10px 5px #356b0b inset; 
 -moz-box-shadow: 0 0 10px 5px #356b0b inset; 
 -ms-box-shadow: 0 0 10px 5px #356b0b inset; 
 -o-box-shadow: 0 0 10px 5px #356b0b inset; 
 } 
