/* @group GENERAL */
body {
	background-color: #d2dfe9;
	margin: 0px;
	padding: 0px;
	font-family: 'Lato';
	font-size: 14px;
	color: #677d8c;
	text-align: justify;
	line-height: 20px;
}
#nosotros {
	background: url('../images/interna_back.jpg') no-repeat center top;
	background-color: #d2dfe9;
}
#hacemos {
	background: url('../images/back_hacemos.jpg') no-repeat center top;
	background-color: #d2dfe9;
}
#ubicacion {
	background: url('../images/ubicacion_back.jpg') no-repeat center top;
	background-color: #d2dfe9;
}
#galeria {
	background: url('../images/back_galeria.jpg') no-repeat center top;
	background-color: #d2dfe9;
}
#aplicaciones {
	background: url('../images/aplicaciones_back.jpg') no-repeat center top;
	background-color: #d2dfe9;
}
#proyectos {
	background: url('../images/proyectos_back2.jpg') no-repeat center top;
	background-color: #d2dfe9;
}
#proyecto {
	background: url('../images/proyecto_back.jpg') no-repeat center top;
	background-color: #d2dfe9;
}
img {
	border: 0px;
}
a {
	color: #2e3f60;
	text-decoration: none;
}
a:hover {
	color: #fff;
}
a.menu {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}
a.menu:hover {
	color: #fe9807;
	font-size: 12px;
}
p {
	font-family: 'Lato';
	font-size: 14px;
	color: #677d8c;
	text-align: justify;
	line-height: 20px;
}
.proyecto {
	text-align: right;
	line-height: 15px;
}
li {
	margin-bottom: 10px;
}
.subtitulo {
	font-size: 16px;
	color: #207bbc;
	display: block;
	width: 307px;
	height: 25px;
	border-bottom: 1px solid #95b1c3;
}
.subtitulo2 {
	font-size: 14px;
	color: #207bbc;
}
.resaltado {
	color: #104362;
}
/* @end */

/* @group SECTIONS */
#top {
	width: 980px;
	height: 400px;
	position: relative;
	margin: 0 auto;
}
#middlenosotros {
	width: 980px;
	height: 401px;
	position: relative;
	margin: 0 auto;
}
#middlehacemos {
	width: 980px;
	height: 801px;
	position: relative;
	margin: 0 auto;
}
#middlecontactenos {
	width: 980px;
	height: 501px;
	position: relative;
	margin: 0 auto;
}
#middleubicacion {
	width: 980px;
	height: 601px;
	position: relative;
	margin: 0 auto;
}
#middlegaleria {
	width: 980px;
	height: 350px;
	position: relative;
	margin: 0 auto;
}
#middleaplicaciones {
	width: 980px;
	height: 520px;
	position: relative;
	margin: 0 auto;
}
#middleinstalacion {
	width: 980px;
	height: 680px;
	position: relative;
	margin: 0 auto;
}
#middleproyectos {
	width: 980px;
	height: 1100px;
	position: relative;
	margin: 0 auto;
}
#middleproyecto {
	width: 980px;
	height: 1450px;
	position: relative;
	margin: 0 auto;
}
#footer {
	width: 980px;
	height: 120px;
	position: relative;
	margin: 0 auto;
	border-top: 1px solid #a0bdde;
}
/* @end */

/* @group TOP */
#logo {
	top: 34px;
	left: 26px;
	position: absolute;
}
#menu {
	top: 38px;
	right: 20px;
	width: 800px;
	height: 20px;
	text-align: right;
	position: absolute;
}
#foto {
	top: 75px;
	right: 9px;
	position: absolute;
}
#titulo {
	top: 236px;
	left: 25px;
	position: absolute;
}
#tituloproyecto {
	top: 231px;
	left: 0px;
	width: 335px;
	height: 40px;
	font-size: 30px;
	color: #cdd6e1;
	text-align: right;
	position: absolute;
}
#subtituloproyecto {
	top: 260px;
	right: 647px;
	width: 300px;
	height: 25px;
	font-size: 16px;
	color: #677d8c;
	text-align: right;
	position: absolute;
}

/* @end */

/* @group MIDDLE */
#texto1 {
	width: 410px;
	height: 250px;
	top: -70px;
	left: 25px;
	position: absolute;
}
#texto1hacemos {
	width: 410px;
	height: 250px;
	top: -90px;
	left: 25px;
	position: absolute;
}
#texto2 {
	width: 480px;
	height: 250px;
	top: 44px;
	right: 30px;
	position: absolute;
}
#texto3 {
	width: 480px;
	height: 250px;
	top: 150px;
	right: 30px;
	line-height: 35px;
	position: absolute;
}
#texto4 {
	width: 420px;
	height: 250px;
	top: 400px;
	right: 30px;
	line-height: 35px;
	position: absolute;
}
#textogaleria {
	width: 735px;
	height: 250px;
	top: 210px;
	left: 120px;
	position: absolute;
}
#textoaplicaciones {
	width: 350px;
	height: 250px;
	top: 130px;
	left: 120px;
	position: absolute;
}
#textoaplicaciones2 {
	width: 350px;
	height: 250px;
	top: 130px;
	right: 120px;
	position: absolute;
}
#textoproyectos {
	width: 470px;
	height: 250px;
	top: -210px;
	left: 25px;
	font-size: 12px;
	color: #aabbc6;
	line-height: 17px;
	position: absolute;
}
#textoproyecto {
	width: 310px;
	height: 250px;
	top: -80px;
	left: 25px;
	position: absolute;
}
#proyectos1 {
	top: 140px;
	left:200px;
	width: 190px;
	height: 350px;
	font-size: 12px;
	line-height: 25px;
	text-align: left;
	position: absolute;
}
#proyectos2 {
	top: 140px;
	left:405px;
	width: 175px;
	height: 350px;
	font-size: 12px;
	line-height: 25px;
	text-align: left;
	position: absolute;
}
#proyectos3 {
	top: 140px;
	left:5px;
	width: 175px;
	height: 350px;
	font-size: 12px;
	line-height: 25px;
	text-align: left;
	position: absolute;
}
#proyectos4 {
	top: 140px;
	left:610px;
	width: 190px;
	height: 250px;
	font-size: 12px;
	line-height: 25px;
	text-align: left;
	position: absolute;
}
#proyectos5 {
	top: 140px;
	left:815px;
	width: 190px;
	height: 250px;
	font-size: 12px;
	line-height: 25px;
	text-align: left;
	position: absolute;
}
#mini {
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: -45px;
}
#facebook {
	top: 810px;
	left: 20px;
	position: absolute;
}
#linkedin {
	top: 810px;
	left: 118px;
	position: absolute;
}
#botonmapa {
	top: -225px;
	left: 54px;
	position: absolute;
}
#fotos {
	top: 178px;
	left: -81px;
	width: 800px;
	height: 325px;
	position: absolute;
}
#minis {
	top: 300px;
	right: 50px;
	position: absolute;
	z-index: 999999;
}
#menuproyectos {
	top: 340px;
	left: 5px;
	position: absolute;
}
/* @end */

/* @group FOOTER */
#copy {
	width: 980px;
	height: 150px;
	top: 10px;
	left: 0px;
	position: absolute;
	font-family: 'Lato';
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	color: #627074;
}
#subir {
	top: -44px;
	right: 20px;
	position: absolute;
}

/* @end */

/* @group Hacemos */

#subpaneles {
	top: 55px;
	left: 25px;
	width: 410px;
	border-bottom: 1px solid #879bb4;
	line-height: 30px;
	font-family: 'Lato';
	font-size: 20px;
	color: #424f62;
	position: absolute;
}
#submantenimiento {
	top: 365px;
	right: 32px;
	width: 418px;
	border-bottom: 1px solid #879bb4;
	line-height: 30px;
	font-family: 'Lato';
	font-size: 20px;
	color: #424f62;
	position: absolute;
}

/* @end */