@charset "utf-8";
/*fuentes*/

/*generales*/

*{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	/*top:0;*/

}

html{
	height:100%;
	width:100%;


}

body {
	height:100%;
	width:100%;
	margin:0;
	/*background-color:#eaebed;*/
	background-color:#7e7e7e;
}

a {
	text-decoration:none;


}

a:hover {
	text-decoration:underline;
}

/*encabezados*/

#header {
	width:100%;
	height:128px;
	position:fixed;
	margin:0 ;
	background-color:white;
	z-index:3;
	/*background-color:#eaebed;*/
	background-color:#7e7e7e;
	/*display:none;*/


}

#wrapperheader{
	width:980px;
	margin:0 auto;
	padding-top:0;
	height:128px;
	background-image:url(../img/cabeza-web.jpg);
}

#logo{
	display:inline;
	float:left;
}

#logo img{
	height:70px;
	margin-top:5px;
}

#banderas{
	width:auto;
	float:right;
	height:auto;
	margin-top:10px;
	margin-right:40px;
	/*display:none; /*esto esconde las banderas*/

}

#menu{

	width:980px;
	height:80px;
	top:0px;
	display:inline;

}

#menu ul{
	margin:0px;
	margin-top:40px;
	padding-top:57px;
	float:right;
	margin-right:-37px;

}

#menu ul li{
	display:inline;
	padding-left:22px;
}

#menu ul li ul{
	display:none;
	margin:0px;
	padding:0px;
	margin-top:112px;
	margin-left:65px;
	float:left;
	position:absolute;
	background-color:#eaebed;
	padding-top:10px;
	top:0;

}

#menu ul li:hover ul{
	display:block;
}

#menu ul li ul li{
	clear:both;
	display:block;
	padding-right:10px;
	line-height:30px;


}

#menu a{
	text-decoration:none;
	font-weight:bold;
	color:#545557;

}

#menu a:hover{
	color:#f1ac30
}
#menu ul li ul li a {
    font-size: 13px;
}


/*ppal*/

#main {
	width:980px;
	margin:0 auto;
	height:100%;
	
}

.pantalla{
	height:100%;
	background-color:#eaebed;
}

#separador{
	height:148px;
}
.fondoinicio{
	position:relative;
	top:0px;
	z-index:1;
	height:100%;
	margin-left:40px;
}

.colizqinicio{
	float:left;
	width:380px;
	top:0;
	position:absolute;
	margin-top:148px;
	margin-left:40px;
	z-index:2;
	background-color:rgba(0,0,0,0.3);
	height:627px;
}

.colizq{
	float:left;
	width:490px;
	/*height:100%;*/
	/*z-index:2;*/
	/*background-color:rgba(0,0,0,0.3)*/
	/*background-color:yellow;*/
	
}



.colder{
	float:right;
	width:440px;
	/*background-color:blue;*/
	/*height:100%;*/
	padding-top:15px;
	padding-right:40px;
}

.colunico{
	margin-top:0px;
	float:left;
	width:960px;
	text-align:justify;
}


h1{
	margin-left:80px;
	margin-top:10px;
	color:#7e7e7e;
    font-size:20px;
}

h1::first-line{
	color:#f1ac30;
}

#presentacion h1{
	margin-top:60px;
	margin-left:40px;

}

p{
	margin-left:20px;
}


#presentacion p{
	color:#eaebed;
	margin-left:40px;
	margin-right:40px;
	margin-top:43px;
	line-height:21px;
	/*text-align:justify;*/
	letter-spacing:0.2px;
	font-size:14px;
}

#presentacion p b{
	font-size:14px;
}

.accordion{
	margin-top:50px;
	margin-left:80px;
}

.accordion dt{
	padding-bottom:10px;
	margin-top:5px;
}

.accordion dd{
	text-align:left;/*justify;*/
	color:#545557;
	padding-bottom:10px;

}

.accordion dd ul li{
	margin-top:10px;
	list-style-type:circle;
	

}

.accordionButton a{
	color:#545557;
	font-weight:bold;
}

.accordionButton a:before {
	content:url(../img/mas.png);
	margin-right:8px;
}

.over a{
	cursor:pointer;
}

.on a:before{
	content:url(../img/menos.png);
	margin-right:8px;
}

#imgprop{
	border:4px solid #D2D3D5;
	
	float:right;

}

#imgcont{
	border:4px solid #D2D3D5;

	float:right;
}

#imgtray{
	margin-left:0px;
	border:4px solid #D2D3D5;
	float:right;
}
	

#tabla{
	margin-left:80px;
	margin-top:30px;
	width:860px;
	color:#545557;

}

#tabla td{
	height:160px;

}

.fotoquienes{
	padding-top:12px;
}

.fotoproyecto{
	padding-top:12px;
	width:120px;
}


#trayectoria {
	color:#545557;
}

#coltrayizq{
	width:600px;
}

#coltrayder{
	width:319px;

}

#trayectoria ul{
	margin-left:43px;
	list-style-type:circle;
	color:#FC7F07;
	margin-top:45px;
}

#trayectoria li{
	margin-bottom:9.7px;
}

#trayectoria span{
	color:#545557;
	font-size: 12px ;
}

#proyectos p u{
	line-height:25px;
	vertical-align:-8px;
	}
	
#contacto{
	color:#545557;
}

#contacto p{
	line-height:20px;
}
#contacto a{
	color:#FC7F07;

}

/*alturas minimas*/
#presentacion{
	min-height:700px;
}

#servprop{
	min-height:700px;
}

#servcont{
	min-height:650px;

}

#quienes{
	min-height:600px;
}

#trayectoria{
	min-height:1100px;
}

#proyectos{
	min-height:1000px;
}

#contacto{
	min-height:800px;
}

/*pie de pagina*/

#footer{
	position:fixed;
	background-color:#EAEBED;
	width:900px;
	margin-left:40px; ;
	height:15px;
	bottom:0;

 
}

#footer p {
	float:right;
	margin:1px;
	font-size:12px;
	color:#545557;
}

#footer a{
	font-size:12px;
	color:#545557;
}

/*triangulo*/
#triangulo{
	position:fixed;
	bottom:0;

	margin-left:-180px;
	margin-bottom:-180px;

	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 
	-webkit-transform:rotate(45deg); 
	background-color:#EAEBED;
	width:240px;
	height:240px;
	display:block;
	transition: margin 0.2s;

}

#triangulo:hover{
	margin-left:-120px;
	margin-bottom:-120px;
}

#triangulo p{
	margin-left:70px;
	font-size:10px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	-webkit-transform:rotate(-45deg); 
	margin-top:-40px;
}