/* Estilos para la maquetacion del web de Eo Park */
/* Aqui se especifican unicamente los elementos destinados a maquetación de la portada del web 
   y del panel de administración */
/* (c) 2004 ----- Trisquelmedia ----- */

/* Definicion del body */
body {	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Trebuchet,Verdana, Geneva, Arial, sans-serif;
	font-size: 75%;
	color: #000000;
	background-image: url(../imagenes/fondo.gif);
	background-color: #FFFFFF;
}

/* Los DIV horizonte y contenedor sitúan los contenidos en el centro de la pantalla */
#horizonte {
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;	
}
#contenedor {
	margin-left: -370px;
	margin-top: 0px;
	position: absolute;
	top: 0px;
	left: 50%;
	width: 715px;
	min-height: 900px;
	background-image: url(../imagenes/borde.gif);
	background-repeat: repeat-y;
	background-color: #FFE5FF;	
	visibility: visible;
}
*html #contenedor {
	height: 900px;
}
/*panel de control -admin*/
#contenedorb {
	margin-left: -370px;
	margin-top: 0px;
	position: absolute;
	top: 0px;
	left: 50%;
	width: 715px;
	min-height: 1100px;
	background-image: url(../imagenes/bordeb.gif);
	background-repeat: repeat-y;
	background-color: #FFE5FF;	
	visibility: visible;
}
*html #contenedorb {
	height: 900px;
}

/* Cabecera */
#cabecera {
	width: 690px;
	height: 162px;
	text-align: left;
	background-color: #FFE5F;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	background-image: url(../imagenes/cab_portada.jpg);
	background-repeat: no-repeat;
}

*html #cabecera {
	\width: 710px;
	w\idth: 710px;
	
}


/*CONTENIDOS*/
#contenidos {
	width: 690px;
	height: 520px;
	text-align: center;
	padding: 10px 0px 0px 21px;
	background-image: url(../imagenes/degrad.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
*html #contenidos {
	\width: 695px;
	w\idth: 695px;	
	padding: 20px 0px 0px 0px;	
	background-position: left top;	
}

/* igual que el anterior pero más grande el degradado*/
#cont {
	width: 690px;
	min-height: 1200px;
	text-align: center;
	padding: 20px 0px 0px 21px;	
	background-image: url(../imagenes/degrad2.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
*html #cont {
	\width: 695px;
	w\idth: 695px;	
	text-align: left;
	padding: 20px 0px 0px 50px;		
	background-position: left top;	
	height: 1000px;
}

/*contenidos del panel de control*/
#conten {
	width: 640px;
	min-height: 520px;
	text-align: left;	
	padding: 10px 0px 0px 50px;	
}
*html #conten {
	\width: 695px;
	w\idth: 640px;	
	padding: 20px 20px 0px 50px;	
	
}
/*capa para incluir el formulario de login en la página principal*/
#login {
	width: 185px;
	float:left;
	padding: 0px 0px 20px 0px;	
	text-align : right;
	margin-left : 25px;
	margin-right : 25px;
	font-size : 90%;
}
*html #login {
	\width: 190px;
	w\idth: 185px;
	margin-right : -5px;
}
#infologin {
	width:600px;	
	padding: 0px 0px 0px 0px;	
	text-align : left;
	font-size : 90%;	
}
*html #infologin {
	\width: 400px;	
	w\idth: 400px;		
}


/* estrella decorativa */
#deco {
	width: 170px;
	height: 80px;	
	background-image: url(../imagenes/estrella_pie.gif);
	background-position: left;
	background-repeat: no-repeat;
	float: left;		
	/*padding: 0px 0px 0px -20px;*/
	margin-left: 10px;	
	margin-right: 10px;
}
*html #deco {	
	margin-left: 5px;	
	margin-right: 0px;
}
 /*coloca la estrella decorativa correctamente en el panel de administracion*/
#decob {
	width: 170px;
	height: 80px;	
	background-image: url(../imagenes/estrella_pieb.gif);
	background-position: left;
	background-repeat: no-repeat;
	float: left;		
	margin-left: 10px;	
	margin-right: 10px;
}
*html #decob {	
	margin-left: 5px;	
	margin-right: 0px;
}



/*pie*/
#pie {	
	margin: 30px 0px 0px 20px;	
	width: 660px;
	height: 100px;
	text-align: left;
	font-size: 75%;
	color: #FFFFFF;
}

*html #pie {
	margin: 25px 0px 0px 10px;
	\width: 495px;
	w\idth: 495px;
}

.sep{
clear : left;
height : 20px;
}
.sep2{
clear : left;
height : 1px;
display : none;
}
/*Capa para meter el menu del panel de administración*/
#menuadmin{
	font-size : 120%;
}

.col {
	width: 210px;
	float:left;
	padding: 0px 0px 0px 0px;	
	margin-right : 25px;
	font-size : 100%;
}
*html .col {
	\width: 205px;
	w\idth: 200px;
	margin-right : -5px;
}