@charset "UTF-8";
/* CSS document */
/* Descripcion: estilo para Blue american
Autor: Omar De Luna
actualización: junio 2013 */


img{border:0;}

* { margin: 0; padding: 0; font-family: 'GothamBook', Helvetica, Arial, Verdana, sans-serif;}

a, input{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
	
#c7.oculta, #c9.oculta{
	display:block;
	}

#menu li.oculta{
	display:none;
	}

body, html {
	height: 100%;	
}


body{
	background:#fff;
	}

#lateral{
	width:55px;
	background:#ffd923;
	border-right:10px solid #263645;
	height:100%;
	position:fixed;
	left:0;
	z-index:9;
	}

#wrapper {
	width: 100%;
	margin:0 auto;
	height: auto !important;
	min-height: 100%;
	}

#content{
	padding-left:60px;
	}
	
#header{
	width:100%;
	height:145px;
	background:#fff;
	position:fixed;
	z-index:8;
	}
#head1{
	padding:20px 30px 0 30px;
	float:left;
	}
	
#head2{
	width:50%;
	height:145px;
	background:url(images/pleca.png) top right no-repeat;
	position:fixed;
	right:0;
	}
	
#head2a{
	width:98%;
	text-align:right;
	padding:25px 2% 0 0;
	height:40px;
	}
	
#head2a p{
	color:#1d4189;
	}
	
#head2a img{
	margin-bottom:-5px;}
	
#head2b{
	padding-top:10xp;
	width:98%;
	padding-right:2%;
	text-align:right;}
	
#header p.slogan{
	float:right;
	margin-top:50px;
	margin-left:20px;
	background:#ffd923;
	padding:3px 5px;
	color:#1d4189;}
	
#menu{
	width:100%;
	height:40px;
	background:#263645;
	position:fixed;
	top:145px;
	z-index:8;
	}

	
#menu ul{
	list-style:none;
	padding-left:30px;
	position:relative;
	}
	
#menu li{
	display:inline-block;
	padding:0 6px;
	}
	
#menu li a{
	font-size:13px;
	color:#fff;
	line-height:40px;
	font-weight:400;
	}

#menu li:hover, #menu li a:hover{
	background:#1d4189;
	color:#ffd923;
	}
	
#menu li a.active, #menu li.active{
	background:#1d4189;
	color:#ffd923;
	}
	
#menu ul li ul {
  padding: 0;
  position: absolute;
  top: 40px;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  z-index:999;
  width:170px;
	background:#1d4189;
	margin-left:-10px;
}

#menu ul li ul li { 
  display:block; 
  color: #fff;
  font-size:12px;
  border-right:1px solid #045193;
}

#menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#menu ul li ul li a{
	line-height:20px;
	color:#fff;
	display:block;
	padding:10px 5px;
	font-size:14px;
}

#menu ul li ul li a:hover{
	color:#ffd923;
}

#separa{
	height:185px;}

#idioma{
	position:fixed;
	right:0;
	top:145px;
	z-index:99;
	}

#slide{
	width:100%;
	height:auto;
	}
	
#col1{
	width:33%;
	float:left;
	background:#1d4189;
	height:280px;
	}
	
#col2{
	width:33%;
	float:left;
	background:#1b3b7b;
	height:280px;
	}
	
#col3{
	width:34%;
	float:left;
	background:#f1f2f2;
	height:280px;
	}
	
#contenido{
	padding:50px 40px 0 40px;}
	
h1{
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	font-size:40px;
	line-height:45px;
	color:#ffd923;
	margin-bottom:10px;
	}
	
h2{
	font-size:30px;
	line-height:35px;
	background:#1d4189;
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	display:block;
	color:#ffd923;
	padding:20px;
	}
	
	
h3{
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	font-size:40px;
	line-height:45px;
	color:#1d4189;
	margin-bottom:10px;
	}
	
h4{
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	font-size:15px;
	line-height:20px;
	color:#1d4189;
	margin-bottom:10px;
	}
	
h6{
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	font-size:40px;
	line-height:45px;
	color:#fff;
	margin-bottom:10px;
	}
	
	
p {
	font-size:15px;
	line-height:20px;
	color:#666;
	}
	
p.blanco {
	font-size:15px;
	line-height:20px;
	color:#fff;
	}
	
	
a {
	font-size:15px;
	line-height:20px;
	color:#666;
	text-decoration:none;
	}
	
a:hover {
	color:#0054a3;
	}
	

.cleare {
	display: block;
	clear: both;
}

.corte {
	clear: both;
	padding-top:90px;
}

#footer{
	width:100%;
	background:#fff;
	height:90px;
	position:relative;
	z-index:10;
	margin-top:-90px;
	}
	
#foo1{
	float:left;
	width:38%;
	padding-left:2%;
	}
#foo1 p{
	line-height:90px;
	font-size:12px;}
	
	
#foo1 a{
	line-height:90px;
	font-size:12px;}
#foo2{
	width:58%;
	padding-right:2%;
	float:right;
	text-align:right;
	padding-top:25px;
	}


.campo2 {
	width: 125px;
	height:17px;
	background: #999;
	font-size: 12px;
	color: #fff;
	border: 0;
	padding:10px;
	outline:none;
}

.campo2:focus{
	background: #1d4189;
	color: #fff;
	}
	
.campo1 {
	width: 60%;
	height:25px;
	background: #50619f;
	font-size: 12px;
	color: #fff;
	border: 0;
	padding:10px;
	outline:none;
	margin-top:10px;
}

.campo1:focus{
	background: #1d4189;
	color: #fff;
	}
	
/* HISTORIA––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#container{
	width:96%;
	padding:40px 2%;
	height:auto;
	background:#e6e7e8;
	}
	
#historia{
	width:22%;
	margin-right:2%;
	background:#fff;
	box-shadow:1px 1px 3px #c2c2c2;
	-webkit-box-shadow:1px 1px 3px #c2c2c2;
	-ms-box-shadow:1px 1px 3px #c2c2c2;
	-moz-box-shadow:1px 1px 3px #c2c2c2;
	-o-box-shadow:1px 1px 3px #c2c2c2;
	border-top:1px solid #1d4189;
	float:left;
	margin-bottom:20px;
	}

#contenido2{
	padding:50px 30px 30px 30px;}
	
#anio{
	width:60px;
	height:60px;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	background:#1d4189;
	border:1px solid #ffd920;
	color:#ffd920;
	text-align:center;
	font-size:15px;
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	line-height:60px;
	position:absolute;
	z-index:2;
	margin-left:15px;
	margin-top:-30px;
	}
	
/* MISION––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#col4{
	width:92%;
	padding:50px 4%;
	height:auto;
	background:#1d4189;
	}
	
#col5{
	width:33%;
	height:250px;
	background:#e6e7e8;
	float:left;
	}
	
#col6{
	width:34%;
	float:left;
	height:250px;
	overflow:hidden;
	text-align:center;
	}
	
#col6 img{
	width:100%;}
	
#valores{
	width:100%;
	height:auto;
	background:#c2c2c2;
	padding:0 0 20px 0;
	float:left;
	}
	
	
	
/* SERVICIOS––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


#c7{
	width:33%;
	height:210px;
	background:#263645;
	float:left;
	overflow:hidden;
	}
	
#c9{
	width:100%;
	height:270px;
	background:#f1f2f2;
	float:left;
	overflow:hidden;
	}
	
#c8{
	width:67%;
	height:210px;
	background:#fff;
	float:left;
	}
	
#c9.azul{background:#1d4189;}
#c9.azul2{background:#263645;}
#c9.blanco2{background:#fff;}
#c9.gris{background:#f1f2f2;}
#c9.gris2{background:#d1d2d4;}
#c9.amarillo{background:#ffd923;}
#c7.azul{background:#1d4189;}
#c7.azul2{background:#263645;}
#c7.blanco2{background:#fff;}
#c7.gris{background:#f1f2f2;}
#c7.gris2{background:#d1d2d4;}
#c7.amarillo{background:#ffd923;}
#c7.blanco{background:#fff;}


#c9.corto{
	height:230px;
	}
	
#c7.largo{
	height:300px;
	}
	
#c7 img{
	width:130%;}


#colu{
	width:33%;
	float:left;
	}
	
#c10{
	width:34%;
	background:#ffd923;
	height:500px;
	float:left;
	}
	
	
#serv1{
	width:50%;
	float:left;
	background:#f1f1f2;
	height:220px;
	}
	
#serv2{
	width:50%;
	height:220px;
	float:left;
	background:#263645;
	}
	
#cfoto{
	width:100%;
	height:500px;
	background: url(images/foto2.jpg) no-repeat #f1f2f2;
	background-size:cover;
	float:left;
	overflow:hidden;
	}

/* CERTIFICACIONES––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


	
#c12{
	width:100%;
	background:#f1f2f2;
	}

#columna1{
	width:31%;
	float:left;
	margin-right:3%;
	}
	
#columna2{
	width:32%;
	float:left;
	}
	
	
/* CLIENTES––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#c13{
	width:100%;
	background:#f1f2f2;
	}
	
#c13 img{
	margin-right:10px;
	margin-bottom:15px;
	}
	
#c16{
	width:100%;
	border-bottom:1px solid #c2c2c2;
	margin-bottom:20px;}
	
#c14{
	width:45%;
	float:left;
	border-right:1px solid #c2c2c2;
	}
	
#c15{
	width:45%;
	float:left;
	margin-left:4%;
	}
	
#c17{
	width:31%;
	float:left;
	border-right:1px solid #c2c2c2;
	margin-right:2%;
	}
	
#c18{
	width:32%;
	float:left;
	}
	
	
	
/* CONVENIOS––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#conIzq{
	width:40%;
	float:left;
	background:#1d4189;
	}
	
#conDer{
	width:60%;
	float:left;
	background:#e6e7e8;
	}
	
#conIzq img, #conDer img{
	margin-right:20px;
	margin-bottom:20px;
	} 
	
#conDer2{
	width:100%;
	background:#d1d2d4;
	margin-top:20px;
	}
	
#conIzq2{
	width:100%;
	background:#f1f1f2;
	margin-top:20px;
	}
	
/* MEDIA––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#cA{
	width:100%;
	background:#f1f2f2;
	padding-bottom:40px;
	}

#articulo{
	width:100%;
	background:#fff;
	margin-bottom:20px;
	}
	
#Afoto{
	width:30%;
	float:left;
	margin-right:3%;
	}
	
#Adesc{
	width:67%;
	float:left;
	padding-top:20px;
	}
	
#articulos{
	width:31%;
	background:#fff;
	margin-right:2%;
	float:left;
	margin-bottom:20px;
	}
	
#margen{
	padding:20px;
	}
	
#articulo a{
	text-decoration:none;
	padding:15px 20px;
	background:#ffd923;
	margin:20px 0;
	}
	
#articulos a{
	text-decoration:none;
	padding:15px 20px;
	background:#ffd923;
	margin-top:-30px;
	}
	
/* DETALLE––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#menuArt{
	width:25%;
	margin-right:2%;
	float:left;
	}
	
#detalle{
	width:73%;
	background:#fff;
	float:left;
	padding-bottom:30px;
	}

#menuArt li{
	display:block;
	padding:15px 20px;
	background:#ffd923;
	list-style:none;
	margin-bottom:10px;
	}
	
	
/* CONTACTO––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#contacto{
	width:100%;
	background:#58585b;
	padding-bottom:40px;
	}
	
#datos{
	width:280px;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	}
	
h5{
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	font-size:18px;
	line-height:23px;
	color:#ffd923;
	margin-bottom:10px;
	}
	
#datos a{
	color:#ffd923;}
	
.campo3 {
	width: 96%;
	height:17px;
	background: #999;
	font-size: 12px;
	color: #fff;
	border: 0;
	padding:15px 2%;
	outline:none;
	margin-bottom:20px;
}

.campo3:focus{
	background: #1d4189;
	color: #fff;
	}

p.corto{
	width:60%;
	}
	
#mapa{
	position:absolute;
	z-index:7;
	text-align:right;
	overflow:hidden;
	right:0;
	}
	
#mapa img{
	margin-right:-100px;}
	
#col4 a{
	color:#ffd923;}
	
@media only screen and (min-width:0px) and (max-width:767px){
	
	p.corto{
	width:100%;
	}
	
	#lateral{
	width:45px;
	position:absolute;
	left:0;
	display:none;
	}

#wrapper {
	width: 100%;
	}

#content{
	padding-left:0px;
	}
	
#header{
	width:100%;
	height:145px;
	}
#head1{
	width:100%;
	text-align:center;
	height:80px;
	float:none;
	padding:0;
	}
	
#head1 img{
	width:170px;}
	
#head2{
	width:96%;
	height:auto;
	background:transparent;
	text-align:center;
	padding:0 2%;
	float:none;
	}
	
#head2a{
	width:98%;
	padding:20px 2% 0 0;
	height:40px;
	}
	
#head2a p{
	color:#1d4189;
	text-align:center;
	font-size:11px;
	}
	
#head2a img{
	margin-bottom:-5px;
	}
	
#head2b{
	padding-top:10xp;
	width:98%;
	padding-right:2%;
	display:none;
	}
	
#header p.slogan{
	float:none;
	margin-top:0px;
	margin-left:0px;
	background:transparent;
	}
	
#menu{
	width:100%;
	height:40px;
	}

	
#menu ul{
	padding-left:0px;
	margin-top:0;
	}
	
#menu li{
	display:block;
	padding:0 5px;
	text-align:center;
	}
	
#menu li a{
	font-size:12px;
	line-height:40px;
	}

	
#menu ul li ul {
  padding: 0;
  top: 40px;
  left:0;
  display: none;
  opacity: 0;
  width:100%;
}

#menu ul li ul li { 
  display:inline-block; 
  font-size:12px;
}

#menu ul li:hover ul {
  display: none;
  opacity: 1;
  visibility:hidden;
}

#menu ul li ul li a{
	line-height:20px;
	color:#fff;
	display:block;
	padding:10px 3px;
	font-size:12px;
}

#menu ul li ul li a:hover{
	color:#ffd923;
}

#menu ul li ul li a.active{
	color:#ffd923;
}

#menu li.oculta{
	display:block;
	}

#elmenu {
	list-style:none;
	text-align:right;
	height:40px;
	padding:0;
	background:transparent;
	margin-top:20px;
	padding-top:0;
	overflow:hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:99;
	}
	
#elmenu.active{
	height:450px;
	padding-bottom:20px;
	background:#263645;
	}
	
#idioma{
	position:fixed;
	right:0;
	top:145px;
	z-index:99;
	}

#slide{
	width:100%;
	}
	
#col1{
	width:100%;
	height:auto;
	}
	
#col2{
	width:100%;
	height:auto;
	}
	
#col3{
	width:100%;
	height:auto;
	}
	
#contenido{
	padding:30px 25px 30px 25px;}
	
h1{
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	font-size:25px;
	line-height:30px;
	margin-bottom:10px;
	}
	
h3{
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	font-size:25px;
	line-height:30px;
	margin-bottom:10px;
	}
	
h6{
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	font-size:25px;
	line-height:30px;
	margin-bottom:10px;
	}
	

	
p {
	font-size:12px;
	line-height:17px;
	color:#666;
	}
	
p.blanco {
	font-size:12px;
	line-height:17px;
	color:#fff;
	}
	
	
a {
	font-size:12px;
	line-height:17px;
	color:#333;
	}
	
a:hover {
	color:#0054a3;
	}
	

.cleare {
	display: block;
	clear: both;
}

.corte {
	clear: both;
	padding-top: 100px;
}

#footer{
	width:100%;
	height:auto;
	margin-top:-90px;
	}
	
#foo1{
	width:96%;
	padding-left:2%;
	padding-right:2%;
	text-align:center;
	float:none;
	}
#foo1 p{
	line-height:90px;
	font-size:11px;}
#foo2{
	width:100%;
	padding-right:0%;
	padding-top:0px;
	text-align:center;
	float:none;
	}

.campo2 {
	width: 105px;
	height:17px;
	background: #999;
	font-size: 12px;
	color: #fff;
	border: 0;
	padding:10px;
	outline:none;
}
	
/* HISTORIA––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#container{
	width:96%;
	padding:40px 2%;
	}
	
#historia{
	width:45%;
	margin-right:2%;
	background:#fff;
	box-shadow:1px 1px 3px #c2c2c2;
	border-top:1px solid #1d4189;
	float:left;
	margin-bottom:20px;
	}

#contenido2{
	padding:50px 30px 30px 30px;}
	
#anio{
	width:60px;
	height:60px;
	border-radius:30px;
	background:#1d4189;
	border:1px solid #ffd920;
	color:#ffd920;
	text-align:center;
	font-size:15px;
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	line-height:60px;
	position:absolute;
	z-index:2;
	margin-left:15px;
	margin-top:-30px;
	}
	
/* MISION––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#col4{
	width:92%;
	padding:50px 4%;
	}
	
#col5{
	width:100%;
	height:auto;
	}
	
#col6{
	width:100%;
	height:150px;
	}
	
#col6 img{
	width:100%;
	}
	
/* SERVICIOS––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


#c7{
	width:100%;
	height:auto;
	overflow:hidden;
	}
	
#c9{
	width:100%;
	height:auto;
	overflow:hidden;
	}
	
#c8{
	width:100%;
	height:auto;
	}


#c9.corto{
	height:auto;
	}
	
#c7.largo{
	height:auto;
	}
	
#c7 img{
	width:160%;}
	
#c9 img{
	width:135%;}


#colu{
	width:100%;
	}
	
#c10{
	width:100%;
	height:auto;
	}
	
#c7.oculta, #cfoto.oculta{
	display:none;
	}
	
	
#c7.amarillo{
	background:#f1f2f2;}
	
/* CERTIFICACIONES––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


#c12{
	width:100%;
	background:#f1f2f2;
	}

#columna1{
	width:100%;
	float:left;
	margin-right:0%;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:solid 2px #c2c2c2;
	}
	
#columna2{
	width:100%;
	float:left;
	}
	
/* CLIENTES––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#c13{
	width:100%;
	}
	
#c13 img{
	margin-right:5px;
	margin-bottom:10px;
	height:40px;
	}
	
#c16{
	width:100%;
	border-bottom:0;
	margin-bottom:20px;
	border-bottom:1px solid #c2c2c2;
	}
	
#c14{
	width:100%;
	border-right:0;
	border-bottom:1px solid #c2c2c2;
	margin-bottom:20px;
	}
	
#c15{
	width:100%;
	margin-left:0%;
	}
	
#c17{
	width:100%%;
	border-right:0;
	margin-right:0%;
	border-bottom:1px solid #c2c2c2;
	margin-bottom:20px;
	}
	
#c18{
	width:100%;
	}
	
#serv1{
	width:100%;
	height:auto;
	}
	
#serv2{
	width:100%;
	height:auto;
	}
	
/* CONVENIOS––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#conIzq{
	width:100%;
	}
	
#conDer{
	width:100%;
	}
	
#conIzq img, #conDer img{
	margin-right:20px;
	margin-bottom:20px;
	} 
	
#conDer2{
	width:100%;
	margin-top:0px;
	}
	
#conIzq2{
	width:100%;
	margin-top:0px;
	}
	
	
/* MEDIA––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#cA{
	width:100%;
	padding-bottom:40px;
	}

#articulo{
	width:100%;
	margin-bottom:20px;
	}
	
#Afoto{
	width:40%;
	margin-right:3%;
	overflow:hidden;
	display:none;
	}
	
#Afoto img{
	width:120%;
	display:none;}
	
#Adesc{
	width:100%;
	padding-top:0px;
	}
	
#articulos{
	width:100%;
	margin-right:0%;
	margin-bottom:20px;
	}
	
#articulos img{
	display:none;}
	
#margen{
	padding:20px;
	}
	
#articulo a{
	text-decoration:none;
	padding:15px 20px;
	margin:20px 0;
	}
	
#articulos a{
	padding:15px 20px;
	margin-top:30px;
	float:right;
	}
	
/* DETALLE––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#menuArt{
	width:100%;
	margin-right:0%;
	float:left;
	margin-bottom:20px;
	}
	
#detalle{
	width:100%;
	background:#fff;
	float:left;
	padding-bottom:30px;
	}

#menuArt li{
	display:block;
	padding:15px 20px;
	background:#ffd923;
	list-style:none;
	margin-bottom:10px;
	}
	
/* CONTACTO––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#contacto{
	width:100%;
	padding-bottom:40px;
	}
	
#datos{
	width:280px;
	margin-right:20px;
	margin-bottom:20px;
	}
	
h5{
	font-size:18px;
	line-height:23px;
	}


p.corto{
	width:60%;
	}
	
#mapa{
	display:none;
	}



}

@media only screen and (min-width:768px) and (max-width:1023px){
		#lateral{
	width:45px;
	position:absolute;
	left:0;
	display:none;
	}

#wrapper {
	width: 100%;
	}

#content{
	padding-left:0px;
	}
	
#header{
	width:100%;
	height:125px;
	}
#head1{
	padding:20px 30px 0 30px;
	}
	
#head1 img{
	width:200px;}
	
#head2{
	width:50%;
	height:125px;
	}
	
#head2a{
	width:98%;
	padding:20px 2% 0 0;
	height:40px;
	}
	
#head2a p{
	color:#1d4189;
	}
	
#head2a img{
	margin-bottom:-5px;
	}
	
#head2b{
	padding-top:10xp;
	width:98%;
	padding-right:2%;
	}
	
#menu{
	width:100%;
	height:40px;
	top:125px;
	}

	
#menu ul{
	padding-left:8px;
	}
	
#menu li{
	display:inline-block;
	padding:0 3px;
	}
	
#menu li a{
	font-size:9px;
	line-height:40px;
	}

	
#menu ul li ul {
  padding: 0;
  top: 40px;
  left:0;
  display: none;
  opacity: 0;
  width:100%;
}

#menu ul li ul li { 
  display:inline-block; 
  font-size:12px;
}

#menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#menu ul li ul li a{
	line-height:20px;
	color:#fff;
	display:block;
	padding:10px 3px;
	font-size:12px;
}

#menu ul li ul li a:hover{
	color:#ffd923;
}

#separa{
	height:165px;}

#idioma{
	top:125px;
	z-index:99;
	}

#slide{
	width:100%;
	}
	
#col1{
	width:33%;
	height:260px;
	}
	
#col2{
	width:33%;
	height:260px;
	}
	
#col3{
	width:34%;
	height:260px;
	}
	
#contenido{
	padding:30px 25px 0 25px;}
	
h1{
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	font-size:25px;
	line-height:30px;
	margin-bottom:10px;
	}
	
h3{
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	font-size:25px;
	line-height:30px;
	margin-bottom:10px;
	}
	
h6{
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	font-size:25px;
	line-height:30px;
	margin-bottom:10px;
	}
	

	
p {
	font-size:12px;
	line-height:17px;
	color:#666;
	}
	
p.blanco {
	font-size:12px;
	line-height:17px;
	color:#fff;
	}
	
	
a {
	font-size:12px;
	line-height:17px;
	color:#333;
	}
	
a:hover {
	color:#0054a3;
	}
	

.cleare {
	display: block;
	clear: both;
}

.corte {
	clear: both;
	padding-top: 100px;
}

#footer{
	width:100%;
	height:90px;
	margin-top:-90px;
	}
	
#foo1{
	width:46%;
	padding-left:2%;
	}
#foo1 p{
	line-height:90px;
	font-size:11px;}
#foo2{
	width:50%;
	padding-right:2%;
	padding-top:25px;
	}
	
#foo2 img{
	height:28px;}

.campo2 {
	width: 105px;
	height:17px;
	background: #999;
	font-size: 12px;
	color: #fff;
	border: 0;
	padding:10px;
	outline:none;
}
	
/* MISION––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#col4{
	width:92%;
	padding:50px 4%;
	}
	
#col5{
	width:33%;
	height:200px;
	}
	
#col6{
	width:34%;
	height:200px;
	}
	
#col6 img{
	width:120%;
	}
	
/* SERVICIOS––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


#c7{
	width:33%;
	height:170px;
	overflow:hidden;
	}
	
#c9{
	width:100%;
	height:250px;
	overflow:hidden;
	}
	
#c8{
	width:67%;
	height:170px;
	}


#c9.corto{
	height:190px;
	}
	
#c7.largo{
	height:250px;
	}
	
#c7 img{
	width:160%;}
	
#c9 img{
	width:135%;}


#colu{
	width:33%;
	}
	
#c10{
	width:34%;
	height:440px;
	}
	
#serv1{
	width:50%;
	height:200px;
	}
	
#serv2{
	width:50%;
	height:200px;
	}
	
#cfoto{
	width:100%;
	height:440px;
	}
	
/* MEDIA––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#cA{
	width:100%;
	padding-bottom:40px;
	}

#articulo{
	width:100%;
	margin-bottom:20px;
	}
	
#Afoto{
	width:40%;
	margin-right:3%;
	overflow:hidden;
	}
	
#Afoto img{
	width:120%;}
	
#Adesc{
	width:57%;
	padding-top:20px;
	}
	
#articulos{
	width:31%;
	margin-right:2%;
	margin-bottom:20px;
	}
	
#margen{
	padding:20px;
	}
	
#articulo a{
	text-decoration:none;
	padding:15px 20px;
	margin:20px 0;
	}
	
#articulos a{
	padding:15px 20px;
	margin-top:-30px;
	}
	
/* CONTACTO––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#contacto{
	width:100%;
	padding-bottom:40px;
	}
	
#datos{
	width:220px;
	margin-right:20px;
	margin-bottom:20px;
	}
	
h5{
	font-size:18px;
	line-height:23px;
	}


p.corto{
	width:60%;
	}
	
#mapa{
	display:none;
	}


}

@media only screen and (min-width:1024px) and (max-width:1199px){
	
	#lateral{
	width:45px;
	position:fixed;
	left:0;
	}

#wrapper {
	width: 100%;
	}

#content{
	padding-left:50px;
	}
	
#header{
	width:100%;
	height:145px;
	}
#head1{
	padding:20px 30px 0 30px;
	}
	
#head2{
	width:60%;
	height:145px;
	}
	
#head2a{
	width:98%;
	padding:25px 2% 0 0;
	height:40px;
	}
	
#head2a p{
	color:#1d4189;
	}
	
#head2a img{
	margin-bottom:-5px;
	}
	
#head2b{
	padding-top:10xp;
	width:98%;
	padding-right:2%;
	}
	
#menu{
	width:100%;
	height:40px;
	}

	
#menu ul{
	padding-left:30px;
	}
	
#menu li{
	display:inline-block;
	padding:0 5px;
	}
	
#menu li a{
	font-size:11px;
	line-height:40px;
	}


	
#menu ul li ul {
  padding: 0;
  top: 40px;
  left:0;
  display: none;
  opacity: 0;
  width:100%;
}

#menu ul li ul li { 
  display:inline-block; 
  font-size:12px;
}

#menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#menu ul li ul li a{
	line-height:20px;
	color:#fff;
	display:block;
	padding:10px 5px;;
	font-size:14px;
}

#menu ul li ul li a:hover{
	color:#ffd923;
}


#slide{
	width:100%;
	}
	
#col1{
	width:33%;
	height:280px;
	}
	
#col2{
	width:33%;
	height:280px;
	}
	
#col3{
	width:34%;
	height:280px;
	}
	
#contenido{
	padding:50px 40px 0 40px;}
	
h1{
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	font-size:40px;
	line-height:45px;
	margin-bottom:10px;
	}
	
h3{
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	font-size:30px;
	line-height:35px;
	margin-bottom:10px;
	}
	
h6{
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	font-size:30px;
	line-height:35px;
	margin-bottom:10px;
	}
	

	
p {
	font-size:13px;
	line-height:19px;
	color:#666;
	}
	
p.blanco {
	font-size:13px;
	line-height:19px;
	color:#fff;
	}
	
	
a {
	font-size:15px;
	line-height:20px;
	color:#333;
	}
	
a:hover {
	color:#0054a3;
	}
	

.cleare {
	display: block;
	clear: both;
}

.corte {
	clear: both;
	padding-top: 100px;
}

#footer{
	width:100%;
	height:90px;
	margin-top:-90px;
	}
	
#foo1{
	width:44%;
	padding-left:2%;
	}
#foo1 p{
	line-height:90px;
	font-size:12px;}
#foo2{
	width:52%;
	padding-right:2%;
	padding-top:25px;
	}


	
/* MISION––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#col4{
	width:92%;
	padding:50px 4%;
	}
	
#col5{
	width:33%;
	height:250px;
	}
	
#col6{
	width:34%;
	height:250px;
	}
	
#col6 img{
	width:120%;
	}
	
/* SERVICIOS––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


#c7{
	width:33%;
	height:210px;
	overflow:hidden;
	}
	
#c9{
	width:100%;
	height:270px;
	overflow:hidden;
	}
	
#c8{
	width:67%;
	height:210px;
	}


#c9.corto{
	height:230px;
	}
	
#c7.largo{
	height:300px;
	}
	
#c7 img{
	width:150%;}
	
#c9 img{
	width:120%;}


#colu{
	width:33%;
	}
	
#c10{
	width:34%;
	height:500px;
	}
	
/* MEDIA––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#cA{
	width:100%;
	padding-bottom:40px;
	}

#articulo{
	width:100%;
	margin-bottom:20px;
	}
	
#Afoto{
	width:40%;
	margin-right:3%;
	overflow:hidden;
	}
	
#Afoto img{
	width:120%;}
	
#Adesc{
	width:57%;
	padding-top:20px;
	}
	
#articulos{
	width:31%;
	margin-right:2%;
	margin-bottom:20px;
	}
	
#margen{
	padding:20px;
	}
	
#articulo a{
	text-decoration:none;
	padding:15px 20px;
	margin:20px 0;
	}
	
#articulos a{
	padding:15px 20px;
	margin-top:-30px;
	}
	
/* CONTACTO––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#contacto{
	width:100%;
	padding-bottom:40px;
	}
	
#datos{
	width:260px;
	margin-right:20px;
	margin-bottom:20px;
	}
	
h5{
	font-size:18px;
	line-height:23px;
	}


p.corto{
	width:60%;
	}
	
#mapa{
	}
	

}




@font-face {
    font-family: 'GothamBlack';
    src: url('fonts/GothamBlack.eot');
    src: url('fonts/GothamBlack.eot') format('embedded-opentype'),
         url('fonts/GothamBlack.woff2') format('woff2'),
         url('fonts/GothamBlack.woff') format('woff'),
         url('fonts/GothamBlack.ttf') format('truetype'),
         url('fonts/GothamBlack.svg#GothamBlack') format('svg');
 font-style:normal;
 font-variant:normal;
}

@font-face {
    font-family: 'GothamBook';
    src: url('fonts/GothamBook.eot');
    src: url('fonts/GothamBook.eot') format('embedded-opentype'),
         url('fonts/GothamBook.woff2') format('woff2'),
         url('fonts/GothamBook.woff') format('woff'),
         url('fonts/GothamBook.ttf') format('truetype'),
         url('fonts/GothamBook.svg#GothamBook') format('svg');
	font-style:normal;
 font-variant:normal;
}


/* BLOQUE TRACK-ME */
#wrapper_arriba_track{
	width:100%;
	height:300px;
	background-image:url(../imagenes/imagen_egoba_track.jpg);
	background-repeat:no-repeat;
}

#detalles_track{
	width:96%;
	padding:30px 2%;
	height:auto;
	/*background-image:url(../imagenes/fondo_detalle_track.png);*/
	background-color:#FFF;
	font-size:13px;
	position:relative;
}

#busqueda_track{
	width:96%;
	padding:2%;
	text-align:right;
}

.combo{
	border:thin thick #CCC;
	padding:3px;
	background-color:#FFF;
	color:#666;
	height:25px;
}
.txt_cal{
	padding:3px;
	background-color:#FFF;
	color:#666;
	height:15px;
}

#cuerpo_track{
	width:100%;
	height:auto;
	text-align:left;
}
#cuerpo_track h1{
	font-size:18px;
	font-weight:500;
	color:#003;
}

#barra_azul{
	width:100%;
	background-color:#1d4189;
	color:#FFF;
	padding:5px 0;
}
#barra_azul ul{
	width:100%;
	height:33px;
}
#barra_azul ul li{
	display:inline;
	width:65px;
	height:20px;
	float:left;
	padding-top:10px;
	color:#FFF;
	text-align:center;
	padding:5px 7px;
	border-left:thin dotted #FFF;
	font-size:11px;
}

#barra_datos{
	width:100%;
	height:20px;
	background-color:#FFF;
	color:#003;
	padding:2px 0;
}
#barra_datos ul{
	width:100%;
}
#barra_datos ul li{
	display:inline;
	height:20px;
	float:left;
	padding-top:2px;
	color:#333;
	text-align:center;
	padding:2px 7px;
	border-left:thin dotted #666;
	font-size:10px;
}

#barra_datos ul li a{
	font-size:10px;
	color:#1d4189;
}

#solicitud{
	width:96%;
	padding:2%;
	border:thin dotted #CCC;
	display:table;
	background:#fff;
}
/* FIN DE BLOQUE */


#nuevos{
	width:98%;
	height:35px;
	padding:20px 0;
	background:#1d4189;
	padding-left:2%;
	}


a.nuevos{
	font-size:30px;
	line-height:35px;
	background:#1d4189;
	font-family: 'GothamBlack', Helvetica, Arial, Verdana, sans-serif;
	color:#ffd923;
	}