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

body{
	background:#111111;
	margin:0;
	color:#FFF;
	font-family: 'Quicksand', sans-serif;
	overflow:hidden;
}
li{
	display:block;
}
.t30{ position:absolute; display:block; left: 30%; top:230px; margin-left:-85px;}
.t30 h3{ font-family: 'Roboto', sans-serif; font-size:36px; color:#eb1a21; line-height: 0px;}
.t30 p{ font-family: 'Roboto', sans-serif; font-size:14px; color:#FFF}
.wrap{ height:1142px; position:absolute; width:100%;}
.page_spinner {position:fixed; background:url(../images/ajax-loader-3.gif) 50% 50% no-repeat #111111; z-index:999999; width:100%; height:100%; top:0; left:0}
/*.page_spinner {position:absolute; background:url(../images/ajax-loader-3.gif) 50% 50% no-repeat #111111; z-index:999999; width:930px; height:810px; top:280px; left:378px}*/
.red{color:#F00;}
a{color:#FFF; text-decoration:none;}
a:hover{color:#FFF; text-decoration:none;}
a:visited{color:#FFF; text-decoration:none;}
.bt{border-top:#555555 1px solid;}
.br{border-right:#555555 1px solid;}
.bb{border-bottom:#555555 1px solid;}
.bl{border-left:#555555 1px solid;}
.border{border:#555555 1px solid;}
.webmail{ display:block; position:absolute; right:20%; width:39px; height:41px; margin-right:-100px;}
#footer{
	position:absolute;
	text-align:right;
	margin-right:0px;
	background:none;
	margin-top:930px;
	margin-left:440px;
	}
#footer p{ font-size:10px; color:#666;}	#footer a{ font-size:10px; color:#666}	#footer a:hover{ font-size:10px; color:#F00}	
.line1{/*línea horizontal 1*/
	position:absolute;
	width:100%;
	height:41px;
	z-index:-1;
}
.line2{/*línea horizontal 2*/
	position:absolute;
	width:100%;
	height:194px;
	z-index:-1;
}
.line3{/*línea vertical 1*/
	position:absolute;
	height:1142px;
	width:88px;
	z-index:-1;
}
.line4{/*línea vertical 2*/
	position:absolute;
	height:1142px;
	width:279px;
	z-index:-1;
}
.triangulo{
	background:url(../images/triangulo2.png);
	width:1405px;
	height:152px;
}
.figura1{
	position:absolute;
	z-index:-10;
	top:42px;
}
#logo{margin-top:42px; margin-left:10px;}
#title{
	font-size:30px;
	text-align:right;
	font-weight:lighter;
	line-height:225px;
}
#menu{
	/*position:fixed;*/
	margin-top:200px;
}
.col_opc{
	width:280px;
	float:left;
	min-height:1px;
}
.menu_opc{
	font-size:30px;
	width:192px;
	height:50px;
	text-align:center;
	line-height:50px;
	margin-left:88px;
}
.menu_opc2:hover{
	background:#555555;
}
.content{
	width:954px;
	height:947px; /*Razon por la cual no se pone height 100%; */
	float:left;
	position: relative;
	left: -5px;
	top:-30px;
}
.content_index{
	background:url(../images/bg.png) no-repeat;
}
.content_nosotros{
	background:url(../images/nosotros.png) no-repeat;
}
.content_proyectos{
	background:url(../images/proyectos.png) no-repeat;
}
.content_contacto{
	background:url(../images/contacto.png) no-repeat;
}
#header{
	height:194px;
}
.slide_index{
	position:relative;
	float:right;
	margin-right:18px;
}
.info_index{
	width:428px;
	text-align:justify;
	margin: 100px 0px 0px 35px;
	font-size:14px;
}
.img_nosotros{
	position: relative;
	margin-left: 5px;
}
.title_nosotros{
	color:#FF0000;
	font-size:30px;
	font-weight:300;
}
.info_nosotros{
	font-size:13px;
	font-weight:400;
}
#vision{
	width:435px;
	margin-right:37px;
	float:right;
	position:relative;
	text-align:right;
	margin-top:20px;
}
#valores{
	margin:39px 29px 10px 0px;
	text-align:right;
}
.curriculum_l{
	width:180px;
	padding:50px 0px;
	float:left;
	margin-left:6px;
	text-align:center;
	color:#a3a3a3;
}
.curriculum_l a{ text-decoration:none; color:#a3a3a3;  font-size:12px;
	font-weight:400;}
.curriculum_l a:hover{ text-decoration:none; color:#C00; font-size:12px;
	font-weight:400;}

.curriculum_r{
	width:179px;
	padding:21px 0px;
	float:right;
	margin-right:10px;
	text-align:center;
	color:#a3a3a3;
}
.title_curr{
	font-size:18px;
	font-weight:400;
}
.txt_curr{
	font-size:12px;
	font-weight:400;
}
#mision{
	text-align:right;
	margin:18px 0px 25px 300px;
}
#politicas{
	width:337px;
	text-align:left;
	margin: 20px 0px 0px 10px;
}
.title_proy{
	font-size:30px;
	font-weight:300;
	text-align:center;
	color:#F00;
	line-height:70px;
}
.slide_proy{
	width:818px;
	height:546px;
	margin:38px auto;
}
.desc_proy{
	font-size:18px;
	font-weight:300;
	margin-left:65px;
	line-height:38px;
}
.tipos_proy{
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	margin-top:90px;
	line-height:25px;
}
#contacto{
	margin-top:80px;
}
.contacto_col1{
	padding-left:42px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.contacto_col2{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
input{
	border:none;
	color:#CCC;
	background:#111111;
	font-family: 'Quicksand', sans-serif;
	font-size:18px;
	width:363px;
	height:45px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	padding:5px;
}
textarea{
	border:none;
	color:#CCC;
	background:#111111;
	font-family: 'Quicksand', sans-serif;
	font-size:18px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	padding:5px;
	width:360px;
	height:120px;
}
input.nombre{
	margin-top:15px;
}
input.empresa{
	margin-top:39px;
}
textarea.mensaje{
	margin-top:39px;
	color:#CCC;
}
input.correo{
	margin-top:34px;
}
input.ubicacion{
	margin-top:39px;
}
.title_contacto{
	padding-left:10px;
}
.direccion{
	margin-top:150px;
	font-size:18px;
}
.submit a{ display:block; background:#FFF;color:#000; font-family: 'Quicksand', sans-serif; font-size:18px; padding:10px; width:100px; margin-top:20px; text-align:center;
-webkit-transition-property:background, color, text; 
	  -webkit-transition-duration: .5s, .5s; 
	  -webkit-transition-timing-function: linear, ease-in;

	 -moz-transition-property:background, color, text; 
	 -moz-transition-duration:.5s; 
	 -moz-transition-timing-function: linear, ease-in; 

	 -o-transition-property:background, color, text; 
	 -o-transition-duration:.5s; 
	 -o-transition-timing-function: linear, ease-in;
	 letter-spacing: 1px;}

.submit a:hover{ color:#F00;  background:#000;
-webkit-transition-property:background, color, text; 
	  -webkit-transition-duration: .5s, .5s; 
	  -webkit-transition-timing-function: linear, ease-in;

	 -moz-transition-property:background, color, text; 
	 -moz-transition-duration:.5s; 
	 -moz-transition-timing-function: linear, ease-in; 

	 -o-transition-property:background, color, text; 
	 -o-transition-duration:.5s; 
	 -o-transition-timing-function: linear, ease-in;
	 letter-spacing: 1px;}
	
#contacto .sucesslogo { display:block; background:url(../images/sucessbanner.png); margin-top:0px; width:500px; height:76px;}
#contacto .close { display:block; background:url(../images/close.png); margin-top:-30px; margin-left:470px; width:30px; height:30px;}
#contacto .textoss { display:block; width:300px; height:100px; margin-top:50px; margin-left:100px;}
#contacto .textoss p { font-family: 'Roboto', sans-serif; font-size: 20px; color: black;}
#contacto .fondo{ position:absolute; top:0; left:0; width:100%; height:100%; padding-bottom:5px; background:url(../images/sucess) repeat; z-index:999; overflow:hidden; display:none;}
#contacto .success {position:absolute; top:50px; left:350px; display:block; width:250px; height:100px; padding-bottom:5px; z-index:9999; color:#F00 }
#contacto .success strong{ color:#ffaf00}
#contacto  span{ display:block; }
#contacto .error{ position:absolute; font-size:10px; color:#F00; line-height:14px; width:150px; padding-bottom:3px; margin-left:280px;}
 #contacto .empty{ position:absolute; font-size:10px; color:#F00; line-height:14px; width:150px; padding-bottom:3px; margin-left:280px;}
 
 
@media handheld, only screen and (max-width: 1280px) {

	#logo{margin-top:42px; margin-left:49px;}
}
@media handheld, only screen and (max-width: 1260px) {

	#logo{margin-top:42px; margin-left:58px;}
	
}
@media handheld, only screen and (max-width: 1420px) {

	#logo{margin-top:42px; margin-left:5px;}
	
}
@media handheld, only screen and (max-width: 1440px) {

	#logo{margin-top:42px; margin-left:5px;}
	
}
@media handheld, only screen and (max-width: 1580px) {

	#logo{margin-top:42px; margin-left:5px;}
	
}
@media handheld, only screen and (max-width: 1600px) {

	#logo{margin-top:42px; margin-left:5px;}
	
}
@media handheld, only screen ad (max-width:1024px) {

	#logo{margin-top:41px; margin-left:5px;}

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

	#logo{margin-top:50px; margin-left:100px;}

}