/*DISEŅO GENERAL DE LA PAGINA*/
*{ 
	text-align:center;
}

/* GENERAL*/
#general {
	width:800px;
	height:650px; 
	margin:auto; 
	color:white;
	text-align:justify;
} 	

/* TITULO*/
#cabecera {
	position:relative;
	width:100%;
	height:90px;
	color:black;
	text-align:left;
}
#cabecera_texto {
	position:absolute;
	width:100%;
	height:100%;
	left:0%;
	background:yellow;
	color:black;
	text-align:center;
	font-weight:bold;
}
.titulo { 
/*	line-height:200%; /* Centrado vertical del texto */ 
	font-family:Comic Sans MS;
	font-size:35px;
} 
.subtitulo { 
	font-family:Georgia;
	font-size:22px;
} 
#cabecera_logo {
	position:absolute;
	float:left;
	top:0px;
	width:190px;
	height:190px;
	background:transparent;
	text-align:center;
}
.logo {
	position:absolute;
	width:100%;
	height:100%;
	top:4%;
	left:1%;
	background:url("../images/Systau_LOGO2.png") transparent no-repeat;
}

/* BARRA NAVEGACION HORIZONTAL*/
#barra_ppal  {
	position:absolute;
	width:800px;
	height:30px;
	top:95px;
	left:50%;
	margin-left:-400px;    
	background:url("../images/Barra_H_negra_3D.png") black;
	line-height:150%; /* Centrado vertical del texto */
	font-family:Georgia;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
#barra_ppal a {
	color:white;
	text-decoration:none;
}
#barra_ppal a:hover {
	color:blue;
	font-weight:bold;
}
#barra_ppal a:active {
	color: yellow;
	font-weight:bold;
	text-decoration:underline;
	font-style:oblique;
}
#nav li ul li a { display:block; padding:10px 0px; color:white; text-decoration:none; }
	ul { list-style:none; padding:0; margin:0; }
	li { float:left; position:relative; width:9em; left:21%; text-align:center; cursor:default; background-color:transparent; }
	li ul { display:none; position:absolute; top:100%; left:0; font-weight: normal; padding:0.15em 0 1em 0; }
	li li { display:block; float:none; background-color:#6E6E6E; border:0;}
	li:hover ul, li.over ul { display:block; }
	* html ul li { float:left; height:1%; }
	* html ul li a { height:1%; }

/* CONTENIDO*/
#contenido {
	position:relative;
	top:20px;
	width:100%;
	height:77%;
	background:url("../images/fondo.png") gray repeat;
	color:black;
	text-align:left;
	font-size:1em;
}
#contenido_menu {
	position:relative;
	float:left;
	width:180px;
	height:100%;
	color:white;
	font-size:18;
	word-spacing:1em;
	text-decoration:none;
	text-align:center;
}
.contenido_menu_boton {
	position:relative;
	width:100%;
	height:30px;
	background:url("../images/Barra_H_negra_3D.png") gray no-repeat;
	color:white;
	font-size:18;
	word-spacing:1em;
	line-height:150%; /* Centrado vertical del texto */
	text-decoration:none;
}
#contenido_gral {
	position:absolute;
	width:75%;
	height:100%;
	left:200px;
	overflow:auto;
    -moz-opacity: 0.9;	/* Transparencia Mozilla*/
	filter:alpha(opacity=90); /* Transparencia para IE */
	opacity: 0.9;	/* Transparencia resto navegadores*/
	text-align:center;
}
/* PIE*/
#pie {
	position:relative;
	width:100%;
	height:5%;
	background:yellow;
	color:black;
	text-align:center;
/*	line-height:200%; /* Centrado vertical del texto */
	font-family:Georgia;
	font-size:20px;
	font-weight:bold;
}
.pie_texto{
	padding:0px 60px;
}
.flags {
	padding:0px 80px;
}

/* USER CONTROL*/
#user_ctrl {
	position:absolute;
	float:left;
	left:43%;
	top:18%;
	width:210px;
	height:260px;
	background:lightgray;
	color:black;
	border-style:solid;
	border-width:2px;
	text-align:center;
}