@import "Legacy_Estilos.css";

body
{
	text-align: center;
	background: #c9d8df url('images/fondo.gif') repeat-x;
}

body,
td,
a,
span,
div,
input,
select,
textarea,
table
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #666666; 
	font-size: small;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

input.Boton
{
	text-align: center;
	width: auto;
	padding: 1px 5px;
	color: #ffffff;
	background: #0098DB;	
}
input.Boton:hover
{
	background: #21578A;	
}

div,
td,
th
{
	padding: 0px;
}

/* INFO: Este panel es para que en Firefox los paneles flotantes que anteceden 
   rellenen el contenido del panel contenedor */
div.PanelTerminador
{
	clear: both;
	background: transparent;
	height: 1px; /* para netscape */
}

/* Portada */

div.Principal
{
	width: 980px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

div.BordeMarco1
{
	width: 980px;
	padding: 0px;
	/*border-bottom: solid 1px #d1d1d1; */
	height: 100%;	
}

div.BordeMarco2
{
	width: 980px;
	padding: 0px;
	height: 100%;
	border-left: solid 1px #c9d8df; 
	border-right: solid 1px #c9d8df; 
	border-bottom: solid 1px #c9d8df;
}

div.MarcoPortada
{
	width: 980px;
	background-color: #ffffff;
}

/* CABECERA */

div.Cabecera
{
	height: 80px;
	background: #002147;
}

div.Cabecera div.Logo
{
	float: left; 
	width: 210px;
}

div.Cabecera div.FlashCabecera
{
	margin-left: 210px;
}


div.Contenido
{
	clear: both;
	background: url('images/fondo_sombras_menu.gif') 10px top repeat-y;
}

div.MarcoPaneles1
{
	width: 210px;
	padding-top: 0px;
	background: none;
	float: left;
	padding-bottom: 20px;
}

div.MarcoPaneles2
{
	margin-left: 13px;
	margin-right: 3px;
}

div.ContenedorPaneles
{
}

div.ContenedorContenido
{
	float: left;
	width: 750px;
	padding: 10px 10px 0px 10px;
	/*min-height: 600px;*/
	/*margin-left: 210px;*/
}

div.FechaPortal
{
	display: none;	
}

div.ContenedorBotonesNavegacion
{
	background: url('images/cab_fondo1.gif') top left no-repeat;
	height: 25px;
	max-height: 25px;
	padding-right: 10px;
	margin: 0px;
}

div.ContenedorBotonesNavegacion div.AccesoAdministracion
{
	margin-top: 5px;
	margin-right: 2px;
}

div.ContenedorBotonesNavegacion div.AccesoAdministracion a
{
	background: url('images/admin.gif') top left no-repeat;
}

div.ContenedorBotonesNavegacion div.Contacto
{
	margin-top: 5px;
	margin-right: 2px;
	display: none;
}

div.ContenedorBotonesNavegacion div.Contacto a
{
	/*background: url('images/correo.gif') top left no-repeat;*/
}

div.ContenedorBotonesNavegacion div.AccesoMapaSitio
{
	margin-top: 5px;
	margin-right: 2px;
}

div.ContenedorBotonesNavegacion div.AccesoMapaSitio a
{
	background: url('images/mapa.gif') top left no-repeat;
}


div.ContenedorCabeceraSeccion
{
	/* En el marco de portada la cabecera de seccion esta vacia solo con la imagen de fondo */
	background: url('images/adorno.jpg') left top no-repeat;
	height: 5px;
	max-height: 0px;
	min-height: 0px;
	margin: 0px;
	display: none;
}

div.ContenedorCabeceraSeccion div.CabeceraSeccion
{
	background-image: none !important;
	background-position: left top;
	background-repeat: no-repeat;
	padding: 15px 10px 0px 10px;
}

div.ContenedorCabeceraSeccion div.CabeceraSeccionSistema
{
	/* A las cabeceras de nodos de sistema hay que ponerle la imagen por estilo */
	background-image: url('images/adorno.jpg');
}

div.ContenedorCabeceraSeccion div.CabeceraSeccion div.TituloSeccion
{
	text-align: right;
}

div.ContenedorCabeceraSeccion div.CabeceraSeccion div.TituloSeccion span
{
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	color:#af9c94;
}

div.ContenedorCabeceraSeccion div.CabeceraSeccion div.NombreUsuario,
div.ContenedorCabeceraSeccion div.CabeceraSeccion div.CerrarSesion
{
	display: none;
}

div.ContenedorCabeceraSeccion div.SubcabeceraSeccion
{
	display: none;
}

/* FIN Portada */


/* Menu */

div.ContenedorMenu
{
	
}

ul.MenuPrincipalSecciones li div
{
	text-align: left;
}


ul.MenuPrincipalSecciones a,
ul.MenuPrincipalSecciones span
{
	font-size: 0.9em;
	text-decoration: none;
	color: #666666;
	/*text-transform: lowercase;*/
}

ul.MenuPrincipalSecciones div.ElementoSeccionTexto
{
	padding: 3px 10px;	
}

ul.MenuPrincipalSecciones div.ElementoSeccionTexto
{
	/*border-bottom-color: #21578A;
	border-bottom-style: dashed;
	border-bottom-width: 1px;*/
}

ul.MenuPrincipalSecciones div.ElementoSeccionTexto a,
ul.MenuPrincipalSecciones div.ElementoSeccionTexto span
{
	/*text-transform: lowercase;*/
	color: #0098DB;
}

ul.MenuPrincipalMenus li div
{
	text-align: left;
}

ul.MenuPrincipalMenus .ElementoMenu
{
	display: block;
	padding: 2px 0px 2px 20px;
	width: 174px;
	
}

ul.MenuPrincipalMenus .ElementoMenu a,
ul.MenuPrincipalMenus .ElementoMenu span
{
	color: #666666;
}

ul.MenuPrincipalMenus .ElementoMenuSeleccionado
{
	background-color: #21578A;
}

ul.MenuPrincipalMenus .ElementoMenuSeleccionado
{
	color: #ffffff !important;
}

ul.MenuPrincipalMenus .ElementoMenu
{
	color: #8d7e76;
}

ul.MenuPrincipalMenus .ElementoMenu:hover
{
	background-color: #0098DB;
	color: #ffffff;
}

ul.MenuPrincipalMenus .ElementoMenu:hover a,
ul.MenuPrincipalMenus .ElementoMenu:hover span
{
	color: #ffffff;
}

div.MenuPrincipalMenusSeccionNoVisible .ElementoMenu
{
	padding: 3px 0px 3px 10px;
	width: 184px;
}

div.MenuPrincipalMenusSeccionNoVisible .ElementoMenu
{
	text-transform: uppercase;
	font-weight: bold;
	color: #0098DB;
}

div.MenuPrincipalMenusSeccionNoVisible .ElementoMenuSeleccionado
{
	background-color: #21578A;
}

div.MenuPrincipalMenusSeccionNoVisible .ElementoMenuSeleccionado a
{
	color: #ffffff;
}


div.MenuPrincipalMenusSeccionNoVisible .ElementoMenu:hover
{
	background-color: #0098DB;
}

div.MenuPrincipalMenusSeccionNoVisible .ElementoMenu:hover 
{
	color: #ffffff;
}


/* FIN Menu */

.PaginaInicio h1.TituloPagina
{
	display: none;	
}

div.Pagina div.Paginador1
{
	display: none !important;	
}

/* Pagina Login */

div.PaginaLogin
{
	padding: 0px;
	margin: 0px;
	min-height: 480px;
	height: 480px;
}

div.PaginaLogin h1.TituloPagina
{
	padding: 0px;
	margin: 0px;
	font-size: 1em;
	text-align: left;
	background: url('images/img_tituSeccion.png') no-repeat;
	padding-left: 20px;
	font-size: 0.9em;
	font-weight: bold;
	color: #002147;
	text-transform: uppercase;
}

div.PaginaLogin div.Cuerpo
{
	padding-top: 10px;
	background: #e9f6fc url('images/Padlocks_128.png') left 50% no-repeat;
	padding-left: 140px;
	padding-bottom: 10px;
	margin-top: 20px;
	border: solid 1px #002147;
}

div.PaginaLogin table.Login
{
	margin-top: 40px;
	width: 380px;
}

div.PaginaLogin table.Login div
{
	padding-left: 20px;
}

div.PaginaLogin table.Login div label
{
	display: inline-block;
	width: 130px;
	text-align: left;
}

div.PaginaLogin table.Login div input
{
	width: 200px;
}

div.PaginaLogin table.Login div.NombreDeUsuario
{
	padding-top: 20px;
}

div.PaginaLogin table.Login div.NombreDeUsuario label,
div.PaginaLogin table.Login div.Contrasenya label
{
	color: #21578A;
	font-weight: bold;
}

div.PaginaLogin table.Login div.Recordar input
{
	width: 20px;	
}

div.PaginaLogin table.Login div.Recordar label
{
	width: 160px;	
}

div.PaginaLogin table.Login div.Aviso
{
	color: #cc0000;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	background: #e9f6fc;
}

div.PaginaLogin table.Login div.Botones
{
	text-align: right;
	padding-right: 20px;
}

div.PaginaLogin table.Login div.Botones input
{
	width: auto;
	padding: 1px 5px;
	color: #ffffff;
	background: #0098DB;
}
div.PaginaLogin table.Login div.Botones input:hover
{
	background: #21578A;	
}

div.PaginaLogin table.Login div.Botones a
{
	display: block;	
}

/* FIN Pagina Login */

/* Pagina Olvide mi contrasenya */

div.PaginaOlvideMiClave
{
	padding: 0px;
	margin: 0px;
	min-height: 480px;
	height: 480px;
}

div.PaginaOlvideMiClave h1.TituloPagina
{
	padding: 0px;
	margin: 0px;
	text-align: left;
	background: url('images/img_tituSeccion.png') no-repeat;
	padding-left: 20px;
	font-size: 0.35em;
	font-weight: bold;
	color: #002147;
	text-transform: uppercase;
	display: block;
}

div.PaginaOlvideMiClave div.Cuerpo
{
	padding-top: 10px;
	background: #e9f6fc url('images/Padlocks_128.png') left 50% no-repeat;
	padding-left: 140px;
	padding-bottom: 10px;
	margin-top: 20px;
	border: solid 1px #002147;
	min-height: 140px;
}

div.PaginaOlvideMiClave table.OlvideMiContrasenya
{
	margin-top: 40px;
	width: 380px;
}

div.PaginaOlvideMiClave table.OlvideMiContrasenya div.Subtitulo span
{
	color: #21578A;	
}

div.PaginaOlvideMiClave table.OlvideMiContrasenya div.Contenido
{
	background: none;	
}

div.PaginaOlvideMiClave table.OlvideMiContrasenya div.Usuario label
{
	display: inline;
	font-weight: bold;	
}

div.PaginaOlvideMiClave table.OlvideMiContrasenya div.Usuario input
{
	width: 210px;	
}

div.PaginaOlvideMiClave table.OlvideMiContrasenya div.Aviso
{
	color: #cc0000;
	text-align: left;
	font-weight: bold;
	padding: 5px 25px;
	background: #e9f6fc; 	
}

div.PaginaOlvideMiClave table.OlvideMiContrasenya div.Botones
{
	margin-top: 10px;
	text-align: right;
	padding-right: 35px;
}

div.PaginaOlvideMiClave table.OlvideMiContrasenya div.Botones input
{
	width: auto;
	padding: 1px 5px;
	color: #ffffff;
	background: #0098DB;
}

div.PaginaOlvideMiClave table.OlvideMiContrasenya div.Botones input:hover
{
	background: #21578A;	
}


/*Pagina Contacto*/


/* FIN Pagina Contacto*/

div.PaginaContacto h1.TituloPagina
{
	padding: 0px;
	margin: 0px;
	font-size: x-small;
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #002147;
	background: url('images/img_tituSeccion.png') no-repeat;
	padding-left: 20px;
}

div.PaginaContacto div.Cuerpo
{
	padding-top:10px;
}

div.PaginaContacto div.DatosCliente
{
	display: block;
	float:left;
	width:350px;
	height:400px;
	padding-top:20px;
	background: url('images/recursoPrimera.png') bottom center no-repeat;
}

div.PaginaContacto div.DatosCliente div.Texto
{
	height:50px;
}

div.PaginaContacto div.DatosCliente div.Direccion div
{
	 float:left;
	 margin:5px;
}

div.PaginaContacto div.DatosCliente div.Telefonos
{
	clear: both;
}

div.PaginaContacto div.DatosCliente div.Telefonos div
{
	float:left;
	margin:5px;
}



div.PaginaContacto div.ContenedorFormularioContacto
{
	margin-left:375px;
	width:375px;
}

div.PaginaContacto table div.Nombre,
div.PaginaContacto table div.Apellidos,
div.PaginaContacto table div.Email,
div.PaginaContacto table div.Telefono,
div.PaginaContacto table div.Comentarios
{
	margin-top:5px;
	clear: both;
}

div.PaginaContacto table div.Nombre label,
div.PaginaContacto table div.Apellidos label,
div.PaginaContacto table div.Email label,
div.PaginaContacto table div.Telefono label,
div.PaginaContacto table div.Comentarios label
{
	float: left;
	text-align:left;
	color:#ed7817;
	font-weight: bold;
	font-size:1.1em;
	display: inline-block;
	width: 75px;
	margin: 0px;
}

div.PaginaContacto table div.Nombre input,
div.PaginaContacto table div.Apellidos input,
div.PaginaContacto table div.Email input,
div.PaginaContacto table div.Telefono input
{
	width:280px;
}

div.PaginaContacto table div.Comentarios textarea
{
	width:280px;
	height:160px;
}

div.PaginaContacto div.ContenedorFormularioContacto div.Botones
{
	text-align: right;
	padding-right: 30px;	
}

div.PaginaContacto div.ContenedorFormularioContacto div.Botones a
{
	background: url('images/gr_boton.png') top left no-repeat;
	display: block;
	width: 60px;
	height: 20px;
	min-height: 20px;
	text-align: right;
	text-transform: uppercase;
	padding-top: 5px;
	margin:10px;
}

div.PaginaContacto div.AceptoCondiciones
{
	display: block !important;
}


/*Pagina Mapa web*/

div.ContenedorContenido div.PaginaMapaSitio
{
	background: url('images/recursoPrimera.png') right bottom no-repeat;
	min-height: 490px;
	margin-bottom: 5px;
}

div.PaginaMapaSitio h1.TituloPagina
{
	padding: 0px;
	margin: 0px;
	font-size: x-small;
	text-align: left;
	background: url('images/img_tituSeccion.png') no-repeat;
	padding-left: 20px;
	color: #002147; /* azul oscuro */
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
	
}

div.PaginaMapaSitio div.MapaSitio-Arbol
{
	padding-left:50px;
	padding-top:30px;
}


.MapaSitio-Arbol div.AspNet-TreeView ul li.AspNet-TreeView-Root span.AspNet-TreeView-Collapse
{
	background-image: url('images/colapsar.png');
}

.MapaSitio-Arbol div.AspNet-TreeView ul li.AspNet-TreeView-Root span.AspNet-TreeView-Expand
{
	background-image: url('images/expandir.png');
}

.MapaSitio-Arbol div.AspNet-TreeView ul li ul li.AspNet-TreeView-Parent span.AspNet-TreeView-Collapse
{
	background-image: url('images/colapsar.png');
}

.MapaSitio-Arbol div.AspNet-TreeView ul li ul li.AspNet-TreeView-Parent span.AspNet-TreeView-Expand
{
	background-image: url('images/expandir.png');
}


.MapaSitio-Arbol div.AspNet-TreeView ul li span
{
	color:#21578A;
	font-weight:bold;
	/*text-transform:uppercase;*/
	font-size:0.9em;
}

.MapaSitio-Arbol div.AspNet-TreeView ul li a
{
	font-weight:bold;
	font-size:0.9em;
}

.MapaSitio-Arbol div.AspNet-TreeView ul li a:hover
{
	background: #0098DB;
	color: #ffffff;	
}



.MapaSitio-Arbol div.AspNet-TreeView ul,
.MapaSitio-Arbol div.AspNet-TreeView ul li,
.MapaSitio-Arbol div.AspNet-TreeView ul li ul,
.MapaSitio-Arbol div.AspNet-TreeView ul li ul li,
.MapaSitio-Arbol div.AspNet-TreeView ul li ul li ul,
.MapaSitio-Arbol div.AspNet-TreeView ul li ul li ul li,
.MapaSitio-Arbol div.AspNet-TreeView ul li ul li ul li ul,
.MapaSitio-Arbol div.AspNet-TreeView ul li ul li ul li ul li
{
	margin-left: 0px;
	
}

.MapaSitio-Arbol div.AspNet-TreeView ul li ul li ul
{
	margin-left: 20px;
	list-style: none;	
}

.MapaSitio-Arbol div.AspNet-TreeView ul li ul li ul a
{
	font-weight:normal;	
}

.MapaSitio-Arbol div.AspNet-TreeView ul li ul li ul li
{
	background: url('images/banda_mapaweb.gif') top left repeat-y;
}

.MapaSitio-Arbol DIV.AspNet-TreeView LI.AspNet-TreeView-Leaf 
{
	padding-left: 15px;
	margin-left: 0px;
	
}
/*FIN Pagina Mapa web*/



/*PANEL DE AVISOS*/
div.Aviso
{
	margin: auto;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	text-align: center;
	width: auto !important;
}

div.Aviso div.CabeceraAviso
{
	margin: 0px !important;
	background-color: #de0029;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto !important;
}

div.Aviso div.CabeceraAviso span
{
	color: #ffffff;
	width: auto;
}

div.Aviso div.CuerpoAviso
{
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: auto !important;
}

div.Aviso div.CuerpoAviso span
{
	color: #666666;
}

div.Aviso div.CuerpoAviso div
{
	margin: 0px !important;
}

div.Informacion
{
	margin: auto;
	border: solid 1px #cccccc;
	text-align: center;
	width: auto !important;
}

div.Informacion div.CabeceraInformacion
{
	margin: 0px !important;
	background-color: #fbdfc7;
	color: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto !important;
}

div.Informacion div.CabeceraInformacion span
{
	color: #8e7e76;
}

div.Informacion div.CuerpoInformacion
{
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: auto !important;
}

div.Informacion div.CuerpoInformacion div
{
	margin: 0px !important;
}

div.Informacion div.CuerpoInformacion span
{
	color: #666666;
}

div.Informacion div.CuerpoInformacion div.BotonCerrar
{
	margin-top: 10px;
}

div.Informacion div.CuerpoInformacion a.BotonContinuar
{
	display: block;
}

/* FIN Panel de aviso */


/* Pagina de error */

div.PaginaPaginaNoDisponible h1.TituloPagina
{
	padding: 0px;
	margin: 0px;
	font-size: x-small;
	text-align: right;
	margin-bottom: 40px;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
}


/* FIN Pagina de error */


/* Pagina No Encontrada */

div.PaginaPaginaNoEncontrada h1
{
	display: none;	
}

div.PaginaPaginaNoEncontrada div.Aviso
{
	margin: 20px 50px;
	border: solid 1px #0098DB;	
}

div.PaginaPaginaNoEncontrada div.CabeceraAviso
{
	background: #0098DB url('images/Warning.png') no-repeat 5px 2px;
	padding: 3px 25px;
	text-align: left;
}

div.PaginaPaginaNoEncontrada div.CabeceraAviso span
{
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;	
}

div.PaginaPaginaNoEncontrada div.CuerpoAviso
{
	text-align: left;	
}


/* pie */

div.Pie
{
	background: #002147 url('images/fondo_pie.gif') no-repeat;
	color: #ffffff;
	text-align: left;
	padding: 5px;
	padding-left: 220px;
}

div.Pie span,
div.Pie a
{
	color: #ffffff;
	font-size: 0.8em;
}

div.Pie a:hover
{
	color: #002147;
	background: #ffffff;
}

/* fin pie */

/*************************/

.FormularioPagina h1
{
	display: none;	
}

.FormularioPagina .Informacion .Cabecera,
.FormularioPagina .Informacion .Cuerpo
{
	height: auto;
	padding: 0.25em;
}

.FormularioPagina .Informacion .Cabecera span
{
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;		
}


/*************** PAGINADOR */
div.Pagina div.Paginador input.Boton
{
	color: #666666;
	background: none;	
}

div.Pagina div.Paginador input.PaginaSeleccionada
{
	font-weight: bold;	
}