@charset "UTF-8";
/* Autor: Negro Milo */


header,nav,section,aside,article,figure,footer{
	display:block;
}


/*----------------------------
------------CLASES------------
----------------------------*/


			
a img{
	border:none;
	cursor:pointer;
}

@font-face {
	font-family: NexaBold;
	src:url(../fuentes/Dusha.ttf);
}

@font-face {
	font-family: NexaLight;
	src:url(../fuentes/Dusha.ttf);
}

.nosotros{
	font-family:Arial, sans-serif;
	font-size:20px;
	color:#31B493;
	font-weight:bold;
	text-align:center;
	margin:0;
	margin-top:10px;
}

.ingenieros{
	font-family:Arial, sans-serif;
	font-size:16px;
	color:#18707C;
	font-weight:bold;
	text-align:center;
	margin:0;
	margin-top:10px;
}

.texto-nosotros{
	font-family: Arial, sans-serif;
	font-size:13px;
	color:#333333;
	font-weight:400;
	text-align:justify;
	padding:0 20px 0 20px;
	line-height:18px;
}

h2{
	font-family: NexaBold, Arial, sans-serif;
	font-size:23px;
	color:#002A54;
	text-align:center;
	font-weight:bold;
	padding-top:11px;
	margin:0;
}

h3{
	font-family: NexaBold, Arial, sans-serif;
	font-size:15px;
	color:#2CAAB2;
	font-weight:bold;
	text-align:center;
	margin:0;
}


h6{
	background-color:#29B9ED;
	padding-top:5px;
	border-radius:6px;
	font-size:16px;
	margin:0;
	font-family: NexaBold, Arial, sans-serif;
	color:#FFFFFF;
}

.paises{
	font-family: NexaBold, Arial, sans-serif;
	font-size:33px;
	color:#666666;
	text-align:left;
	font-weight:500;
	padding-top:11px;
	margin:0;
}

.texto-central{
	font-family: NexaBold, Arial, sans-serif;
	font-size:20px;
	color:#E30613;
	font-weight:500;
	text-align:center;
	margin:0;
	padding-top:10px;
}



.creditos{
	font-family: NexaLight, Arial, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:300;
	text-align:center;
	line-height:20px;
	padding:0;
	margin:0;
}

body{
	margin:0;
	padding:0;
}


#header2{
	display:none;
}



#contenedor{
	width:100%;
	margin:0 auto;
	padding:0;
}

#titulo{
	width:600px;
	height:60px;
	display:block;
	margin:0 auto;
}

#nosotros{
	width:900px;
	height:530px;
	display:block;
	margin:0 auto;
	background-color:#FFFFFF;
	padding-top:10px;
}

#paises{
	width:900px;
	height:1200px;
	display:block;
	margin:0 auto;
	background-color:#FFFFFF;
	padding-top:10px;
}

#franja-paises{
	width:350px;
	height:70px;
	display:block;
	margin:0 auto;
	margin-bottom:40px;
}

#texto-paises{
	width:250px;
	height:70px;
	display:block;
	float:left;
	margin:0 auto;
	padding-left:20px;
}


#cajita{
	width:212px;
	height:240px;
	margin:15px 10px 10px 56px;
	float:left;
	padding:10px 0 0 10px;
	display:inline;
	background-color:#86BCDD;
}

#imagenzoom{
	width:203px;
	height:227px;
	display:block;
}

#foto-proyectos{
	width:570px;
	height:280px;
	display:block;
	margin:0 auto;
}

#servicios{
	width:850px;
	height:auto;
	padding-bottom:40px;
	padding-top:10px;
	display:block;
	margin:0 auto;
	background-color:#FFFFFF;
}

#proyectos{
	width:850px;
	height:565px;
	padding-top:15px;
	display:block;
	background-color:#FFFFFF;
	margin:0 auto;
}

#caja-servicios{
	width:640px;
	height:280px;
	display:block;
	margin:0 auto;
}


#caja-proyectos{
	width:600px;
	height:490px;
	display:block;
	margin:0 auto;
	padding-top:20px;
}


#caja-servicios-blanco{
	width:46px;
	height:400px;
	display:block;
	float:left;
	margin:0 auto;
}

#caja-staff{
	width:300px;
	display:block;
	float:left;
	padding-top:20px;
	margin:0 auto;
	margin-left:16px;
	background-color:#C66;
}

#caja-staff-vacia{
	width:250px;
	height:380px;
	display:block;
	float:left;
	padding-top:20px;
	margin:0 auto;
}


#caja-staff-blanco{
	width:46px;
	height:400px;
	display:block;
	float:left;
	margin:0 auto;
}

#caja-nosotros{
	width:640px;
	height:120px;
	display:block;
	margin:0 auto;
}


#loguito{
	width:80px;
	height:80px;
	display:block;
	margin:0 auto;
	background:url(../imagenes/icono-nosotros.png);
}


#header-completo{
	width:100%;
	height:239px;
	margin:0 auto;
	display:block;
	position:fixed;
	z-index:999;
	background-color:#FFFFFF;
}

#header-blanco{
	width:100%;
	height:238px;
	display:block;
	
}

#paramenu{
	width:1080px;
	height:auto;
	margin:0 auto;
}

#cabecera{
	width:100%;
	height:120px;
	margin:0 auto;
	padding-top:10px;
	display:block;
}


#logo{
	width:490px;
	height:78px;
	background:url(../imagenes/logo-transcaminos.jpg);
	display:block;
	margin:0 auto;
}

#logo2{
	display:none;
}
/*----------------------------
---------MENU CABECERA--------
----------------------------*/

#caja-menu-cabecera{
	width:520px;
	height:120px;
	display:block;
	float:right;
	margin-right:100px;
}

#espacio-banderas{
	width:100%;
	height:150px;
	display:block;
	margin:0 auto;
	background-color:#000000;
}

#banderas{
	width:970px;
	height:135px;
	padding-top:15px;
	display:block;
	margin:0 auto;
}

#banderas ul{
	margin:0;
	padding:0;
	list-style:none;
}

#banderas li{
	width:50px;
	height:50px;
	padding:0;
	margin-right:7px;
	margin-bottom:7px;
	float:left;
	display:inline;
}
/*----------------------------
--------- C U E R P O --------
----------------------------*/

#banner{
	width:100%;
	height:400px;
	margin:0 auto;
	display:block;
	padding:0;
}

#banner-paises{
	width:100%;
	height:auto;
	margin:0 auto;
	display:block;
	padding:0;
}

#banner2{
	display:none;
}


.textos p{
	color:#676767;
	font-family: NexaLight, Arial, sans-serif;
	font-size:14px;
	padding-top:20px;
	padding-right:3%;
	padding-left:3%;
	text-align:justify;
	line-height:18px;
	margin-top:10px;
}


#cuerpo{
	width:100%;
	height:540px;
	padding-top:40px;
	display:block;
	margin:0 auto;
	margin-top:60px;
	background:url(../imagenes/plano.jpg) fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
}

#cuerpo-flota{
	width:100%;
	height:1200px;
	padding-top:40px;
	display:block;
	margin:0 auto;
	margin-top:60px;
	background:url(../imagenes/plano.jpg) fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
}

#cuerpo-index{
	width:100%;
	height:540px;
	padding-top:40px;
	display:block;
	margin:0 auto;
	margin-top:60px;
	background:url(../imagenes/plano.jpg) fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
}

#cuerpo-formulario{
	width:1000px;
	height:750px;
	padding-top:30px;
	display:block;
	margin:0 auto;
	margin-top:80px;
	
}

#cuerpo-enviado{
	width:1000px;
	height:1000px;
	margin-top:60px;
	padding-top:30px;
	background-color:#FF0;
	display:block;
	margin:0 auto;
}



#texto-titulo{
	width:400px;
	height:32px;
	display:block;
	float:left;
	background-color:#03C;
}



/*----------------------------
------------ P I E -----------
----------------------------*/

#texto-footer{
	width:520px;
	height:43px;
	padding-top:10px;
	margin:0 auto;
}

#pie-grande{
	width:100%;
	height:auto;
	display:block;
}

#pie{
	width:800px;
	height:150px;
	padding-top:15px;
	padding-left:100px;
	display:block;
	margin:0 auto;
}


#menu-pie{
	width:300px;
	height:115px;
	display:block;
	float:left;
	margin-right:70px;
}

#menu-pie ul{
	margin:0;
	padding:0;
	list-style:none;
}

#menu-pie li a{
	border-bottom:1px #FFFFFF solid;
	font-family: NexaLight, Arial, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	font-weight:400;
	padding:0;
	margin:0;
	display:block;
	text-decoration:none;
}

#menu-pie li a:hover{
	color:#79DBC2;
}


#creditos{
	width:100%;
	height:54px;
	display:block;
	background-color:#002A54;
	text-align:center;
	margin: auto;
}


#llamada{
	display:none;
}

#foto{
	width:600px;
	height:300px;
	display:block;
	margin:0 auto;
	margin-bottom:30px;
}

#foto-servicios{
	width:600px;
	height:280px;
	display:block;
	margin:0 auto;
	margin-top:20px;
}

/*----------------------------
----- F O R M U L A R I O ----
----------------------------*/


#telefonos-contacto{
	width:250px;
	height:500px;
	margin:0;
	margin-right:40px;
	margin-top:60px;
	display:block;
	float:right;
}


#separador{
	width:240px;
	height:1px;
	margin:0 auto;
	margin-top:2px;
	margin-bottom:2px;
	background-color:#E7E7E7;
	display:block;
}

#contacto{
	width:470px;
	height:500px;
	display:block;
	margin-right:15px;
	float:left;
}


#mapa{
	width:430px;
	height:550px;
	display:block;
	margin-right:20px;
	float:right;	
}

#mapa2{
	display:none;
	
}


.rotulo{
	width:65px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	margin-right:20px;
	float:left;
	font-size:15px;
	text-align:right;
	font-family: NexaBold, Arial, sans-serif;
	color:#2CAAB2;
}
	
.campos{
	width:350px;
	color:#6D6D6D;
	padding:7px 7px;
	float:left;
	display:block;
	margin-bottom:0;
}

.campos2{
  width: 330px;
  height: 34px;
  
}

select{
	width:320px;
	height:36px;
	border-radius:3px;
	font-family: NexaLight, Arial, sans-serif;
	font-size:15px;
	text-align:right;
	font-weight:400;
	margin-left:10px;
	margin-top:5px;
	background-color:#FFFFFF;
	color:#2CAAB2;
	border: 2px solid #2CAAB2;
}

input.shit{
	width:315px;
	height:32px;
	margin-right:4px;
	color:#6D6D6D;
	background-color:#FFFFFF;
	font-family: NexaLight, Arial, sans-serif;
	font-size:15px;
	padding-left:10px;
	font-weight:400;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
}

.botoncito{
	width:128px;
	height:42px;
	margin-top:4px;
	background-color:#2CAAB2;
	color:#FFFFFF;
	border:none;
	font-size:16px;
	cursor:pointer;
}


textarea{
	width:292px;
	height:120px;
	border:2px solid #FFFFFF;
	background-color:#FFFFFF;
	padding:10px;
	font-family: NexaLight, Arial, sans-serif;
	font-size:15px;
	font-weight:400;
	margin-left:10px;
}

[required]{
	border:#2CAAB2 2px solid;
}

:invalid{
	background:#FFFFFF;
}


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

#cuerpo-envio{
	width:100%;
	height:620px;
	display:block;
	margin:0 auto;
}

#header-blanco{
	display:none;
}
	
#header-completo{
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	position: static;
}

#header-completo2{
	display:none;
}

#header-blanco{
	display:none;
}


#creditos{
	width:100%;
}

#pie{
	width:100%;
	padding:0;
}

#contenedor{
	width:100%;
}



#cuerpo{
	width:100%;
}

#cuerpo-index{
	width:100%;
}

#cabecera{
	width:100%;
}


#banner{
	height:220px;
}

#menu-pie{
	display:block;
	float:left;
	margin-left:120px;
	margin-right:10px;
}

}

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

#mapa{
	width:430px;
	height:550px;
	margin:0 auto;
	padding:0;
	float:none;
	
}

#cuerpo-formulario{
	width:490px;
	height:630px;
	display:block;
	margin:0 auto;
	padding:0;
}


#banner{
	width:100%;
	margin-top:10px;
	height:216px;
}


#contenedor{
	width:100%;
	margin:0 auto;
}


#cabecera{
	width:100%;
	height:170px;
	margin:0 auto;
}


#creditos{
	width:100%;
}

#central-telefonica{
	display:none;
}

#cuerpo{
	width:100%;
	height:auto;
}



}

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

#cajita{
	margin:15px 10px 10px 30px;
}

#paises{
	width:100%;
}

#cabecera{
	height:100px;
	margin:0 auto;
}

#banderas{
	width:70%;
	height:225px;
	padding-top:15px;
	display:block;
	margin:0 auto;
}

#espacio-banderas{
	width:100%;
	height:260px;
	display:block;
	margin:0 auto;
}

#cuerpo-enviado{
	width:100%;
	height:200px;
	padding-top:30px;
	display:block;
	margin:0 auto;
}

#titulo{
	width:100%;
	height:60px;
	display:block;
	margin:0 auto;
}

#caja-staff{
	width:400px;
	height:370px;
	display:block;
	float:none;
	padding-top:20px;
	margin:0 auto;
	margin-bottom:20px;
	background-color:#F2F2F2;
}

#caja-staff-vacia{
	display:none;
}

#nosotros{
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}


#caja-nosotros{
	width:75%;
	height:100px;
	display:block;
	float:none;
	margin:0 auto;
	margin-bottom:15px;
}

#caja-nosotros-blanco{
	display:none;
}

#cuerpo{
	width:100%;
	height:530px;
	display:block;
	padding:0;
	margin:0 auto;
	margin-top:0;
	background:none;
	
}

#cuerpo-index{
	width:100%;
	height:530px;
	display:block;
	padding:0;
	margin:0 auto;
	margin-top:0;
	background:none;
	
}

#cuerpo-formulario{
	height:800px;
	
}


#cuerpo-flota{
	width:100%;
	height:1200px;
	display:block;
	padding:0;
	margin:0 auto;
	margin-top:0;
	background:none;
	
}

#caja-servicios-blanco{
	display:none;
}

#banner2{
	display:block;
	width:100%;
	height:auto;
}

#banner{
	display:none;
}

#banner-paises{
	display:none;
}

#achedos{
	width:400px;
}

#cuerpo-izq-form{
	width:480px;
	padding-left:20px;
}


#paramenu{
	width:100%;
	height:auto;
	margin:0 auto;
}


#pie{
	height:240px;
}


#menu-pie{
	display:block;
	float:none;
	margin:0 auto;
}

#pie-grande{
	width:100%;
	height:240px;
	display:block;
	padding-top:20px;
	background-color:#17707C;
}

#logo{
	display:none;
}

#logo2{
	width:350px;
	height:60px;
	background:url(../imagenes/transcaminos2.jpg);
	display:block;
	margin:0 auto;
}

}

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

#paises{
	width:100%;
	height:960px;
	display:block;
	margin:0 auto;
	padding-top:10px;
}


#cajita{
	margin:0 auto;
	margin-bottom:30px;
	float:none;
	display:block;
}

#cuerpo{
	width:100%;
	height:970px;
	padding-top:0;
	display:block;
	margin:0 auto;
	
}

#contacto1{
	float:none;
}

#cuerpo-envio{
	height:200px;
}

#banner{
	height:170px;
}

#telefonos-contacto{
	display:none;
}



#header2{
	width:100%;
	height:150px;
	display:block;
	padding-top:20px;
}

#logo-blanco{
	display:none;
}

#pie{
	width:85%;
	padding-left:15%;
}

#cuerpo-flota{
	height:3430px;
	
}


}

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

#caja-nosotros{
	width:75%;
	height:130px;
	margin:0 auto;
	margin-bottom:15px;
}

#cuerpo-formulario{
	width:490px;
	height:800px;
	display:block;
	margin:0 auto;
	padding:0;
}

#mapa2{
	width:100%;
	height:400px;
	display:block;
	margin-top:20px;
}

#mapa{
	display:none;
	
}

#pie{
	width:90%;
	padding-left:10%;
}


.caja-textos{
	height:170px;
}

#caja-textos-izq{
	width:400px;
	display:block;
	padding-left:10px;
	float:left;
}


#llamada{
	width:100%;
	height:90px;
	margin:0 auto;
	padding-top:10px;
	display:block;
}

#llamar{
	width:200px;
	height:70px;
	margin:0 auto;
	display:block;
}

#llamar ul{
	margin:0;
	padding:0;
	list-style:none;
}

#llamar li a{
	width:200px;
	height:70px;
	padding:0;
	margin:0;
	text-indent:-8000px;
	background:url(../imagenes/llamar.png);
	display:block;
}

#espacio-banderas{
	height:320px;
}

#banderas{
	width:60%;
}

}

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

#foto-proyectos{
	width:500px;
	height:247px;
	display:block;
	margin:0 auto;
}

#caja-proyectos{
	width:100%;
	height:auto;
}

#caja-boton{
	display:block;
	width:280px;
	height:45px;
	margin:0 auto;
}

.caja-textos{
	width:100%;
	height:150px;
}

#cabecera{
	height:100px;
}

#caja-menu-cabecera{
	display:none;
}


#pie{
	width:95%;
	padding-left:5%;
}

h2{
	font-size:20px;
	padding-top:13px;
}

#banner{
	height:150px;
}

#espacio-banderas{
	height:320px;
}

#banderas{
	width:70%;
}

}

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

#cuerpo-index{
	height:600px;
	
}

#achedos{
	width:350px;
}


#pie{
	width:100%;
	padding-left:0%;
}


#banner{
	height:130px;
}

#espacio-banderas{
	height:370px;
}
	
}



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



#foto-proyectos{
	width:400px;
	height:197px;
	display:block;
	margin:0 auto;
}

#caja-nosotros{
	height:180px;
	display:block;
}


#contacto1{
	width:470px;
	height:100px;
}

#contacto{
	width:470px;
	height:auto;
	display:block;
	margin-right:15px;
}


.botoncito{
	margin-top:60px;
}


textarea{
	width:90%;
}

.rotulo{
	width:100px;
	margin-left:20px;
	margin-right:20px;
	float:none;
}
	
.campos{
	width:95%;
	height:40px;
	color:#6D6D6D;
	float:none;
	display:block;
	margin-bottom:0;
}




.caja-textos{
	height:170px;
	margin:0 auto;
	margin-top:0;
	margin-bottom:5px;
}

#pie{
	height:230px;
}

#cuerpo-formulario{
	width:100%;
	height:1000px;
	display:block;
	margin:0 auto;
	padding:0;
}

#banderas{
	width:80%;
}

#espacio-banderas{
	height:370px;
}

}

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

#cuerpo-index{
	height:760px;
	
}

#menu-cabecera2{
	width:85%;
	padding-left:15%;
}

#contacto1{
	width:420px;
}

#achedos{
	width:300px;
}
#contacto{
	width:420px;
	display:block;
	margin:0;
	margin-bottom:20px;
}

#cuerpo-izq-form{
	width:100%;
}

#creditos{
	display:none;
}


#espacio-banderas{
	height:420px;
}

}

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

#espacio-banderas{
	height:540px;
}

#banderas{
	width:80%;
}

#franja-paises{
	width:100%;
}

#texto-paises{
	width:180px;
}

}