@charset "utf-8";

body{
	font-family:Helvetica, Verdana, Arial;
	font-size:100%;
	background-color:#E8E8E8;
}
h1{
	font-size:120%;
	margin-bottom:10px;
	text-align:left;
	padding-bottom:4px;
	color:#333;
}
h2{
	font-size:90%;
	font-weight:bold;
	color:#333;
	margin:10px 0;
}
h2 a{ text-decoration:none; color:#333}
h3{
	font-size:90%;
	font-weight:bold;
	color:#333;
}

span.bold{ font-weight:bold; font-size:120%; }

#contenedor{
	padding-left:20px;
	margin:0 auto;
	width:984px;
	background-color:#E8E8E8;
	padding:10px 0;
	height: auto;
	position:relative;
}

#fondo{ background-color:#FFF; text-align:center; height:560px; position:relative; z-index:0 }

/*
	Clase Normal para todos las paginas menos administracion.
*/
.normal{
	position:absolute;
	z-index:1;
	display:none;
	top:150px;
	left:0;
	margin-left:90px;
	width:370px;
	color:#333;
}
.normal p{
	font-size:80%;
	line-height:normal;
	text-align:justify;
	padding:10px 0;
}
.normal ul{ padding:10px 0; }
.normal ul li{ 
	font-size:90% !important;  
	margin:6px 0;
	padding-left:15px;
	background-image:url(../img/vineta.png);
	background-repeat:no-repeat;
	background-position:left center;	
}
.normal ul li a{
	text-decoration:none;
	padding-left:15px;
	background-image:url(../img/vineta.png);
	background-repeat:no-repeat;
	background-position:left center;
	color:#333;
}
.normal ul li a:hover{
	color:#000;
}

.normal table{}
.normal table th{ font-size:80%; color:#333; }
.normal table td{ font-size:80%; color:#333; vertical-align:middle; height:80px; }
.normal table td.registro{ font-size:80%; color:#FFF; vertical-align:middle; height:100%;padding:13px; }
.normal table.img-marco img{ padding:5px; margin-left:10px; background-color:#FFF; }
.normal table td.derecha{ text-align:right; }

.normal table td h2{ font-size:150%; }
.normal table td p{ font-size:120%; }

.normal .derecha{ position:absolute; top:100px; right:20px; width:90px; }
.normal .derecha img{ margin-bottom:10px; border:1px solid #FFF }
.normal .medio{ 
	margin-top:20px;
	overflow:hidden;
	width:390px;
	height:320px;
}
.normal .medio img{ 
	margin-right:10px; 
	border:1px solid #FFF; 
	margin-bottom:6px;
}

.normal .botones{ margin-top:10px; padding-top:5px; text-align:center; border-top:1px solid #999; }

.trail{ color:#666}
.trail a{ color:#666; text-decoration:none; font-size:80%; }
.trail a:hover{ color:#000; text-decoration:underline }


/* 
	Paginas - Parametros exclusivos de cada pagina.
*/
div.empresa{ margin-top:110px; }
div.mision{ margin-top:110px; }
div.vision{ margin-top:110px; }
div.valores{ margin-top:110px; }

div.productos{ margin-top:80px; }
div.proyectos{ margin-top:110px; width:550px!important }

div.socios{ margin-top:60px; margin-left:150px; }
div.socios h2{ margin:0 !important; margin-bottom:10px !important; }
div.socios p{ margin:0; padding:0 !important; font-weight:bold; }
div.socios a{ color:#666; text-decoration:none; margin-bottom:10px; }
div.socios table{ width:800px; }
div.socios table td{ vertical-align:top !important; }

div.contactenos{ margin-top:40px; }
div.contactenos table{ float:left; }
div.contactenos .texto table{ float:none; }
div.contactenos .texto table td{ color:#333; }
div.contactenos .texto{ float:left; margin-right:40px; }
div.contactenos table td{ height:100%; padding:2px; color:#333 }
div.contactenos input[type=text]{ width:250px; }
div.contactenos textarea { width:250px; }

#mapa{ position:absolute; top:350px; right:22px;}

.normal input[type=text], .normal input[type=password], .normal textarea{
	color:#000;
	background-color: transparent;
	padding:2px;
	background-image:url(../img/fondotransparente.png);
	border:1px solid #ffffff;
}
input[type=button],  input[type=submit], input[type=reset]{
	border:1px solid #0e0e0e;
	width:100px;
	background-color:#f1f1f1;
	text-transform:uppercase;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#0e0e0e;
	cursor:pointer;
	padding:2px 0;
}

td.label{ font-size:90% !important; font-weight:bold; text-align:left; color:#333 }

#img-pdf{ position:absolute; left:350px; bottom:54px; }