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

body{
	[disabled]margin:0 auto; 
	/*background-image: url(../imagenes/fondobody.png);
	background-attachment: fixed;*/
}

#contenedor{
	margin:0 auto;
	width: 1100px;
	height:100%;
	background-image:url(../imagenes/fondo.png);
}
#banner {
	width:1000px;
	float:left;
	margin:0 0 0 50px;
}

#contenidoinicio {
	width:500px;
	margin-left:50px;
	padding: 30px 10px 0 5px; 
	padding-bottom:15px;
	float:left;
}
#contenidoinicio p{
	font-family:Tahoma, Geneva, sans-serif;
	text-align:justify;
	font-size:11pt;
}
#contenidoservicios {
	width:980px;
	margin-left:50px;
	padding: 10px 10px 0 10px; 
	float:left;	
}

#exito {
	margin:10px 0px 0 220px;
	float:left;	
}

#contenidoprivacidad {
	width:970px;
	margin-left:50px;
	padding: 10px 30px 0 10px; 
	float:left;
}
#tecnologia {
	width:500px;
	margin-left:50px;
	padding: 50px 10px 0 5px; 
	padding-bottom:15px;
	float:left;
}

#tecnologia2 {
	width:980px;
	margin-left:50px;
	padding: 50px 0 0 5px; 
	padding-bottom:15px;
	float:left;
}

#contenidoservicios ul li {
	list-style-image:url(../imagenes/img4.jpg);
	font-size: 11pt;
	font-family:Tahoma, Geneva, sans-serif;
}
#contenidoinicio ul li {
	list-style-image:url(../imagenes/img4.jpg);
	font-size: 11pt;
	font-family:Tahoma, Geneva, sans-serif;
}
#tecnologia2 ul li {
	font-size: 11pt;
	font-family:Tahoma, Geneva, sans-serif;
	margin-bottom:20px;
}
.iave {
	list-style-image:url(../imagenes/iave.jpg);
}
.att {
	list-style-image:url(../imagenes/at&t.jpg);
}
.sis{
	list-style-image:url(../imagenes/sis.jpg);
}
#contenidoprivacidad {
	list-style-type:disc;
	font-size: 11pt;
	font-family:Tahoma, Geneva, sans-serif;
}
#columnaderecha { 
	float:right;
	padding-top:40px;
	margin-right:50px;
}
.gallery {
	width:350px;
	height:263px;
	float:left;
	padding:180px 0 0 80px;
	/*margin-bottom:170px;*/
}
.galeria {
		border: 4px solid #00396f;
		box-shadow: 10px 10px 10px #333;	
	}
#pie {
	width:1000px;
	height:27px;
	margin:0 auto;
	padding-top:1px;
	background-color:#00386c;
}
#pie p {
	text-align:center;
	color:#fff;
	line-height:1px;
	font-size:9pt;
}
h1{
	font-size:15pt;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	color:#033a70;
}

h2{
	font-size:13pt;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	color:#033a70;
}
h3{
	font-size:11pt;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	color:#033a70;
}
p {
	font-size: 11pt;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
}
#animacion {
	position:relative;
	width:790px;
	top: 74px;
	}
	#animacion img {
		display:block;
		position:absolute;
		bottom: 0;
		left: 0;
		transform: translateX(-100px);	
	}
	#car1 {
		animation-name: carro1;
		animation-duration: 15s;
		animation-iteration-count: infinite;	
	}
	
#logotipo {
	width:105px;
	height:120px;
	margin: 0 0 0 50px;
	float: left;
	border-left: 1px solid #333;
	
}	
.logo {
	padding:30px 10px 0 8px;
}
#menu {
	width: 890px;
	height: 120px;
	margin:0 50px 0 0;
	border-right: 1px solid #333;
	overflow: hidden;
	float:right;
}
#menu ul {
	padding: 6px 5px 10px 10px;
	
}
#menu li {
	font-family: 'Squada One', cursive;
	font-size: 20.5px;
	line-height: 1;/*margen superior de menu*/
	text-align: center;
	list-style-type:none;
	float: left;
	position: relative;
}
#menu li a {
	color: #01386e;/*color de fuente*/
	text-decoration: none;
	padding: 4.5px 3px;/*ancho y alto de fondo rojo de menu*/	
}
#menu li a:hover {
	background: #ff120d;/*fondo rojo del menu*/
	/*border-bottom: 2px solid #ff120d;*/
	color: #fff;/*color de fuente al cambio*/
	transition: 1.5s ease all;/*celocidad de transición*/	
}
.rojo {
	color:#F00;
}

#industrias {
	display: block;
	width: 1000px;
	height: 70px;
	margin-left:40px;
	overflow: hidden;
	float:left;
}

#industrias li {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	line-height:3;
	letter-spacing:4px;
	list-style-type:none;
	float: left;
	margin:5px;
	font-weight: bold;
}
#formulario {
	width: 350px;
	padding: 5px;
	margin-left:250px;
}

#formulario p {
	text-align:right;
}

#mision {
	padding-bottom:30px;
	margin:0 0 0 50px;
}

@keyframes carro1 {
	from {transform: translateX(-600px);}
	to {transform: translateX(1000px);}
}