/* CSS Document */

#header {
	background:#2F2F2F;
	width: 676px;
	height: 100px;
	background:url(../img/logo.jpg) top left no-repeat;
	border: 1px solid #CCCCCC;
}

#footer {
	font-family: Tahoma;
	font-size: 10px;
	line-height: 25px;
	text-align: right;
	background: #2F2F2F;
	width: 676px;
	height: 25px;
	border: 1px solid #CCCCCC;
	color: #cccccc;
}

#content {
	position: absolute;
	width: 445px;
	height: 565px;
	background: #2f2f2f;
	overflow: auto;
	padding: 0 5px 0 0;
	z-index: 501;
	margin: 3px 0 0 231px;
}

#flash {
	position: absolute;
	z-index: 500;
	height: 577px;
}
#contentAndFlash {
	height: 577px;
}

.clearer {
clear:both;
}

/* estilos pagina  main */

#welcome, #proyectos, #mision {
	background: #2f2f2f;
	border: 1px solid #CCCCCC;
	margin: 0 0 10px 0;
}

#proyectos .proyecto{
	margin: 10px 10px 10px 10px;
	width: 190px;
	float: left;
}

#proyectos .proyectoimage{
	margin: 0 0 0 6px;
}

#proyectos .proyectotitle{
	font-family: Tahoma;
	color: #CC0000;
	margin: 10px 0 0 15px;
	font-size: 10px;
}



.title {
	font-family: "Arial Narrow"; 
	font-size: 22px;
	color: #666666;
	padding: 10px 0 0 10px;
}

.text {
	font-family: Tahoma;
	color:#999999;
	font-size: 12px;
	text-align:justify;
	margin: 10px 10px 10px 10px;
}

/* estilos pagina  empresa */
.total {
	background-color: #2f2f2f;
	margin-top: 5px;
}

#vision {
	background: #2f2f2f;
	border: 1px solid #CCCCCC;
}

#vision #visiotitle {
	font-family: "Arial Narrow"; 
	font-size: 22px;
	color: #666666;
	padding: 10px 0 0 10px;
}

#vision #visioimage {
	background-image: url(../xxxxx_pic14.jpg);
	border: 1px solid #CCCCCC;
	width: 110px;
	height: 72px;
	margin: 10px 0 10px 10px;
	float: left;
}

#vision #visiotext {
	font-family: Tahoma;
	color:#999999;
	font-size: 12px;
	text-align:justify;
	margin: 10px 10px 10px 140px;
}

#metodologia {
	background: #2f2f2f;
	border: 1px solid #CCCCCC;
	margin: 10px 0 0 0;
}

#metodologia #metotitle {
	font-family: "Arial Narrow"; 
	font-size: 22px;
	color: #666666;
	padding: 10px 0 0 10px;
}

#metodologia #metotext {
	font-family: Tahoma;
	color:#999999;
	font-size: 12px;
	text-align:justify;
	margin: 10px 10px 10px 10px;
}

#team {
	background: #2f2f2f;
	border: 1px solid #CCCCCC;
	margin: 10px 0 10px 0;
}

#team #teamtitle {
	font-family: "Arial Narrow"; 
	font-size: 22px;
	color: #666666;
	padding: 10px 0 0 10px;
	line-height: 20px;
}

#team .team {
	margin: 10px 0 20px 0;
	float: left;
	width: 420px;
}

#team .team .teamimage {
	border: 1px solid #cccccc;
	width: 80px;
	height: 73px;
	float: left;
	margin: 0 0 0 10px;
}

#team .team .teamtext {
	font-family: Tahoma;
	color:#999999;
	font-size: 12px;
	text-align:justify;
	float: right;
	width: 300px;
}

.tab {
	background: #2f2f2f;
	border: 1px solid #CCCCCC;
	margin: 0 0 10px 0;
}

#imagecontact {
	float: left;
	width: 110px;
	margin: 10px 10px 10px 10px;
}

#contacttext {
	float: right;
	width: 300px;
	font-family: Tahoma;
	color:#999999;
	font-size: 12px;
	margin: 10px 0 10px 0;
}

.short {
 font-size: 10px;
 background-color: #CCCCCC;
 border: 1px solid #666666;
 width: 130px;
}

#mensaje {
	border: 1px solid #666666;
	font-size: 10px;
 	background-color: #CCCCCC;
	font-family:Tahoma;
}
#contactForm {
	font-size: 11px;
	padding: 10px;
	color: #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}