/*////////////////////////////////////////////////////////////////////////////////
css_frw_main.css
						FRAMEVIEW MAIN	
							
(c) NetCentros WebSystems SL
	Last Mod : Diciembre 2007
	http://www.netcentroseduca.net
///////////////////////////////////////////////////////////////////////////////*/


/*******************************************************************************
ESTRUCTURA PRINCIPAL DE BLOQUES
********************************************************************************/


/*
Bloque Cabecera
--------------------------------------------
*/
#FrwCabeceraContenedor{
	width:100%;
	height:199px;
	background-image:url(img/FondoCabSup.jpg);
	background-repeat:repeat-x;
}
#FrwCabecera{
	position:relative;
	background-image:url(img/FondoCabecera.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	width:990px;
	height:199px;
}

/* 
Bloque Cuerpo 
--------------------------------------------
*/
#FrwCuerpoContenedor{
	width:100%;
	background-color:#fff;
}
#FrwCuerpo{
	width:990px;
	background-image:url(img/FondoCuerpo.gif);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
}

/* 
Bloque Pie 
--------------------------------------------
*/
#FrwPieContenedor{
	width:100%;
	background-image:url(img/FondoPieInf.jpg);
	background-repeat:repeat-x;
}
#FrwPie{
	width:990px;
	height:100px;
	background-image:url(img/FondoPie.jpg);
	margin-left:auto;
	margin-right:auto;
}

/*Lista Opciones Pie*/ /*También aparecen en cabecera en portada*/
ul#ListaOpcionesPie{
	position:relative;
	top:3px;
	left:210px;
	width:780px;
	margin:0px;
	padding:0px;
	list-style:none;
}
ul#ListaOpcionesPie li{
	float:left;
	display:block;
	margin-right:10px;
	height:32px;
	line-height:32px;
}
ul#ListaOpcionesPie li a{
	display:block;
	float:left;
	color:#f4f4f4;
	font-size:12px;
	font-weight:bold;
	height:32px;
	padding-left:5px;
	padding-right:5px;
}
ul#ListaOpcionesPie li a:hover{
	color:#fff;
	height:32px;
	background-color:#73ACC6;
}

ul#ListaOpcionesPie li span{
	background:url(img/SeparadorOpc.gif) repeat-y;
	height:20px;
}


/* 
Columnas del Cuerpo
--------------------------------------------
*/
#FrwColumnaMenu{	
	float:left;
	width:190px;
}
#FrwColumnaContenido{
	float:left;
	width:800px;
}




/*******************************************************************************
MENUS FRAVIEW
********************************************************************************/

/* 
Menu Secciones
--------------------------------------------
*/
#FrwColumnaMenu ul.MenuGrp {
	list-style:none;
	margin:0px;
	margin-left:8px;
	padding:0px;
}

#FrwColumnaMenu ul.MenuGrp li.MenuSec {
	/*border-bottom:1px solid #c5d3dc;*/
}
#FrwColumnaMenu ul.MenuGrp li.MenuSec a.MenuSecLink {
	display:block;
	padding-left:8px;
	height:32px;
	line-height:32px;
	font-size:11px;
	font-weight:bold;
	color:#F2F2F4;
	background:url(img/FondoMenu1.gif) no-repeat left bottom;
}
#FrwColumnaMenu ul.MenuGrp li.MenuSec a.MenuSecLink:hover {
	color:#fff;
	background:url(img/FondoMenu1.gif) no-repeat left  top;
}

/*Section elected*/
#FrwColumnaMenu ul.MenuGrp li.MenuSec.Selected {
	border:2px solid #FFF;
	border-bottom:2px solid #CCC;
}
#FrwColumnaMenu ul.MenuGrp li.MenuSec.Selected a.MenuSecLink{
	color:#fff;
	font-weight:bold;
	background:url(img/FondoMenu1.gif) no-repeat left  top;
	
}
#FrwColumnaMenu ul.MenuGrp li.MenuSec.Selected a.MenuSecLink:hover{
	border:none;
}

/*Clase Etiqueta */
#FrwColumnaMenu ul.MenuGrp li.MenuLabelSec {
	padding-left:8px;
	height:23px;
	line-height:23px;
	font-size:12px;
	text-align:right;
	padding-right:2px;
	color:#999;
	background-color:#d8e1e7;
}
/*Clase Separador*/
#FrwColumnaMenu ul.MenuGrp li.MenuSepSec {
	border:none;
	height:3px;
	line-height:3px;
	font-size:1px;
	background:url(img/SeparadorSec.gif) repeat-x left top;
}


/* 
Menu Subsecciones Colgantes 
--------------------------------------------
*/
#FrwColumnaMenu ul.MenuGrp ul.MenuSubsOf {
	list-style:none;
	background-color:#d9e1e6;
	margin:0px;
	padding:0px;
}
#FrwColumnaMenu ul.MenuGrp  ul.MenuSubsOf li.MenuSub {
	background-color:#f4f4f4;
}
#FrwColumnaMenu ul.MenuGrp ul.MenuSubsOf li.MenuSub a.MenuSubLink {
	display:block;
	padding-left:15px;
	height:20px;
	line-height:20px;
	font-size:10px;
	font-weight:normal;
	color:#1a5376;
}
#FrwColumnaMenu ul.MenuGrp ul.MenuSubsOf li.MenuSub.Selected a.MenuSubLink {
	font-weight:bold;
	color:#fff;
	/*background-color:#839EB5;*/
	background-color:#FF9900;
	
	border-top:1px solid #FF6600;
	border-bottom:1px solid #FF6600;
}
#FrwColumnaMenu ul.MenuGrp ul.MenuSubsOf li.MenuSub a.MenuSubLink:hover {
	height:20px;
	line-height:20px;
	text-decoration:none;
	color:#fff;
	background-color:#839EB5;
}
#FrwColumnaMenu ul.MenuGrp ul.MenuSubsOf li.MenuSub.Selected a.MenuSubLink:hover {
	background-color:#FF9900; /*no sobresaltar el ya seleccionado*/
}

/*Clase Etiqueta*/
#FrwColumnaMenu ul.MenuGrp ul.MenuSubsOf li.MenuLabelSub {
	padding-left:15px;
	font-size:10px;
	color:#1a5376;
	height:18px;
	line-height:18px;
	text-align:right;
	padding-right:2px;
	color:#999;
	background-color:#d8e1e7;
	
}
/*Clase Separador*/
#FrwColumnaMenu ul.MenuGrp ul.MenuSubsOf li.MenuSepSub {
	border:none;
	height:2px;
	line-height:2px;
	font-size:1px;
	background:url(img/Separador.gif) repeat-x left center;
}


/*******************************************************************************
OTROS ELEMENTOS FRAVIEW
********************************************************************************/
#FrwCabecera h1 {
	position:absolute;
	bottom:5px;
	left:205px;
	width:550px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:17px;
}