/*codigo desarrollado por superpuestos.com*/


#centra2 #centra #marco #submenu table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

Body{
	background-color:#FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
 }

.sb{
	float: left;
	width: 110px;
	//width: 118px;
}
a:link, a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color:#000000;
}
a:hover, a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	background-color:#999999;
	color:#FFFFFF;
}

#centra2
{
	margin:0 auto 0 auto;
	width:950px;
	height:600px;
	}
#centra
{
	width:950px;
	height:600px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.centralo {
   height: 100%;
   vertical-align: middle;
   width: 0px;
}

div {
	/**/
	/*font-size:10px;*/
	vertical-align: middle;
	/*border: thin solid #00FF00;*/
}

#estudioperez {
	position: absolute;
	left: 3px;
	top: 45px;
	height: 14px;
	z-index: 3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
#menu li {
	list-style-type: none;
	vertical-align:middle;
	line-height: 37px;
	
	}
#submenu li {
	font-size:10px;
	list-style-type: none;
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	//font-size:10px;
	line-height: 12px;
	
	}
ul {
	text-align: left;
	list-style-type: none;
	vertical-align: 50%;
	padding: 0px;
	margin: 0px;
}



#centra2 #centra #better {
	position: absolute;
	left: 172px;
	top: 47px;
	width: 120px;
	z-index: 4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	visibility: visible;


}


#logo {

position: absolute; left: 897px; top: 27px; width: 48px; height: 45px; z-index: 6;

}

#menu{
	position: absolute;
	left: 176px;
	top: 0px;
	width: 131px;
	z-index: 9;
	vertical-align: middle;
		}

#menu a:link, #menu a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-decoration: none;

	/*font-weight: bold;*/

	color: #333333;	

}

#submenu a:link, #submenu a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #333333;

	text-decoration: none;

	/*font-weight: bold;*/
	
}
#centra2 #centra #marco #foto_proyecto table{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: center;
}
#centra2 #centra #marco #foto_proyecto {
	vertical-align: middle;
}



#submenu a:hover{
	color: #999999;
}

#submenu{
	position: absolute;
	left: 307px;
	top: 0px;
	width: 133px;
	z-index: 10;
	margin: 0px;
	padding: 0px;
	display: inline;
	border: 0px none #999999;
	}

#descripcion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	vertical-align: top;
	left: 0px;
	top: 10px;
	width: 155px;
	text-align: left;
	color: #999999;
	line-height: 14px;
		}
#centra2 #centra #marco #descripcion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	//line-height:14px;
}

#centra2 #centra #marco #menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

#centra2 #centra #marco #submenu div table{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-width:0px;
}


#foto_proyecto {

position: absolute; left: 440px; top: 0px; width: 505px; height: 336px; z-index: 16;

}

#numero_proyectos {
	position: absolute;
	left: 650px;
	top: 305px;
	//top:300px;
	height: 25px;
	z-index: 17;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	right: auto;

}
#centra2 #centra #marco #puntos_numero {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	left: 440px;
	top: 336px;
	//top: 323px;
	width: 504px;
	position: absolute;
	z-index: 50;
}
#centra2 #centra .lineai {
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;
	position: absolute;
	top: 521px;

	//top: 502px;
	left: 0px;
	width: 945px;
}


#detalles_proyecto {
	position: absolute;
	left: 638px;
	top: 337px;
	width: 306px;
	height: 76px;
	margin: 0px;
	padding: 0px;
}
#detalles_proyecto #txt {
	width: 302px;
	height: 75px;
	//width: 308px;
	//height: 75px;
	margin: 0px;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-align: left;
	color: #FFFFFF;
	//z-index: 500;
}

#proyecto {
	position: absolute;
	left:440px;
	top: 337px;
	width: 198px;
	z-index: 18;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#marco {
	position: absolute;
	height: 416px;
	width: 945px;
	left: 2px;
	top: 100;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 1000;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

#proyecto #txt {
	width: 188px;
	height: 25px;
	//width: 198px;
	//height: 31px;
	margin: 0px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0px;
	bottom: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	text-align: left;
	color: #FFFFFF;
}


#cliente {
	position: absolute;
	left: 440px;
	top: 363px;
	width: 188px;
	height: 57px;
	z-index: 18;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
#cliente #txt {
	width: 188px;
	height: 56px;
	//width: 200px;
	//height: 49px;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	
	/*font-weight: bold;*/
	text-align: left;
}


#datos_contacto {
	position: absolute;
	left: 1px;
	top: 525px;
	//top:517px;
	width: 944px;
	height: 22px;
	z-index: 19;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #999999;

}

#puntossup {
	position: absolute;
	left:18px;
	top: 102px;
	width: 937px;
	height: 1px;
	z-index: 30;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;

	}

	#puntosinf {

	position: absolute;

	left:18px;

	top: 525px;

	width: 937px;

	height: 2px;

	z-index: 30;

	border-top-width: 2px;

	border-right-width: 2px;

	border-bottom-width: 2px;

	border-left-width: 2px;

	border-right-style: none;

	border-bottom-style: dotted;

	border-left-style: none;

	border-top-color: #999999;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

	border-top-style: none;

	}
.puntos {
	//font-size:10px;
	//vertical-align:middle;
	//padding-top: 11px;
	//padding-bottom:11px;
	background-position: center;
	width: 100%;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
			
}
.sub {
	float: left;
	width: 15px;
	text-align: center;
	vertical-align:middle;
	//margin-top: 2px;	
		}
#centra2 #centra #marco #submenu div {
	//font-size: 10px;
	line-height:18px;
	//line-height:13px;
	}

.num {
	position: relative;
	text-align: center;
	right: auto;
	width: 10;
	left: auto;
	float: left;
	
			}
#formulario #form input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#centra2 #centra #datos_contacto a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
}
#centra2 #centra #marco #descripcion  a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
}
#mensaje {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#formulario #form #correo {
	background-color: #CCCCCC;
	width: 380px;
}
#formulario #form #mensaje {
	width: 380px;
	background-color: #CCCCCC;
	height: 295px;
	//height: 290px;
}