body{ 
	background-image:url('../../img/fondo.png');
	background-repeat: repeat;
	text-align: center; 
} 

.wrapInicial{
	margin:0 auto 10px; 
	z-index:1; 
	/*width:1250px;*/
	width:100%;
	height:687px;
	background-image:url('../../img/INTRO.png');
	background-repeat: no-repeat;
	position:absolute;
	top:0px;
	text-align: left; 
}

.wrapContenido{
	margin:0 auto 10px; 
	z-index:1; 
	/*width:1250px;*/
	width:100%;
	height:827px;
	background-image:url('../../img/LAYOUT.png');
	background-repeat: no-repeat;
	position:absolute;
	top:0px;
	text-align: left; 
} 

.wrapContenidoUserAdmin{
	margin:0 auto 10px; 
	z-index:1; 
	/*width:1250px;*/
	width:100%;
	height:827px;
	background-image:url('../../img/LAYOUT_1.png');
	background-repeat: no-repeat;
	position:absolute;
	top:0px;
	text-align: left; 
} 

.layout{
	width:1250px; 
	margin:0 auto; 
	position:relative;
}

.menu{
	position: absolute;
	top: 30px;
	left: 210px;
}

.menu_usuario{
	position: absolute;
	top: 30px;
	left: 600px;
}

.menu_admin{
	position: absolute;
	top: 30px;
	left: 75px;
}

.titulo_seccionError{
	width: 550px;
	height: 70px;
	font-size: 20px;
	font-family: Arial;
	font-weight: bold;
	text-align:center;
	color:#0862b5;
	position: absolute;
	top: -40px;
	left: -160px;
	/*background: #A056FC;*/
}

#contenidoError{
	width: 550px;
	height: 250px;
	font-size:15px;
	font-family: Arial;
	color: #586770;
	position: absolute;
	top: 340px;
	left: 350px;
}

.contenido_contacto{
	position: absolute;
	top: 110px;
	left: 50px;
}

.texto_contacto{
	position: absolute;
	top: 250px;
	left: 480px;
	font-size:13px;
	font-family: Arial;
	color: #000000;
}

.texto_contacto_registro{
	position: absolute;
	top: 400px;
	left: 590px;
	font-size:13px;
	font-family: Arial;
	color: #000000;
}

.registro_contacto{
	width: 400px;
	height: 400px;
	font-size:12px;
	font-family: Arial;
	color: #586770;
	position: absolute;
	top: 400px;
	left: 400px;
}

.login{
	position: absolute;
	top: 257px;
	left: 990px;
	z-index: 0;
	width: 262px;
	height: 149px;
	/*background: #ff0000;*/
}

.login_box{
	position: absolute;
	top: 34px;
	left: 40px;
}

.pass_box{
	position: absolute;
	top: 83px;
	left: 40px;
}

.botLogin_box{
	position: absolute;
	top: 107px;
	left: 130px;
}

.botLogout_box{
	position: absolute;
	top: 40px;
	left: 55px;
}

.banner{
	position: absolute;
	top: 273px;
	left: 325px;
}

#img_derecha{
	position: absolute;
	top: 550px;
	left: 965px;
}

#img_izquierda{
	position: absolute;
	top: 390px;
	left: 90px;
}

#img_izquierda_profile{
	position: absolute;
	top: 273px;
	left: 66px;
}

.img_main{
	position: absolute;
	top: 540px;
	left: 325px;
}

.img_history{
	position: absolute;
	top: 540px;
	left: 66px;
}

.img_history_2{
	position: absolute;
	top: 560px;
	left: 970px;
}

.img_media{
	position: absolute;
	top: 560px;
	left: 965px;
	z-index:-2;
}

.img_news{
	position: absolute;
	top: 470px;
	left: 65px;
}

.img_news_2{
	position: absolute;
	top: 280px;
	left: 304px;
	z-index: -1;
}

.img_projects{
	position: absolute;
	top: 470px;
	left: 67px;
}

.img_projects_02{
	position: absolute;
	top: 280px;
	left: 322px;
}

.img_contact{
	position: absolute;
	top: 440px;
	left: 73px;
}

.banner_derecho{
	position: absolute;
	top: -275px;
	left: -12px;
	z-index:-2;
}

.tituloHome{
	position: absolute;
	top: 137px;
	left: 33px;
}

.dummy{
	width: 450px;
	height: 330px;
	/*background-color: #D2DCA0;*/
}

.mostrarAdmin{
	text-align: center;
	width: 560px;
	height: 400px;
	position: absolute;
	top: 300px;
	left:400px;
	z-index: 1;
	overflow: auto;
	/*background: #A056FC;*/
}

.tituloSeccion{
	font-family: Arial;
	font-weight: bold;
	font-size: 25px;
	text-align:center;
	color:#0862b5;
	position: absolute;
	top: 290px;
	left: 140px;
}

.tituloSeccionProfile{
	font-family: Arial;
	font-weight: bold;
	font-size: 23px;
	text-align:center;
	color:#0862b5;
	position: absolute;
	top: 275px;
	left: 75px;
}

.titulo_seccion{
	font-family: Arial;
	font-size: 20px;
	text-align:center;
	color:#0862b5;
	position: absolute;
	top: 340px;
	left: 140px;
}

.titulo_seccion_1{
	font-family: Arial;
	font-size: 20px;
	text-align:center;
	color:#0862b5;
	position: absolute;
	top: 340px;
	left: 340px;
}

.titulo_officers{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color:#0862b5;
}

.titulo_seccion_open{
	font-family: Arial;
	font-weight: bold;
	font-size: 30px;
	text-align:center;
	color:#666666;
	position: absolute;
	top: 310px;
	left: 140px;
}

.error_login{
	width: 260px;
	height: 20px;
	position: relative;
	top: -7px;
	left: -9px;
	font-family: Arial;
	font-size: 13px;
	color: #ff0000;
}

.recuperarPass{
	width: 130px;
	height: 20px;
	position: absolute;
	top: 55px;
	left: -5px;
	font-family: Arial;
	font-size: 14px;
	font-weight:bold;
	color: #0e6fae;
	z-index: -1;
	/*background-color: #D2DCA0;*/
}

.recuperarPass:link {
	color: #0e6fae;
}

.recuperarPass:visited {
	color: #0e6fae;
}

.recuperarPass:hover {
	color: #0e6fae;
}

.recuperarPass:active {
	color: #0e6fae;
}

.forma_recuperarPass{
	width: 450px;
	height: 250px;
	font-size:12px;
	font-family: Arial;
	color: #586770;
	position: absolute;
	top: 400px;
	left: 350px;
	overflow:auto;
	z-index: 1;
}

.returnHome{
	position: absolute;
	top: 155px;
	left: 320px;
	width: 194px;
	height: 99px;
}

tr.titulos {
	/*color: #00963C;*/
	color: #ffffff;
}

td.titulo_perfil{
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	text-align:center;
	/*background-color: #D2DCA0;*/
	background-color: #0862b5;
	padding-top:7px;
	padding-bottom:7px;
	padding-right:7px;
	padding-left:5px;
}

tr.titulos_specs {
	/*color: #00963C;*/
	color: #0862b5;
}

td.dato{
	font-family: Arial;
	font-size: 12px;
	color: #586770;
}

td.dato_par{
	font-family: Arial;
	font-size: 12px;
	color: #586770;
	background-color: #b8d7f4;
}

td.dato_non{
	font-family: Arial;
	font-size: 12px;
	color: #586770;
	background-color: #e5edff;
}

td.titulo_1{
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	text-align:right;
	background-color: #e7e8e9;
}

td.titulo_2{
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	text-align:left;
}

.history{
	width: 400px;
	height: 470px;
	font-size:13px;
	font-family: Arial;
	color: #000000;
	position: absolute;
	top: 280px;
	left: 540px;
	overflow: auto;
}

.media{
	width: 600px;
	height: 470px;
	font-size:13px;
	font-family: Arial;
	color: #000000;
	position: absolute;
	top: 480px;
	left: 330px;
	overflow: auto;
}

table.tablaUsuarios{
	background-color: #b8d7f4;
}

.news{
	width: 600px;
	height: 250px;
	font-size:13px;
	font-family: Arial;
	color: #000000;
	position: absolute;
	top: 480px;
	left: 330px;
	overflow: auto;
}

a.dato
{
	font-family: Arial;
	font-size: 12px;
	color: #586770;
	text-decoration: none;
}

.txo_main{
	width: 375px;
	height: 170px;
	font-size:15px;
	font-family: Arial;
	color: #000000;
	position: absolute;
	top: 560px;
	left: 570px;
	overflow: auto;
}

.frame_derecho_main{
	width: 230px;
	height: 340px;
	font-size:14px;
	font-family: Arial;
	color: #000000;
	position: absolute;
	text-justify: distribute;
	top: 420px;
	left: 970px;
	overflow: auto;
}

.footer{
	font-size:12px;
	font-family: Arial;
	font-weight:bold;
	color: #98c1d5;
	position: absolute;
	top: 780px;
	left: 475px;
	text-align: center; 
}

.exitoModificarUsuario{
	position: absolute;
	top: 60px;
	left: 0px;
	overflow:auto; 
	/*background: #A056FC;*/
	width: 480px;
	height: 100px;
	text-align:center;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color: #333333;
}

.selectAltaUsuarios{ 
	width: 245;
}

.asterErrorHidden{
	font:14px Verdana, Helvetica, Arial; 
	font-weight:bold;
	color: #FF1000;	
	visibility: hidden;
}

.asterErrorVisible{
	font:14px Verdana, Helvetica, Arial; 
	font-weight:bold;
	color: #FF1000;	
	visibility: visible;
}

/* para los text de user y passw */

.ingresa_datos input[type="password"],
.ingresa_datos input[type="text"] {
	float:left;
	border:none;
	width:150px;
	height:15px;
	padding:2px 5px 2px 5px;
	background: #d6dfe9;
	margin-bottom:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	-webkit-box-shadow: 0px 0px 10px 0px #c5c5c5;
	box-shadow: 0px 0px 10px 0px #c5c5c5;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #e8e8e8;
}

/* Para el nav menu principal */
nav{
 width:900px;
 height:60px;
 /*background-color:blue;*/
 margin:0 auto;
}

/* Es el ul principal, configurado para que no muestre viñetas y con las configuraciones para
   alinear al centro */
#menu{
 list-style:none;
 list-style-position:inside;
 width:800px;
 margin:0 auto;
 display:block;
 text-align:center;
}

/* Es cada opción principal del menu, los ordena horizontalmente con la propiedad float.
   Al tener un ancho fijo, se alinea su contenido al centro y con position:relative; permite
   que al pasar el cursor, aparescan las opciones bajo cada opción principal
*/
#menu li{
 float:left;
 padding:20px;
 width:90px;
 position:relative;
}

/* Es el submenu. Con display none permanece escondido y con position absolute le dice que aparezca
   bajo la opción padre. Con top y right se dice a que altura de la opción debe aparecer.
   Finalmente, con z-index:1; le dice que sobreponga a cualquier otro elemento el submenu.
*/
#menu li ul{
 list-style:none;
 list-style-position:inside;
 display:none;
 position:absolute;
 top:45px;
 left:-15px;
 z-index:1;
}

/* Es la ultima opción del submenu. con border-radius se da los bordes redondeados al final */
#menu .ultimo{
 /*border-radius:0 0 10px 10px;
 border:1px white solid;
 border-top:none;*/
}

/* Son las opciones del submenu. */
#menu li ul li{
 /*background-color:white;*/
 padding:0px;
 width:130px;
 height: 25px;
 display: inline;
 margin: -4px 2px 0 0;
 float: left;
/* border-bottom:1px white dashed;
 border-left:1px white solid;
 border-right:1px white solid;*/
}

/* Configuración al pasar el mouse encima de una opción principal */
#menu li:hover{
 /*background-color:lime;*/
 /*border-left:1px white solid;*/
 /*border-right:1px white solid;*/
}

/* Hace visible el ul del submenu al pasar el mouse encima de una opción principal */
#menu li:hover > ul{
 display:block;
}

/* Configuración de como se veran los enlaces */
#menu a, #menu a:visited{
 /*color:white;*/
 text-decoration:none;
 font-family:sans-serif;
 font-weight:bold;
 outline:none;
}

#menu a:hover{
 text-decoration:underline;
}