/*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";
}
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;
}
h8{
	font-family: Ubuntu-B;
	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;
}
h9{
	font-family: "Neuropol";
	font-size:15px;
	color:white;/* rgb(108,108,108);*/
	padding:20px;
	
}
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: 510px;
	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;	
}


#emp{
	transform: translate(12%,15%);
	
}
#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;
}

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

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


aside{
	top:5%;
	
	position: absolute; /*relative;/*absolute; fixed;*/
	float:right;
	
	display: inline-table;
	width: 20%;
	background:rgba(153,153,153,0.8);
	
	margin-right: 3%;
	margin-left: 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;
}
#contactar{
	top:55%;
	left:56%;
	position: absolute; /*relative;/*absolute; fixed;*/
	float:right;
	
	/*display: inline-table;*/
	width: 380px;
	height:400px;
	background:rgba(232,232,230,0.8);
	
	margin-right: 3%;
	margin-left: 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;
}

#asidediv{
	
	top:10%;
	left:56%;
	position: absolute; /*relative;/*absolute; fixed;*/
	/*float:right;*/
	margin-right: 3%;
	margin-left: 3%;
}
 .tooltip {
    display: inline;
    position: relative;
  }
  .tooltip:hover:after {
    bottom: 60px;
    content: attr(alt); /* este es el texto que será mostrado */
    left: 20%;
    position: absolute;
    z-index: 98;
    /* el formato gráfico */
    background-color: #801313;
	/*background: rgba(255,255,255, 0.9); /* el color de fondo */
    border-radius: 5px;
    color: #FFF; /* el color del texto */
    font-family: Georgia;
    font-size: 12px;
    padding: 5px 15px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
	text-align: center;
    text-shadow: 1px 1px 1px #000;
    width: 150px;
  }
  .tooltip:hover:before {
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
    /* el triángulo inferior */
    border: solid;
    border-color: rgba(255,255,255, 0.2) transparent;
    border-width: 6px 6px 0 6px;
  }
  
#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%;*/
	
	overflow:hidden;
	
	/*margin-top: 200px;
	
	/*background: rgb(153,0,0);*/
	background: white;

}

section{
	margin-top: 3%;
	margin-left: 10%;
	margin-right:10%;
	width:45%;
	position:relative;
	text-align: justify;
	/*margin:0 auto;*/
	
}


#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;
	/*margin-top: 200px;
	
	/*background: rgb(153,0,0);*/

	width: 100%;
	height:300px;
	position: relative;
	/*margin: 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;
}
#textempresa{
	
}
#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;
	
}



#confie{
	
	width: 90%;
	height:300px;
	background-color: white;
	float: left;
	text-align: justify;
	margin-top: 10px;
	margin: 10px;
	
	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;

}
#compromiso{
	width: 70px;
	height: 140px;
	
	background: url('../Img/compromiso.jpg');
	background-size: 100% 45%;
	background-repeat: no-repeat;
	display:box;
	float:left;
	margin:10px;
}
#trabajoequipo{
	width: 70px;
	height: 140px;
	background: url('../img/equipo.jpg');
	background-size: 100% 45%;
	background-repeat: no-repeat;
	display:box;
	float:left;
	margin:10px;
}
#innovacion{
	width: 70px;
	height: 140px;
	background: url('../img/innovacion.jpg');
	background-size: 100% 45%;
	background-repeat: no-repeat;
	display:box;
	float:left;
	margin:10px;
}
#proximidad{
	width: 70px;
	height: 140px;
	background: url('../img/proximidad.jpg');
	background-size: 100% 45%;
	background-repeat: no-repeat;
	display:box;
	float:left;
	margin:10px;
}
#honestidad{
	width: 70px;
	height: 140px;
	background: url('../img/honestidad.jpg');
	background-size: 100% 45%;
	background-repeat: no-repeat;
	display:box;
	float:left;
	margin:10px;
}
#responsabiliadsocial{
	width: 70px;
	height: 140px;
	background: url('../img/rsc.jpg');
	background-size: 100% 45%;
	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);
}
 #soli{
	 margin-left: 40%;
 }
/*
[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; article{
 -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; 
 }