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

p {
	text-align: justify;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	margin-top: 0px;
}
img {border-style: none;}

a img{
border:none;}


a {color: #000000; text-decoration: underline; }
a:link {}
a:visited {}
a:hover {color: #000000; text-decoration:none;}
a:active {}


h3 {color: #0099FF;}

.style5 {color: #000000; font-weight:bold; font-size:13px;}

body

{

	font:12px Helvetica, Verdana, Arial, sans-serif; text-align: left;
	
	background-image: url(imagenes/degradee.jpg);

	background-repeat:repeat-x;

	background-color:#cccccc;


}

#global {
	width: 910px;
	margin-top: 4px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
	overflow: hidden;
}
	

#peru {	
		
		width: 900px;
		color: #003d5c;
		padding: 10px 10px 0 0;
		text-align:right;
		margin-right:auto;
}

#global1 {
		width: 910px;
		margin: 4px auto;
		height: 750px;
		border: 1px solid #005783;
		background:#FFFFFF;
}

#global2 {
		width: 910px;
		height: 950px;
		margin: 4px auto;
		border: 1px solid #005783;
		background:#FFFFFF;
}

#global3  {
		width: 910px;
		height: 920px;
		margin: 4px auto;
		border: 1px solid #005783;
		background:#FFFFFF;
}

#cabecera {
	width: 910px;
	height: auto;
	overflow: hidden;
}

#barra {
		width: 890px;
		background:#003d5c;
		height: 2px;
		margin: 0 10px;
}

#imagen {
	width: 890px;
	background:#ffffff;
	height: 350px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
}

#submenu {
		width: 150px;
		height: 500px;
		padding: 10px 10px  0 10px;
		float: left;
		background:#FFFFFF;
}
#submenu-maps {
	width: 150px;
	height: 820px;
	padding: 10px 10px  0 10px;
	float: left;
	background:#FFFFFF;
}

#submenu2 {
	width: 140px;
	height: 470px;
	padding: 0 10px;
	float: left;
	background:#FFFFFF;
}

#submenu3 {
	width: 150px;
	height: 480px;
	float: left;
	background:#FFFFFF;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 10px;
}

#marco-proyecto {
		width: 719px;
		padding: 0 10px 10px 10px;
		height: 500px;
		float: left;
		border-left: 1px dashed #cccccc;
		background:#FFFFFF;
}
#marco-proyecto-maps {
		width: 719px;
		padding: 0 10px 10px 10px;
		/*height: 820px;*/
		float: left;
		border-left: 1px dashed #cccccc;
		background:#FFFFFF;
}


#marco-datos {
	width: 719px;
	padding: 0 10px 10px 10px;
	height: 480px;
	float: left;
	border-left: 1px dashed #cccccc;
	background:#FFFFFF;
}

#marco-info-proyecto {
	width: 470px;
	padding: 0 10px;
	height: 470px;
	float: left;
	border-left: 1px dashed #cccccc;
	background:#FFFFFF;
}

#proyecto-contactenos {
	width: 238px;
	padding: 0 10px;
	height: 470px;
	float: left;
	border-left: 1px dashed #cccccc;
	background:#FFFFFF;
}


#imagengrupo {
		width: 643px;
		margin: 10px 10px  0 10px;
		background:#ffffff;
		height: 320px;
		float: left;
		background-image: url(imagenes/grupoimagina-fondo.jpg);
		padding: 0 0 0 20px;
}

#flash {
		width: 890px;
		padding: 10px 10px  0 10px;
		background:#ffffff;
		height: 325px;
		float: left;
}

#infoproyecto {
		width: 255px;
		margin: 10px 0  0 10px;
		background:#ffffff;
		height: 440px;
		float: left;
}

#infoproyecto2 {
		width: 275px;
		margin: 10px 0  0 25px;
		background:#ffffff;
		height: 440px;
		float: left;
		border-left: 1px dashed #cccccc;
		padding: 0 0 0 10px;
}

#buscador {
		width: 890px;
		padding: 0 10px 0 10px;
		background: #FFFFFF;
		height: auto;
		float: left;
}

#buscador2 {
		width: 890px;
		padding: 10px;
		background: #FFFFFF;
		height: auto;
		float: left;
}

#publicidad {
	width: 900px;
	height: auto;
	background:#FFFFFF;
	float: left;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}

#proyecto {
		width: 190px;
		height: auto;
		margin: 10px;
		background:#FFFFFF;
		float: left;
}



#cierre {
	width: 910px;
	text-align:center;
	background-color:#FFF;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2px;
	padding-bottom: 5px;
}
#cierre .legal-footer {
	color: #333;
	margin-top: 5px;
}
#cierre a {
	text-decoration: none;
	color: #000;
}


.link-map {
		color:#036;
		font-size:10px;
		font-weight:normal;
}
.nuevo{
		background-color:#D4EEF8;
}

/*///////////////////////////////// CSS //////////////////////////////////*/

#cabecera #logo {
	height: 90px;
	width: 150px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
#cabecera #lema {
	text-align: right;
	float: left;
	width: 764px;
	height: 48px;
	padding-top: 17px;
}
#cabecera #lema .vive-imagina {
	font-size: 18px;
	color: #000;
}
#cabecera #lema .call-center {
	font-size: 18px;
	color: #A2A2A2;
}
#cabecera #lema .palabras {
	margin-top: 5px;
	font-size: 11px;
	color: #00547E;
}
#cabecera #nav {
	margin: 0px;
	float: left;
	width: 764px;
	text-align: right;
	height: 15px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #B4B4B4;
}
#cabecera #nav li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	color: #666;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 14px;
}
#cabecera #nav li a {
	margin-left: 4px;
	margin-right: 4px;
	text-decoration: none;
	color: #003D5A;
}
#cabecera #nav li a:hover {
	color: #0fa7d3;
}
#cabecera #nav .actual {
	margin-right: 5px;
	margin-left: 5px;
}
#cabecera #nav .ultimo  a{
	margin-right: 0px;
}
#cabecera #nav .ultimo2  {
	margin-right: 0px;
	margin-left: 5px;
}
#publicidad #slide-proyectos {
	width: 715px;
	float: left;
	height: 140px;
}
#publicidad #info-contacto {
	float: left;
	height: 80px;
	width: 185px;
	text-align: right;
	font-size: 11px;
}
#publicidad #info-contacto strong {
	display: block;
	font-size: 12px;
}
#publicidad #social {
	float: left;
	height: 20px;
	width: 185px;
	text-align: right;
	padding-top: 15px;
}
#publicidad #social img {
	margin-left: 10px;
}
#cierre-info {
	clear: left;
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#cierre-info #info-gray {
	background-color: #CCC;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.callcenter-left {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #000;
	float: left;
}
.imagina-right {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #525252;
	float: right;
	text-align: right;
}
.imagina-right strong {
	font-weight: normal;
	color: #000;
}
#submenu3 ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#submenu3 ul li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-bottom: 4px;
}
#submenu3 ul li a {
	text-decoration: none;
	color: #333;
	display: block;
}
#submenu3 ul li a:hover {
	color: #196E96;
}
#submenu-maps ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#submenu-maps ul li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-bottom: 4px;
}
#submenu-maps ul li a {
	text-decoration: none;
	color: #333;
	display: block;
}
#submenu-maps ul li a:hover {
	color: #196E96;
}
h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #333;
	font-weight: normal;
}
.proyecto-thumb {
	width: 140px;
}
.proyecto-thumb .nombre-proyecto {
	color: #003D5A;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	margin-top: 5px;
}
.proyecto-thumb .distrito {
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}