﻿/******************************************************************************************************************************
		GENERALES
******************************************************************************************************************************/
body{
	background-color: #aaaeba;/*	background-color: #F1F1F1;*/
	background-image:url(fondo.jpg);
	background-repeat:repeat-x;

	margin-left: 	2px;
	margin-top: 	2px;
	margin-right:	2px;
	margin-bottom: 	2px;

	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight:normal;	
	font-size: 11px;
	color:#555555;
}

A:link, A:active, A:visited, A:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#414b55;
	font-size:11px;
	font-weight:bold;	
	text-decoration:none;
	border="0";
}
A:hover {
	text-decoration:underline;
}

.enlaceDescargar:link, .enlaceDescargar:active, .enlaceDescargar:visited, .enlaceDescargar:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0f95d4;
	font-size:11px;
	font-weight:bold;	
	text-decoration:none;
	border="0";
}
.enlaceDescargar:hover {
	text-decoration:underline;
}

.tablaSinBorde{
	border-width:0px;
}
.tablaConBorde{
	border: 1px solid #555555;
	padding:2px;
}
.cabecera_superior{ /*Utilizada para el enlace de Entrar*/
	vertical-align:top;
	text-align:right;
}
.cabecera_inferior{ /*Utilizada para la barra de idioma*/
	vertical-align:bottom;
	text-align:right;
}

/******************************************************************************************************************************
		INTRODUCCIÓN EN FLASH
******************************************************************************************************************************/
.inicio_tabla{
	width:100%;
	border:0px;
	text-align:center;
}
.inicio_tablaIdioma{
	background-color:#424b54;
	width:600px;
	height:55px;
	padding:0px;
	
	text-align:center;
	font-size: 24px;
	font-weight: bold;
	color:#aaaeba;
}

/******************************************************************************************************************************
		CABECERA
El fichero que hay que modificar para la cabecera con capas es el "Portals\_default\Skins\EZ-MLike-Blue"
******************************************************************************************************************************/
.cabecera_capaPadre{
	z-index:1;
	position:relative;
	width:776px;
	height:120px;
	overflow: hidden;
	visibility: visible;
	border: 0px;
	text-align:center;
}
.cabecera_capaZindex2, .cabecera_capaZindex3{
	z-index:2;
	position:absolute;
	width:776px;
	height:120px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	visibility: visible;
	border: 0px;
	text-align:center;
}
.cabecera_capaZindex3{
	z-index:3;
}
/******************************************************************************************************************************
		FORMULARIO CONTACTAR
******************************************************************************************************************************/
.formularioContactar_texto{
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight:normal;	
	font-size: 11px;
	color:#555555;
}
/******************************************************************************************************************************
 *****************************************************************************************************************************
		Actualización del módulo de textosCPI: "Portals\_default\DesktopModules\TextosCpi\skin.css"
 *****************************************************************************************************************************
*******************************************************************************************************************************/
.textoscpi_titulo{
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color: #676d83;
	font-weight: bold;
	font-size: 12pt; 
	text-align: left; 
}

.textoscpi_linea{
	border-right: #676d83 1px solid;
	border-top: #676d83 1px solid;
	border-left: #676d83 1px solid;
	border-bottom: #676d83 1px solid;
	padding: 0px 10px 0px 10px;
}
/******************************************************************************************************************************
 *****************************************************************************************************************************
		Actualización de SKIN.CSS (Portals\_default\Skins\EZ-MLike-Blue)
 *****************************************************************************************************************************
*******************************************************************************************************************************/
.pagemaster{
	width: 776px;
	border: 0px;
	height: 98%;
/*
	width: 90%;
	height: 100%;
	background-color: #ffffff;
*/
}
.skinmaster{
	background-color: #f3f3f3;
/*
	height: 100%;
	background-color: #ffffff;
*/
}
.skinheader{
/*Es la cabecera de ..:Inicio::..*/
	background-image: none;
	background-color:#676d83;
	height:25px;
	vertical-align:middle;
	margin-top:		2px;
	margin-bottom:	2px;
	padding-left:	5px;
	padding-right:	5px;
/*
	background-color: #1e77d3;
	background-image: url(TopGradient.gif);
	background-position: left top;
	background-repeat: repeat-y;
*/
}
.skinlogobanner{ /*ya no se utiliza*/
	background-image: url(cabecera.jpg);
	height:120px;
/*
	background-color: #ffffff;
	background-image: url(LogoGradient.gif);
	background-position: left top;
	background-repeat: repeat-y;
*/
}
.skinlogobanner2{
	height:120px;
}
.skinbottom{
    background-image: none;
	background-color: transparent;    
/*
	background-image: url(BottomGradient.gif);
	background-position: right top;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
*/
}
.fontsmall{
/*
	font-size: xx-small;
*/
}
.controlpanel{
	background-color: #e6e6e6;
/*
	width: 100%;
	background-color: #edf8f8;
*/
}
.headerfont{
	font-size:11px;
	color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
}
a.headerfont:link, a.headerfont:active, a.headerfont:visited{
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
/*
	font-size: smaller; 
	color: White;
	font-weight: bolder;
	font-family: Tahoma, Arial, Helvetica;
*/
}
a.headerfont:hover{
	font-size:11px;
	text-decoration:underline;
	color:#FFFFFF;
	font-weight: bolder;
	font-family: Tahoma, Arial, Helvetica;
}
.centerpage{
/*
 margin-top: 3px;
 margin-bottom: 3px;
*/
}
.menuleft{
    background-image: none;
    background-color:#dadada;
    border-bottom: 21px solid #f3f3f3;	/*Puesto para cuadrarlo con el container del contentPane*/
    border-top: none;
    border-left: none;
    border-right: none;
    height:100%;
/*
	background-color: #edf8f8;
	background-image: url(VerticalGradient.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: Black;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-bottom: gray 1px solid;
	width: 175px;
*/
}
.mainpane{
	border: none;
/*
	border-top: gray 1px solid;
	border-bottom: gray 1px solid;
*/
}
.toppane{
	width: 0px;
	background-color: transparent;
	padding: 0px;	
/*
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
*/
}
.leftpane{
    padding-left: 10px;
/*
	width: 175px; No hace caso a esta variable, para agrandar el menú hay que cambiar MainMenu_MenuContainer
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
*/
}
.contentpane{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin:0px;
/*
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
*/
}
.rightpane{
	width: 0px;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;

/*
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
*/
}
.bottompane{
    height:100%;
    vertical-align:top;
	padding-top: 0px;
	margin:0px;	
/*
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
*/
}

/******************************************************************************************************************************/

/* Main Menu */
.MainMenu_MenuContainer{
    width:210px; /*Ancho del menú izquierdo*/
/*
	padding-left: 0px; 
	BACKGROUND-COLOR: transparent; 
	WIDTH: 150px; 
	HEIGHT: 15px;
*/
}
.MainMenu_MenuBar {
	BACKGROUND-COLOR: #ffff00; 
/*
	CURSOR: hand; 
	HEIGHT: 24px; 
	WIDTH: 130px; 
	BACKGROUND-COLOR: transparent; 
*/
}
.MainMenu_MenuItem {
	background-color:#dadada;
	color:#555555;
	padding-top:5px;
	padding-bottom:5px;
   	BORDER-BOTTOM: #676d83 1px solid;
	BORDER-TOP: #676d83 1px solid;
    
/*
	BORDER-RIGHT: black 0px solid;
	BORDER-TOP: black 0px solid;
	BORDER-LEFT: black 0px solid;
	BORDER-BOTTOM: black 0px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	CURSOR: hand; 
	COLOR: FFFF00; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Tahoma, Arial, Helvetica;
	padding-left: 2px; 
	padding-right: 2px; 
	HEIGHT: 24px; 
*/
}
.MainMenu_MenuIcon {
    width:0px; /*Hacemos que este espacio no se muestre*/

	background-color:#dadada;
	BORDER-BOTTOM: #676d83 1px solid;
	BORDER-TOP: #676d83 1px solid;
	BORDER-LEFT: #676d83 8px solid;
	BORDER-RIGHT: none;
/*
	padding-left: 2px;
	padding-right: 2px;
	background-color: #1e77d3;
*/
}
.MainMenu_SubMenu{/*Es la tabla contenedora de todo el submenú*/
	background-color:#transparent; /*color de los bordes de la parte izquierda de los submenús*/
	BORDER-LEFT: #676d83 1px solid;
	BORDER-RIGHT: #676d83 1px solid;
/*
	border-right: gray 0px solid;
	border-top: gray 0px solid;
	border-left: gray 0px solid;
	border-bottom: gray 0px solid;
	z-index: 0;
	cursor: hand;
	background-color: #fef8f7;
*/
}
.MainMenu_MenuBreak {
/*
	BORDER-RIGHT: gray 0px solid; 
	BORDER-TOP: gray 1px solid; 
	BORDER-LEFT: gray 0px solid; 
	BORDER-BOTTOM: gray 1px solid; 
	HEIGHT: 3px; 
	BACKGROUND-COLOR: Black;
*/
}
.MainMenu_MenuItemSel{ 
	background-color:#aaaeba;
	color:#ffffff;
	padding-top:5px;
	padding-bottom:5px;
   	BORDER-BOTTOM: #676d83 1px solid;
	BORDER-TOP: #676d83 1px solid;

/*
	border-right: gray 0px solid;
	border-top: gray 0px solid;
	border-left: gray 0px solid;
	border-bottom: gray 0px solid;
	font-weight: bold;
	font-size: 11px;
	cursor: hand;
	color: White;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 24px;
	background-color: #1e77d3;
*/
}
.MainMenu_MenuArrow {
/*
	display:none;
*/
}
.MainMenu_RootMenuArrow {
/*display:list-item; Es para que aparezca el icono tras cada apartado del menú ppal*/
/*
display:none;
*/
}
/******************************************************************************************************************************/
