/* BASADO EN andreas00 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com/ . Free to use for any purpose as long as the proper credits are given to the original author.
Version: 2.0 (Jan 29, 2007) */
/*body {background:url(images/bg.gif) repeat-y top center #eaeaea; color:#3a3a3a; font:76% Verdana,Tahoma,Arial,sans-serif; margin:0 auto; padding:0;}*/
.portal-body {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:0.7em;
background: #FFFFFF;
color : black;
margin : 0;
}
#content a{color:#BB005E;font-weight: normal;}/* color morado vivo */
/* reemplazo todos los color:#666666 ()verde por gris) */
#content {color:black;}/* color azul marino color:#000080*/
#content .Title { font-size: 14px; font-weight : bold; color: #666666;}
p,li {
color:black;
}/* color azul marino color:#000080*/
p a{color:#BB005E;font-weight: normal;} /* color morado vivo */
p.ParrafoSimple {margin-top:0px; margin-bottom:0px;}
a{color:#BB005E;font-weight: normal;}
body { color:#000080; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;font-weight: normal;font-size:0.7em;color : Black;margin : 0 auto;}
.Title { font-size: 14px; font-weight : bold; color: #666666;}
/* Main layout and header */
#wrap { color:#303030; margin:0 auto; position:relative;/*overflow-x:auto*/}
#header {position: relative;color:#505050; height:50px; margin:0 0 10px;
border-color: #000000;
background-position:left 3px;
background-color : #993366;
background:url(images/logo1.gif) no-repeat;
}
.portada_publica #header{background:none;/*display:none;height:0px;position:absolute;*/}
#header h1 {font-size:2.5em; font-weight:400; letter-spacing:-2px; margin:0 0 4px 15px; padding:15px 0 0;}
#header h1 a,#header h1 a:hover {font-weight:400; padding:0;}
#header p {font-size:1.1em; letter-spacing:-1px; margin:0 0 20px 15px; padding:0 0 0 3px;}
#header .headerContent{margin:0px auto; width: 57%;font-size:16px; color:#993366;}
#header .headerContent h4{color:#FFFFFF; font-weight: bold;}
#header .contentOptions{display: none;}
#logo_clickable {position:absolute;left:0px;top:-10px;cursor: pointer;z-index:500;
/*background:url(images/logo1.gif) no-repeat;*/width:200px;height:60px;}
/* Left sidebar and menu */
/*MENU**/
#leftside {clear:left; float:left; margin:0;margin-top:20px; padding:0; /*width:17%;*/
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;width:20% !important;
}
/*.pag_ini_anon #leftside{display: none;}
.pag_ini_anon #leftside #portal-login-div{display:inline;}*/
/* Left sidebar and menu */
#leftside h2 {font-size:1.5em; font-weight:400;}
* html body.Sol_acc_mut #leftside div.portal-menu ul ul{margin-left:-412px}
/*Quito borde de la lista del menu de 1 nivel*/
#leftside div.portal-menu {position: absolute;left:10px; top:/*80*/50px;background-color : #993366; }
#leftside div.portal-menu ul { margin: 0;padding:0.5em; }/*Añado padding para aumemtar el alto del menu nivel 1*/
#leftside div.portal-menu ul li {
padding-left: 0px;
padding-top:2px;
padding-bottom:2px;
background-image: url(images/menur_bg.gif);
background-repeat: no-repeat;
background-position: right center;
}
#leftside div.portal-menu ul ul li ,#leftside div.portal-menu ul li a,#leftside div.portal-menu ul li.EPSV_AROGESTION_EPSV,#leftside div.portal-menu ul li.LAGUN_ARO_EPSV_INF_INS,#leftside div.portal-menu ul li.LAGUN_ARO_EPSV_ACC_COOPS{background-image:none}/*no hereden el separador opciones menu 1º nivel, la 2º regla para firefox sino pone doble imagen */
#leftside div.portal-menu ul li a,#leftside div.portal-menu ul li {padding-left:0.4em;padding-right:0.3em }
#leftside div.portal-menu ul ul li a{padding:0px}/*para q no hereden los demas*/
#leftside div.portal-menu ul ul li{padding-left:0px;padding-right:0px}/*para q no hereden los demas*/
#leftside div.portal-menu ul ul {position: absolute;left:0px; top:60px; text-align:left; padding-top:10px;}
#leftside div.portal-menu ul ul li{list-style: none;width:150px;}
#leftside div.portal-menu ul li.menu-grp { list-style: none;}
#leftside div.portal-menu ul li.menu-grp a{ font-weight:normal; color: #FFFFFF; text-decoration: none; }
#leftside div.portal-menu ul li.menu-grp a:hover{ color: #B83D7A; }
#leftside div.portal-menu ul li.menu-grp-selected {list-style: none;}
#leftside div.portal-menu ul li.menu-grp-selected a{ font-weight:normal; color: #FFFFFF; text-decoration: none; }
#leftside div.portal-menu ul li.menu-srv { background-color: #993366; border-bottom: 1px solid White; }
#leftside div.portal-menu ul li.menu-srv { list-style: none; background-color: #993366;}
#leftside div.portal-menu ul li.menu-srv a{ font-weight:normal;color: #666666;text-decoration: none; }
#leftside div.portal-menu ul li.menu-srv a:visited{ color: #787878; }/*lista 3ý nivel enlace visitado*/
#leftside div.portal-menu ul li.menu-srv a:hover{ color: #B83D7A; }
#leftside div.portal-menu ul li.menu-srv-selected { list-style: none; background-color: #993366 !important; }
/*********** arreglar estilos de menu-srv-selected del menu vertical 1º opcion ul ul li.menu-srv-selected */
#leftside div.portal-menu ul ul ul li.menu-srv a:hover,#leftside div.portal-menu ul ul li.menu-srv a:hover{ color: #B83D7A !important; }
/*cuando esta seleccionado que aparezca en gris en vez de morado*/
#leftside div.portal-menu ul li.menu-srv-selected a:hover,#leftside div.portal-menu ul li.menu-grp-selected a:hover,#leftside div.portal-menu ul ul ul li.menu-grp-selected a:hover,#leftside div.portal-menu ul li.menu-grp ul li.menu-grp ul li.menu-srv-selected a:hover,#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected a:hover,#leftside div.portal-menu ul li.menu-grp ul li.menu-srv-selected a:hover,#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-srv-selected a:hover{color:silver}
#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-grp a:hover{color:#B83D7A}/*grupo vertical morado cuando grupo hztal seleccionado sino hereda el gris*/
#leftside div.portal-menu ul ul li.menu-srv-selected{/*border-top:0.1em solid #b8b8b8;*/}
#leftside div.portal-menu ul ul ul li.menu-srv-selected{border:none;}
#leftside p,.announce p {font-size:0.8em;}
/*Componente de la interfaz menu content*/
/*.pag_ini_anon div.menuContent{display: none;}*/
#leftside .contentOptions{display: none;}
/* Right sidebar */
#extras {float:right; margin:0 0 10px; padding:0; width:140px;}
#extras p,#extras ul {font-size:0.9em; line-height:1.3em; margin:0 0 1.5em; padding:0;}
#extras li {list-style:none; margin:0 0 6px; padding:0;}
#extras h2 {font-size:1.6em; font-weight:400; letter-spacing:-1px; margin:0 0 6px;}
/* Main content variations */
#content { width:80%;max-width:80%;overflow-x:hidden;line-height:1.5em; position:relative; margin-left:0px; margin-top:120px; text-align:left;top:-63px;left:30px}
* html #content { width:80%;line-height:1.5em; position:relative; margin-left:200px; margin-top:120px; text-align:left;top:-63px;left:0px}
/** html #leftside div.portal-menu ul ul{margin-left:22px}*//*OK1*/
/** html body.EPSV_AROGESTION_EPSV #leftside div.portal-menu ul ul{margin-left:22px}*/
* html #leftside div.portal-menu ul ul ul{margin-left:0px}
* html body.EPSV_AROGESTION_EPSV #leftside div.portal-menu ul ul ul{margin-left:5px}
#content h2,#contentwide h2 {font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0;}
#content h3,#contentwide h3 {font-size:1.5em; font-weight:400; margin:6px 0; padding:0;}
#content ul,#content ol,#contentwide ul,#contentwide ol {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 20px;}
#content li,#contentwide li {margin:0 0 2px 10px; padding:0 0 0 4px;}
#content a{color:#BB005E;font-weight: normal;}
/* Footer */
#footer {
height:16px;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration : none;
/* background-color:#993366;*/
clear:both;
text-align:center;
margin:0;
color:white;
}
#footer p {margin:0; padding:0;}
#footer a {font-weight:400; text-decoration:none;color: white;}
#footer a:hover {}
#footer .contentOptions{display: none;}
/* Links and paragraphs */
a {background:inherit; color:#166090; text-decoration:none; font-weight:700;}
a:hover {background:inherit; color:#993366; text-decoration:underline;}
a img {border:0;}
/* Tables and forms */
table { margin:0px; padding:0px;}
caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
input,textarea,select {font-size:1em; border:1px solid #ccc; font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
label {margin:2px;}
form {margin:0;padding:0;}
hr {border:0; border-bottom:1px solid #d8d8d8;}
/* Various classes */
.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:1px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; }
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}
/***********************************************/
/* COMPONENTES DE LA INTERFAZ */
/***********************************************/
/* Componente: Login de portal*/
#portal-login-div {position:absolute; top:2px;right:150px; width:340px;z-index:500;display:none}
#portal-login-div a {width:40%; color: #993366;}
#portal-login-div .user {left:0px;float:right;clear:right; font-size:12px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color: white}
#portal-login-div .user INPUT {left:0px; border:1px solid #B01D75; color:#B01D75; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;/*width:75px*/}
#portal-login-div .password { left:0px; float:right; clear:right; margin-top:5px; font-size:12px;font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color: White;}
#portal-login-div .password INPUT { left:0px;border: 1px solid #B01D75;color : #B01D75;font-family : "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
#portal-login-div .user-password-fields {float:left;width:280px;}
#portal-login-div .submit {float:right;margin-top:4px;}/* modifico de 24 a 4 margin-top*/
#portal-login-div .submit INPUT {height:16px;border:1px solid #B01D75; color : #B01D75; background-color: #FFFFFF; font-family : "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;}
#portal-login-info-div {position:absolute; top:5px; right:40px;margin:0px 0; width:300px;}
#portal-login-info-div .label {float:left; width:300px; color: white; text-align:right;}
#portal-login-div span.label {color:#FFFFFF;padding-right:0.5em}
#portal-login-info-div .label a:hover{color:#166090;}
#portal-login-info-div .label div.userText {display:none;}
#portal-login-info-div .label div.userName a{
color:white !important;
text-transform: capitalize;
}
#portal-login-info-div .label div.changePass{display:none;position:absolute;top:20px;left:40px;} /*modoficado el top Ainho*/
#portal-login-info-div .label div.changePass a{color:white}/*modoficado el color Ainho*/
#portal-login-info-div form {float:right; margin:0;padding:0;padding-top:0px;width:24px;}
#portal-login-info-div .submit { position:relative; padding-top: 0px;padding-bottom:0px; }
#portal-login-info-div .portal-login-button{ width:21px; height:20px;background:url(images/icono_salir.png) no-repeat;background-position: center -2px;border:none;cursor: pointer;}
#portal-login-info-div .endBlock {clear:both;}
* html #portal-login-info-div .portal-login-button{background:url(images/icono_exit.gif) no-repeat;background-position: center -2px;}
/* Ainho lo muevo de posicion aýado el top*/
#portal-login-info-div .submit .portal-login-button{position:absolute;top:-15px;right:-20px;}
/* Componente: Miga de pan */
/*.portal-locator {position: absolute;left:18%;top:104px;}
*/
/* ainho modif el top*/
.portal-locator {position: absolute;left:300px;top:140px;display:none}
.portal-locator a{
color : #B83D7A;
font-family : "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}
.portal-locator a:hover {
color : #993366;
}
.portal-locator a:visited {
color : #B83D7A;
}
.portal-locator DIV {float:left; vertical-align: middle;}
.portal-locator DIV.portal-locator-separator {vertical-align: middle; background:url(images/locator-sep.gif) no-repeat; background-position: center; float:left; width: 13px; height: 13px; margin-right: 5px; }
.portal-locator DIV.portal-locator-first-item a,.portal-locator DIV.portal-locator-item a {float:left; color: #B83D7A;text-decoration: none;}
.portal-locator DIV.portal-locator-first-item a:hover,.portal-locator DIV.portal-locator-item a:hover{color:#993366;}
.portal-locator DIV.portal-locator-last-item a{float:left; color: #B83D7A;text-decoration: none;}
.HOME .portal-locator DIV {display:none;}
#datetime {display:none;}
/* Componente: Mapa del web */
#Webmap {/*position: absolute;right:3px; top:80px;*/
margin: 0px 0px 0px 0px;
}
#Webmap .label{display:none;}
/* Componente: Buscador global */
/* ainhoa quito top y pongo bottom top:0px;*/
#GlobalSearcher {position:absolute;left:10px;margin-top:82px;top:1px}
#GlobalSearcher .searchInput {height:16px;display:inline;width:100px}
#GlobalSearcher .searchIcon {top:2px; padding:4px 0px 0px 2px;display:inline;valign:bottom;margin-bottom:-0.2em}
#GlobalSearcher .searchLabel {display:none;}
/* Componente: Lang selector */
#LangSelector {position: absolute; right:20px; top: 30px;width:118px;}
#LangSelector a{text-decoration:none;/*color:white*/}
#LangSelector img{border:0;}
#LangSelector .selectedLngFlag{ display:none;}
#LangSelector a span.selectedLngText { color:silver;display:inline;border-right:0.1em solid #b8b8b8;padding-right:0.5em} /*idioma seleccionado*/
#LangSelector a span.selectableLngText {color:white;padding-left:0.5em} /*idioma no seleccionado*/
#LangSelector .selectableLngFlag { display: none; }
/* Componente: Toolbar */
#portal-toolbar {position:absolute;right:10px;top:110px; z-index:100; }
/* Decorador del portlet */
#content .portal-decorator-title {display: none;}
/***********************************************/
/* Utilidades */
/***********************************************/
/*cambio a .portal-utility ainhoa top:80 px por bottom*/
.portal-utility { position:absolute;top:90%; left:35%; height:25px; margin-top:60px;}
.portal-utility-item {float: left;padding:2px 5px 2px 5px;border-left:2px solid;border-left-color: #666666;}
.portal-utility-item-name a{font-size:11px;font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;font-weight: normal; color: #666666; text-decoration: none;}
.portal-utility-item-name a:hover{ font-size:11px; color: #BB005E; text-decoration: underline;}
.portal-utility-item-name a:visited{font-size:11px; color: #B01D75; text-decoration: none;}
.portal-utility-item-selected{float:left;padding:2px 5px 2px 5px;border-left:2px solid;border-left-color: #666666;}
.portal-utility-item-selected-name a,
.portal-utility-item-selected-name a:visited{font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight: bold;color: #B01D75; text-decoration: none;}
.portal-utility-icon{}
/***********************************************/
/***********************************************/
/* MODOS DE VISUALIZACI?N DE CATEGOR?AS */
/***********************************************/
/* Modo de visualizaci?n: ?ndice y actual */
#category.index ul {margin:0 5px 0 0;}
#category.index ul li {border-bottom:1px dashed #b0b0b0; margin:0 0 3px 0;}
#category.index #content-detail {border-left:1px dashed #b0b0b0; padding-left:3px;}
#category.index #content-detail .title {border-left:4px solid #ccc;border-top:1px solid #d8d8d8;background-color: #f4f4f4;padding:3px;}
/* Modo de visualizaci?n: listado (por defecto) */
#category.default .item {margin-bottom: 10px; border-top:1px solid #d8d8d8;}
/* Modo de visualizaci?n: tabla*/
#category.table table.datatable {border:1px solid #d8d8d8; border-collapse:collapse; width:98%; margin:0 0 16px; padding:0;}
#category.table table.datatable th {background:url(images/menubg2.gif) repeat-x bottom left #eaeaea; color:#505050; padding:5px; text-align:left;}
#category.table table.datatable td {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:0.9em; text-align:left;}
/* Modo de visualizaci?n: calendario */
#category .year-calendar table{ margin: 3px; border: 1px solid #CFCFCF; border-collapse:collapse; }
#category .year-calendar table th{ font-size: 13px; background-color: #f4f4f4; padding: 3px 3px; }
#category .year-calendar table td{ font-size: 11px; background-color: #FFFFFF; padding: 0 2px 0 2px; border: 0; }
#category .year-calendar a.dayWithContents,a:hover.dayWithContents,a:link.dayWithContents, a:visited.dayWithContents{ color: red; font-weight: bold; text-decoration:none; }
#category .year-calendar div.float-layer { font-size: 15px; background-color: #f4f4f4; border: 1px solid; border-color: #F6F9FF #525363 #525363 #F6F9FF; }
#category .year-calendar div.float-layer p { background: #d8d8d8; font-weight: bold; text-align: center; margin: 0px; }
#category .year-calendar div.float-layer ul { list-style-type: none; margin: 0px; padding:0; }
#category .year-calendar div.float-layer a { text-decoration:none; font-size: .7em ; padding: 2px; }
#category .year-calendar div.float-layer a:hover { background-color: #d8d8d8; border: 0px;}
/* Modo de visualizaci?n: toc */
#category.toc .index ul {list-style-image: url(images/locator-sep.gif);}
/* Modo de visualizaci?n: gallery */
#category.gallery .gallery-table {border-top: 1px dashed #b0b0b0;border-left: 1px dashed #b0b0b0;}
#category.gallery .item {padding: 3px; text-align: left; border-bottom: 1px dashed #b0b0b0;border-right: 1px dashed #b0b0b0;}
#category.gallery .item .title {text-align: center;}
/* Myservices */
#category.myservices ul {margin-top: 15px; list-style-image: url(images/myservice.gif); }
#category.myservices ul li {border-bottom: 1px dashed #b0b0b0; }
/***********************************************/
/***********************************************/
/* COMPONENTES DE PRESENTACI?N DE CONTENIDOS */
/***********************************************/
/* Componente: Caja de navegaci?n en categor?a */
#CategoryNavigationBox { FLOAT: right; WIDTH: 160px; background-color: #f4f4f4; font-size:0.8em; line-height:1em; margin: 3px; padding: 3px; border-top: 1px solid #b0b0b0; border-bottom: 1px solid #b0b0b0; }
#CategoryNavigationBox select { font-size:1em; }
#CategoryNavigationBox div { margin: 3px 0 3px 0; }
#CategoryNavigationBox ul.subcategories { margin:0; padding: 5px 0 5px 10px; border-bottom: 1px dashed #b0b0b0; }
#CategoryNavigationBox div.attributes-filter{ margin:0; padding: 5px 0 5px 5px; border-bottom: 1px dashed #b0b0b0; }
#CategoryNavigationBox div.view-in-calendar-selector { margin:0; padding: 5px 0 5px 5px; border-bottom: 1px dashed #b0b0b0; }
#CategoryNavigationBox div.view-in-calendar-selector ul { margin:0; padding: 5px 0 0 10px;}
#CategoryNavigationBox div.view-in-calendar-selector ul li.calendar { LIST-STYLE-IMAGE: url(images/calendar.gif); }
/* Componente: Caja de atributos de categor?a para un contenido */
.CategoryAttributesBox { FLOAT: right; WIDTH: 160px; background-color: #f4f4f4; padding: 3px; border-top: 1px solid #b0b0b0; border-bottom: 1px solid #b0b0b0; }
.CategoryAttributesBox dd { font-weight: bold; }
/* Componente: Barra de herramientas de categor?a */
#category-toolbar a img {border:0px solid #fff; margin:2px; padding:0px; vertical-align: middle;}
/* Resultados de býsqueda */
#portal-search-results ul {list-style-image: url(images/locator-sep.gif);}
/***********************************************/
/***********************************************/
/* Estilos para el calendario */
.calendarBox {
BORDER-RIGHT: #004590 3px solid; BORDER-TOP: #004590 3px solid; BORDER-LEFT: #004590 3px solid; BORDER-BOTTOM: #004590 3px solid; BACKGROUND-COLOR: #f2f5ff
}
.calendarHeader {
FONT-WEIGHT: bold; COLOR: #f2f5ff; BACKGROUND-COLOR: #004590
}
.calendarFooter {
BACKGROUND-COLOR: #004590
}
.calendarWeekHeader {
FONT-WEIGHT: bold; BACKGROUND-COLOR: #dde6ff
}
.calendarWeekWeekend {
FONT-WEIGHT: bold; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #b4caf1
}
.calendarWeekendCell {
BACKGROUND-COLOR: #b4caf1
}
.calendarButton {
BORDER-RIGHT: #0060a9 1px solid; BORDER-TOP: #0060a9 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #0060a9 1px solid; COLOR: #0066cc; BORDER-BOTTOM: #0060a9 1px solid; BACKGROUND-COLOR: #dde6ff
}
.calendarDisabledDay {
COLOR: gray
}
/***********************************************/
/*Bordes de las tablas*/
table table{border-collapse:separate;}
.Subtitle1{font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #666666;}
h3{font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;font-size: 1.2em;font-weight: normal;color: #993366;}
#content-detail table tbody tr td h1{margin-top: 12px;}
h2{ font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-weight: normal;color: #336600; text-decoration: none;}
.submitBox{
border:1px solid #B01D75; color : #B01D75;font-family : "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
}
.submitButton{
height:18px;border:1px solid #B01D75; color : #B01D75; background-color: #FFFFFF; font-family : "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size: x-small;
}
.EvenRow{
text-align: left;
}
.OddRow{
text-align: left;
}
/*estilos para el servicio de Auditoria de cambios*/
.cabecera{text-align: center;padding-right: 20px;}
.columnaCambio{text-align: left;}
.columnaUsuario{text-align: left; padding-left: 20px;}
.columnaTcambio{text-align: left; padding-left: 20px;}
.columnaFecha{text-align: left; padding-left: 0px;}
/* -------------------------------------------------------------
Estilos para listas del editor
------------------------------------------------------------- */
.Lista_Letras {
list-style-type :lower-alpha;
}
.Lista_Numeros {
list-style-type :decimal;
}
.Lista_Mayus {
list-style-type :upper-alpha;
}
.Lista_Romanos {
list-style-type :upper-roman;
}
/* -------------------------------------------------------------
Personalizaciýn de la portada
------------------------------------------------------------- */
.portada_publica #content {
position:absolute; top:-10px;/*Bego portada cambio add esta linea y comenta la de abajo*/
/*position:relative;line-height:1.5em; */
margin:20px 01px 02px 01px; /* El ýltimo valor px controla el margen izquierdo */
width: 99%;max-width:99%; /* Ajustar el ancho a lo que se desee */
overflow-x:auto;padding:0; text-align:left;
left:0px;
}
/*para portada-publica version IE6 alienacion de la caja de texto password con su label*/
* html .portada_publica #portal-login-div input#textPassword{position:relative;top:-15px;left:90px}
.portada_publica #leftside div.portal-menu{ display:none; }
.portada_publica #leftside {width:1px;z-index:-10}
/*.PortAG #content {
position:relative; line-height:1.5em;
margin:25px 30px 10px 60px;
width: 85%;max-width:85%;
overflow-x:auto;padding:0; text-align:center;
}
.PortAG #leftside div.portal-menu{ display:none; }
.PortAG #leftside {width:10px;}*/
/******** ainho ************************/
#header{background-color:#993366}
#wrap #header .headerContent #content-detail table tr td img{display:none} /* ocultar hr del header*/
/* cambiamos el borde y color de fondo de la capa leftside menu ppal */
#leftside div.portal-menu ul li.menu-grp a{background-color : transparent;color:#666666}/*#666666 gris */
#leftside div.portal-menu ul li.menu-grp-selected a{background-color :transparent;color:#666666}
#leftside div.portal-menu {background-color : #FFFFFF; padding: 0; padding-right: 3px; width:/*97*/98%;}
#leftside div.portal-menu ul li.menu-srv {background-color : #FFFFFF;color:#666666;}/*quito el borde inferior*/
#leftside div.portal-menu ul ul a li.menu-srv {background-color : #FFFFFF;color:#666666;}
/* Acceso*/
/* poner morado al pasar por encima de las opciones de mený */
#leftside div.portal-menu ul li.menu-grp a:hover,#leftside div.portal-menu ul li.menu-srv a:hover{color:#B83D7A}
/*cambiar el alto de la capa header */
#header{height:50px;}
/********************************/
#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected ,#leftside div.portal-menu ul li.menu-grp-selected {background-color:#993366;}
#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected a,#leftside div.portal-menu ul li.menu-grp-selected a{background-color:#993366;color:white;font-weight:bold;}
#leftside div.portal-menu ul ul li.menu-srv-selected a{background-color:#993366;color:white !important;}
#leftside div.portal-menu ul ul ul li.menu-srv a{color:#787878 !important;}/*nivel 3 -2º nivel del menu vertical*/
/*para IE no herede el color y fondo del #leftside div.portal-menu ul li.menu-grp-selected a*/
#leftside div.portal-menu ul ul li.menu-grp a{background-color : transparent;color:#787878;}
/*para todos los browsers*/
#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected ul li a{background-color : #FFFFFF;color:#787878;}/*que no hereden los de 3 nivel*/
/*--------------------------------------------------------*/
/*************INICIO CORRECCCION *************************/
/*--------------------------------------------------------*/
#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected ul li.menu-srv{width:148px}/*para que la lista de 3ºnivel no corte a la de 2ºnivel el borde decho*/
/* ******** borde caja externa menu vertical**************** */
#leftside div.portal-menu ul li.menu-grp ul,#leftside div.portal-menu ul ul {
background-color:#ffffff;
border:0.1em solid #b8b8b8;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:0px; /*ajustar la rayita superior de la llista ululul con el borde de la caja exterior ulul OJO-rayita*/
}
/****** menui vertical, PADDING para opcion de grupo 2º nivel*/
#leftside div.portal-menu ul ul li.menu-grp-selected,#leftside div.portal-menu ul ul li.menu-grp{background-color:#ffffff;
padding-top:2px;
padding-bottom:2px;
padding-left:0px;
}
/* ------ Estilo para Enlaces hipervinculos de los Servicos a nivel 3 y nivel 2 -- Menu vertical 1º y 2º nivel -------- */
#leftside div.portal-menu ul li.menu-grp ul ul li.menu-srv a,#leftside div.portal-menu ul ul ul li.menu-srv-selected a,#leftside div.portal-menu ul ul li.menu-srv-selected a,#leftside div.portal-menu ul ul ul li.menu-srv a,#leftside div.portal-menu ul ul li.menu-srv a{
font-size:11px;font-weight:normal;font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;color:#787878;background-image: url(images/icono.gif);background-repeat: no-repeat;background-position: left center;
padding-left:10px;
}
#leftside div.portal-menu ul ul ul li.menu-grp a{font-size:11px;padding-left:10px;}/*para menu-grp de 3º nivel tamaño e indentación de servicio*/
* html #leftside div.portal-menu ul ul ul li.menu-srv-selected{padding-left:12px} /*hack ie 6 (<7)*/
#leftside div.portal-menu ul ul ul li.menu-srv-selected{*padding-left:6px;}/*Ajuste li sected ie 7*/
.portal-menu ul ul{background:none}/*oculto la imagen del lista de nivel 2 */
.portal-menu ul ul{position:absolute;width:220px;padding-top:1em;left:0px}
.portal-menu ul ul li{float:left;display:block;width:210px;margin-left:0px;padding-bottom:0px;}/*
/*antes width:300*/
/* SOLUCION!!! asi me permite q el 3 nivel se coloque bien dentro del 2ý nivel no solapando*/
/*ancho para q se vea el texto completo de la ista de 3 nivel */
.portal-menu ul ul li a{color:black;padding:0 0 0 0px;}
.portal-menu ul ul ul li{width:90px}
.portal-menu ul ul ul{position:relative;display:block;left:-25px;}/*pongo negativopara acercarla mýs al lateral izdo.*/
.portal-menu ul ul ul li.menu-srv{display:block}
.portal-menu ul ul ul li{
margin-bottom:0px;
float:left;
}
.portal-menu ul ul ul li a{
padding-left:10px;
}
/* ----- estilo para los elemento GRUPO ---- */
#leftside div.portal-menu ul li.menu-grp a,#leftside div.portal-menu ul ul li.menu-grp-selected a,#leftside div.portal-menu ul ul li.menu-grp a{
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
#leftside div.portal-menu ul{
text-align:center;
}
#leftside div.portal-menu ul ul{
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
width:150px;/* Ancho del menu vertical (2ºnivel) para IE y Firefox */
}
#leftside div.portal-menu ul ul ul{
margin-top:0px;
top:0px;
border:none;
position:relative;
}
#leftside div.portal-menu ul ul li.menu-grp ul{border:none;}
#leftside div.portal-menu ul li.menu-grp ul ul{border:none;padding:0px;}/*para que no herede de la ulul el borde y estilo de seguros*/
#leftside div.portal-menu ul li.menu-grp ul li,#leftside div.portal-menu ul ul ul li.menu-grp {border:none;} /*Quito borde */
/*borde superior para las opciones del menu vertical a nivel de SERVICIO,poner el borde al 1º elemento de nivel 3º jerarquicamente */
#leftside div.portal-menu ul ul li.menu-grp li.menu-srv:first-child, #leftside div.portal-menu ul li.menu-grp ul li.menu-grp li.menu-srv:first-child, #leftside div.portal-menu ul ul li.menu-grp li.menu-srv-selected:first-child,/*#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-grp li.menu-grp:first-child,*/#leftside div.portal-menu ul ul ul li.menu-srv:first-child,#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected ul li.menu-srv:first-child{border-top:0.1em solid #b8b8b8;}
/*borde superior para las opciones del menu vertical a nivel de GRUPO */
#leftside div.portal-menu ul li.menu-grp ul li.menu-grp,#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-grp,#leftside div.portal-menu ul ul li.menu-grp,#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected{border-top:0.1em solid #b8b8b8;padding:0px;}
#leftside div.portal-menu ul ul li:first-child,#leftside div.portal-menu ul li.menu-grp ul li:first-child ,#leftside div.portal-menu ul li.menu-grp-selected ul li:first-child{border:none}
#leftside div.portal-menu ul ul ul li:first-child{border-top:0.1em solid #b8b8b8 !important;}
#leftside div.portal-menu ul li.menu-grp ul li.menu-grp,#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-grp,#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-srv,#leftside div.portal-menu ul ul li.menu-grp,#leftside div.portal-menu ul ul li.menu-grp,#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected{padding-right:0px} /*las rayitas q separan las opciones del menu vertical de 2º nivel exceptuando la del grupo seleccionado para que lleguen hasta el recuadro que enmarca toda la ulul OJO-rayita*/
#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected ul li.menu-srv{border:0;/*padding:2px;*/}/*para que no tengan raya estos elementos por las 2 reglas anteriores q heredan*/
#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-grp a,#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-srv a{color:#787878}/*poner gris oscuro a cada li dl menu vertical q solo tiene opciones de 1 nivel como la pag: "lagun Aro EPSV-p.htm"*/
#leftside div.portal-menu ul li.menu-grp ul li.menu-grp ul li.menu-srv,#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected ul li.menu-srv{margin-left:0.5em}
#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-grp ul li.menu-srv{margin-left:0.3em/*0.3 antes*/}
#leftside div.portal-menu ul ul li.menu-srv a{background-color : #FFFFFF;color:#787878;}
#leftside div.portal-menu ul ul ul li.menu-grp{border:0}
#leftside div.portal-menu ul ul li.menu-srv a{color:#787878;border:0} /* lista de 2ý nivel */
#leftside div.portal-menu ul ul ul li.menu-srv a{
font-size:11px;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
color:#787878;
}/* lista de 3ý nivel*/
.portal-utility-item {border-left:2px solid;border-left-color:#666666;}
.portal-utility-item-name a{color: #993366;}
#Webmap {position:absolute;top:30px;right:20px;display:none}
#footer{position:absolute;top:90%;width:100%;margin: 80px 0px 0px 0px;/*background-color :#993366;*/}
/*div#header div#GlobalSearcher{top:670px;left:3px;display:inline}*/
div#wrap div.portal-utility{color : #993366;}
/* menu horizontal **/
.portal-menu ul{
position: relative;
padding: 0 0 0 6px;
margin: 0 auto 0 auto;
background: url(images/bg_body_menu.gif) repeat-x; /*tab background image path*/
list-style: none;
}
.portal-menu ul li{
display:inline;
/*text-transform:lowercase;*/
}
.portal-menu ul li a{
display:inline;
color:#000;
text-decoration: none;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
text-align: center;
cursor: pointer;
}
/*Posicionar y ancho del menu vertical (2ºnivel) para IE<7 */
/** html #leftside div.portal-menu ul ul,* html #leftside div.portal-menu ul ul li{left:-30px;width:150px}*/ /*OK1*/
/** html #leftside div.portal-menu ul ul ul{left:0px;width:90px}*/
#leftside div.portal-menu ul ul ul li{width:142px;padding-right:0.1em}
#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected,#leftside div.portal-menu ul ul ul{width:140px}
/*que el elemento no corte el borde exterior del lista ul ul*/
#leftside div.portal-menu ul li.menu-grp ul ul{padding:0px;margin-right:0px;width:140px;}
#leftside div.portal-menu ul ul li.menu-grp-selected{width:140px;}
#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected{width:148px;padding-right:0px}
/*#leftside div.portal-menu ul ul ul li{width:140px !important}*/
#leftside div.portal-menu ul ul ul li.menu-srv{width:143px !important}/*OJO ancho de los elementos li del 3º nivel, 2ºnivel vertical servicios. El borde superior del 1º hijo servicio ocupa lo que tenga de ancho*/
/*posicionar usuario y boton de salir para IE < 7 (IE6..)*/
* html #portal-login-info-div .label{margin-right:-5px;}
* html #portal-login-info-div .submit .portal-login-button{right:-45px}/*valor negativo +grande coloco +izda.*/
#leftside div.portal-menu ul ul li.menu-grp,#leftside div.portal-menu ul ul li.menu-grp-selected,#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-grp{padding-top:/*0.4em*/2px;padding-bottom:2px/*0.4em*/}
#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-grp,#leftside div.portal-menu ul li.menu-grp ul li.menu-grp,#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected{margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0}
#leftside div.portal-menu ul ul li.menu-grp-selected ul li.menu-grp:first-child{padding-top:0.1em;}
#leftside div.portal-menu ul ul li.menu-grp-selected ul li.menu-grp,#leftside div.portal-menu ul ul li.menu-grp ul li.menu-grp{padding-left:0.6em;}/*longitud del li de grupo de 3nivel (rayita más a la dcha)*/
#leftside div.portal-menu ul ul li.menu-grp-selected li.menu-srv ,#leftside div.portal-menu ul li.menu-grp-selected li.menu-grp li.menu-srv{padding-left:0px}
#leftside div.portal-menu ul ul li.menu-grp-selected ul{/*margin-bottom:-0.2em*/}/*ocultar el fondo morado del li del menu vertical*/
#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected {width:150px}
#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected ul {width:150px}
#leftside div.portal-menu ul li.menu-grp-selected ul ul ul,#leftside div.portal-menu ul li.menu-grp-selected ul ul ul li.menu-srv {width:142px}
#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected ul,#leftside div.portal-menu ul li.menu-grp ul li.menu-grp ul {padding-top:1px}
/*******FIN CORRECION *******/
#leftside{width:100%;margin-left:2em;color:#000000;height:3em;}
/*.portal-menu ul li.LAGUN_ARO_EPSV_ReformaPensiones a{display:none}
.portal-menu ul li.LAGUN_ARO_EPSV_ReformaPensiones ul li a{display:block !important;text-align:left}*/
.portal-menu ul li.LAGUN_ARO_EPSV_ReformaSP a{display:none}
.portal-menu ul li.LAGUN_ARO_EPSV_ReformaSP ul li a{display:block !important;text-align:left}
.portal-menu ul li.LAGUN_ARO_EPSV_REGISTRO a{display:none}
.portal-menu ul li.LAGUN_ARO_EPSV_REGISTRO ul li a{display:block !important;text-align:left}
.portal-menu ul li.LAGUN_ARO_EPSV_CUESTIONARIO a{display:none}
.portal-menu ul li.LAGUN_ARO_EPSV_CUESTIONARIO ul li a{display:block !important;text-align:left}
.portal-menu ul li.LAGUN_ARO_EPSV_CUESTIONARIOP a{display:none}
.portal-menu ul li.LAGUN_ARO_EPSV_CUESTIONARIOP ul li a{display:block !important;text-align:left}
.portal-menu ul li.LAGUN_ARO_EPSV_CUESTIONARIOIP a{display:none}
.portal-menu ul li.LAGUN_ARO_EPSV_CUESTIONARIOIP ul li a{display:block !important;text-align:left}
.portal-menu ul li.LAGUN_ARO_EPSV_CUESTIONARIOI a{display:none}
.portal-menu ul li.LAGUN_ARO_EPSV_CUESTIONARIOI ul li a{display:block !important;text-align:left}
.portal-menu ul li.LAGUN_ARO_EPSV_INF_INS a{display:none}
.portal-menu ul li.LAGUN_ARO_EPSV_INF_INS ul li a{display:block !important;text-align:left}
/* Ocultar AROgestion del nivel horizontal y visualizar en el menu vertical el 2ºnivel y demás niveles sucesivos*/
.portal-menu ul li.LAGUN_ARO_EPSV_ACC_COOPS a{display:none}
.portal-menu ul li.LAGUN_ARO_EPSV_ACC_COOPS ul li a{display:block !important;text-align:left}
/*.portal-menu ul li.EPSV_AROGESTION_EPSV a{display:none}*/
.portal-menu ul li.EPSV_AROGESTION_EPSV ul li a{display:block !important;text-align:left}
/* FIN---Ocultar AROgestion del nivel horizontal y visualizar en el menu vertical el 2ºnivel y demás niveles sucesivos*/
.portal-menu ul li.EPSV_AROGESTION_EPSV{
font-weight: bold;
/*text-transform: uppercase;*/
background-color:#CCCCCC;
}
/*#content{left:200px;float:left}*/
/*q aparezca siempre abajo con script*/
/*#footer { position: absolute; left: 0px; bottom: 0px; }
div#wrap div#footer { position: fixed; } */
/*#content{display:none}*/
/*Para IE colocar el content-detail de información institucional en la parte inferior siempre independiente del tamaño de la página igual q el pie-solucion standar hecha ya con JavaScript */
#leftside #content-detail{position:absolute;/*top:366px;*/left:10px;
}
/*************************************************************/
/*-------------- tablas PSP's ------------ ****************/
/************************************************************/
/*.portal-decorator-portlet-container #content-detail td td font,.portal-decorator-portlet-container #content-detail table tbody tr td p font{color:black;}*/
.portal-decorator-portlet-container #content-detail table div table,.portal-decorator-portlet-container #content-detail table div table td,.portal-decorator-portlet-container #content-detail table table tr{background-color:white;}
.portal-decorator-portlet-container #content-detail table div table,.portal-decorator-portlet-container #content-detail table table{border:0;padding:0;}/*pone el borde exterior a la tabla*/
.portal-decorator-portlet-container #content-detail table div table td,.portal-decorator-portlet-container #content-detail table table td{/*border:0;*//*padding:0px;*/height:0.75em}/*altura de las filas, border:0 quita los bordes la regla a nivel de table solo no los quita*/
.portal-decorator-portlet-container #content-detail table table,.portal-decorator-portlet-container #content-detail table table td{
border:none;
/*border-right: hidden;*//*ocultar borde dcho entre columnas interno*/
border-color:#999999 !important;/*si no hay tablas en las que prevalece el negro, establezco prioridad más alta*/
border-top-width: 0px;
border-bottom-width: 0px;
border-top-style: inset;
border-bottom-style: groove;
border-top-color: #999999;
border-bottom-color: #999999;
border-collapse:collapse;
cell-spacing:0px;
}
/* ----------poner el color del texto de las celdas morado y negrita afecta sobre todo a filas de tiulores de tabla-----------*/
.portal-decorator-portlet-container #content-detail table div table td font,.portal-decorator-portlet-container #content-detail table table td font,.portal-decorator-portlet-container #content-detail table table td font strong{
color:#993366 !important;
font-weight:bolder;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}
/*------ tamanio ,color, tipo de letra de parrafos dentro de tabla (sin bordes) y parrafos de las celdas*/
.portal-decorator-portlet-container #content-detail table table td p font,.portal-decorator-portlet-container #content-detail table tbody tr td p font{
color:black !important;
font-weight:normal;font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}
/***** poner las tablas con el titulo en gris Main2, MAin3, MAin3, Main4 ...OJO MAin_2 esta con morado **********/
.portal-decorator-portlet-container #content-detail table p strong font{color:#787878 !important}
.portal-decorator-portlet-container #content-detail table div table td p,.portal-decorator-portlet-container #content-detail table table td p{display:inline;}
/* no alinea el encabezado de las tablas Ver OJO*/
.portal-decorator-portlet-container #content-detail div table td p,.portal-decorator-portlet-container #content-detail table table td p {text-align:center}
/****************** PRESTACIONES PENSIONES-PROCEDIMIENTO DE CONTRATO DE SUSTITUCION *************************/
.portal-decorator-portlet-container #content-detail table ol li font strong,.portal-decorator-portlet-container #content-detail table td font{color:black;}
.portal-decorator-portlet-container #content-detail table ol li font strong a{color:#993366}
/****************** PRESTACIONES -incapacidad permanente - baremo de secuelas *****************/
.portal-decorator-portlet-container #content-detail table td p a span.a font{color:#993366;font-weight:bold;font-size:11px}
/*************************** kitar imagen de fondo para página prestaciones maternidad no herede imagen de fondo para la fila tr de una tabla de content-detail
*************************/
.portal-decorator-portlet-container #content-detail table span.p table tr{
background-image: none;
}
/* ---------main portada socios cooperativistas main.htm y mainPortadaSociosCooperativistas ---------- */
/*.portal-decorator-portlet-container #content-detail table table table td font strong*/.portal-decorator-portlet-container #content-detail table table table td.Title font{color:white !important;}
.portal-decorator-portlet-container #content-detail table table table tr{background:none}
/********************************para quitar el color verde del item de utility seleccionado**********************/
.portal-utility .portal-utility-item-selected .portal-menu-item-selected-name a{color:#993366}
/************************* portada color y fondo**********************************************************************/
.portal-decorator-portlet-container #content-detail table table table tr,.portal-decorator-portlet-container #content-detail table table table table.background tr,.portal-decorator-portlet-container #content-detail table table table tr font,.portal-decorator-portlet-container #content-detail table table table tr ul strong,.portal-decorator-portlet-container #content-detail table table table table tr font strong,.portal-decorator-portlet-container #content-detail table table table tr td p font strong,.portal-decorator-portlet-container #content-detail table table table tr td a font strong,.portal-decorator-portlet-container #content-detail table table table td font strong{color:black !important}
.portal-decorator-portlet-container #content-detail table table table font a strong{color:#993366 !important}
.portal-decorator-portlet-container #content-detail table table table table.background tr{background-color:white}
/************************ Portada publica internet diseño ***********************************************/
/*--quitar herencia del resto del portal #content-detail*/
body.portada_publica .portal-decorator-portlet-container #content-detail table table,body.portada_publica .portal-decorator-portlet-container #content-detail table table td{border:none;}
/*---/ quitar herencia del resto del portal #content-detail*/
body.portada_publica #content-detail .fondo{background-color:#F0F0F0}
body.portada_publica #LangSelector a span.selectableLngText {color:#666666;}
body.portada_publica #LangSelector a span.selectableLngText ,body.portada_publica #LangSelector a span.selectedLngText{font-size:11px}
body.portada_publica #portal-login-div span.label{
color:#6E6E6E;
font-weight:bold;
}
/*botones de envio tanto para la capa #portal-login-div como #content-detail */
body.portada_publica #portal-login-div div.submit input,body.portada_publica #content-detail input.submitButton{border-top: 1px solid #666666;border-left: 1px solid #666666;border: 1px solid #658CC5;
background-color: #FFFFFF;
color: #658CC5;
font-weight: bold;}
body.portada_publica #portal-login-div div.user input#user,body.portada_publica #portal-login-div div.password input#textPassword,body.portada_publica #content-detail input{
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #658CC5 !important;
}
/* browser compatible estandar -Mozilla*/
body.portada_publica #portal-login-div{z-index:300;top:185px;left:117px;display:block}
body.portada_publica #content-detail table{margin-left:auto;margin-right:auto;}/*centrar tabla contenido*/
body.portada_publica #content,body.portada_publica #content-detail{margin-left:auto;margin-right:auto;}/*centrar contenido*/
body.portada_publica{background-color:silver}
body.portada_publica #LangSelector{top:235px;z-index:400;right:147px;} /* browser compatible estandar- Mozilla*/
* html body.portada_publica #header #LangSelector{top:250px;z-index:400;}
body.portada_publica #wrap #header #LangSelector a{color:#666666}
body.portada_publica #wrap #portal-login-div #user,body.portada_publica #wrap #portal-login-div #textPassword{width:65px;}
body.portada_publica #content-detail table table table table table table td,body.portada_publica #content-detail table table table table table table td li{color:#666666}
body.portada_publica #portal-login-div .user-password-fields span.label{display:inline;}
body.portada_publica #portal-login-div .user-password-fields{width:160px;}
body.portada_publica #portal-login-div div.submit{float:none;display:block; position:absolute;top:50px;left:100px}
/****** para IE < version 7 **************/
* html body.portada_publica #portal-login-div{position:absolute;top:165px;left:100px;width:500px;}
* html body.portada_publica #portal-login-div .user-password-fields{position:absolute;width:250px;left:40px;}
* html body.portada_publica #wrap #portal-login-div .password #textPassword{margin-left:90px}
* html body.portada_publica #wrap #portal-login-div #user,* html body.portada_publica #wrap #portal-login-div #textPassword{width:60px}
* html body.portada_publica #portal-login-div div.submit{margin-right:10px;left:68px}/*situar botn de envio portada publica*/
/***************FIN hack IE < 7*********************/
/****** para IE version 7 **************/
body.portada_publica #portal-login-div{position:absolute;*top:208px;*left:140px;*width:250px;}
body.portada_publica #portal-login-div .user-password-fields{*width:280px;*margin-left:-160px}
body.portada_publica #portal-login-div div.submit{*margin-right:10px;*left:61px} /*situar botn de envio portada publica*/
/***************FIN hack IE < 7*********************/
body.portada_publica #wrap #portal-login-div div.user,body.portada_publica #wrap #portal-login-div div.password{margin-left:0.45em;/*padding-left:0.5em*/margin-right:-0.2cm}
* html body.portada_publica #wrap #portal-login-div div.user,* html body.portada_publica #wrap #portal-login-div div.password{/*padding-left:2px;padding-left:0.5cm;*/margin:0cm;padding:0cm}
* html body.portada_publica #wrap #portal-login-div div.user{margin-left:4em}
* html body.portada_publica #wrap #portal-login-div span.label{padding-left:4em;}
/***** descomentar si usamos script para el idioma */
/** html body.portada_publica #portal-login-div{left:297px} */ /*para IE < 7*/
/****** menus ******/
/*arreglar para los IE los bullet no queden solapando el texto del li cuando ocupa más de 1 línea*/
* html #leftside div.portal-menu ul ul li.menu-srv a,* html #leftside div.portal-menu ul ul ul li.menu-srv-selected a,* html #leftside div.portal-menu ul ul ul li.menu-grp a,* html #leftside div.portal-menu ul ul ul li.menu-srv a,* html #leftside div.portal-menu ul li.menu-grp ul li.menu-grp ul li.menu-srv a,* html #leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected ul li.menu-srv a, * html #leftside div.portal-menu ul li.menu-grp ul li.menu-srv-selected a{
background-position: left top;
}
#leftside div.portal-menu ul ul li.menu-srv a,#leftside div.portal-menu ul ul ul li.menu-srv-selected a,#leftside div.portal-menu ul ul ul li.menu-grp a,#leftside div.portal-menu ul ul ul li.menu-srv a,#leftside div.portal-menu ul li.menu-grp ul li.menu-grp ul li.menu-srv a,#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected ul li.menu-srv a,#leftside div.portal-menu ul li.menu-grp ul li.menu-srv-selected a{
*background-position: left top;
}
/********************* alinear el área de contenido para la izqda. **************/
#content{margin-left:15%;margin-right:auto/*margin-left:22%;margin-right:25%*/}
#header .portal-locator{margin-left:-2.5cm;border-bottom:0.1em solid #b8b8b8;padding:0.3em;margin-top:-0.3em}/*margin-left mayor en negativo más a la izqda*/
/*Boton de portada publica .submitButton se alinee a la izda sino queda totalmente desplazado dcha*/
.portada_publica table table table table td{
text-align:left
}
/*borrar solo prueba*/
#leftside div.portal-menu ul li.menu-grp ul li.menu-srv {font-weight:normal;color:pink}
/*fin borrar solo prueba*/
#leftside div.portal-menu ul li.menu-grp ul li.menu-grp ul li.menu-srv-selected{padding-left:6px;}/*Ajuste del li selected*/
* html #leftside div.portal-menu ul li.menu-grp ul li.menu-grp ul li.menu-srv-selected{padding-left:12px;}/*Ajuste del li selected para IE <7 */
/*para IE EPSV_pensiones.htm*/
#leftside div.portal-menu ul ul li.menu-grp-selected {*border-top:0.1em solid #b8b8b8 !important;
}
#leftside div.portal-menu ul ul li.LAGUN_ARO_EPSV_Contratos,.EPSV_NORMAS,.LAGUN_ARO_EPSV_DPI_AG,.LAGUN_ARO_EPSV_AGINFGEST,.EPSV_APORTACIONES{font-style: normal;}
.CONTACTAR .portal-decorator-portlet-container #content-detail table table tr ,.EPSV_AROGESTION_EPSV .portal-decorator-portlet-container #content-detail table table tr {background-image:none;}
.EPSV_AROGESTION_EPSV #content-detail table table p img{display:block;padding-bottom:2em}
#header #portal-toolbar{top:10px;left:450px;width:500px}/*herramientas gráficas administradoras*/
/*input.searchIcon{background-color:#993366;
background-image:url(images/binaryserver_002.gif);
background-position: center bottom;
}*/
/*susutituir icono lupa viejo por el nuevo diseño en blanco*/
#leftside div.portal-menu ul{z-index:501}
.Portmut .portal-decorator-portlet-container #content-detail table table tr,.HOME .portal-decorator-portlet-container #content-detail table table tr{background-color:white;background-image:none;}
.portada_publica .portal-decorator-portlet-container #content-detail table table tr{background-color:transparent;}/*portada publica no coja estilo HOME en esto*/
/*#content #mensajeVacia {
width: 100%;
margin-right: auto;
margin-left: auto;*/
/*filter: Glow(Color=#993366,Strength=2);*/
/* -moz-border-radius:25px;
}*/
#content #mensajeVacia p{
margin-right: auto;
margin-left: auto;
color: #993366;
font-size: 1.5em;
font-weight: bold;}
#content #mensajeVacia div.superior{
text-align: center;
background-image: url(images/boxbgt.gif);
background-repeat: repeat-x;
background-position: left top;
width: 100%;
height:100px;
}
#content #mensajeVacia div.inferior{text-align: center;background-image: url(images/boxbgb.gif);background-repeat: repeat-x;
background-position: left top;width: 100%;height:100px}
#content #mensajeVacia div.inferiorP{background-image: url(images/boxbgb.gif);background-repeat: repeat-x;
background-position: left top;width: 73%;height:80px}
/*------------- PORTADA PUBLICA ---------------------*/
body.portada_publica{
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 25px;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
body.portada_publica select,body.portada_publica input,body.portada_publica textarea{
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
body.portada_publica td{
font-family:"Trebuchet MS", Verdana,Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
font-weight:normal;
}
body.portada_publica textarea {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000033;
background-color: White;
border: 1px solid #cccccc;
}
.titulo1,body.portada_publica td.titulo1{
font-size:20px;
color:#658cc5;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
line-height: 25px;
}
.titulo2,body.portada_publica td.titulo2{
font-size:14px;
color:#993366;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
line-height: 20px;
}
.titulo2b,body.portada_publica td.titulo2b{
font-size:12px;
color:#993366;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
line-height: 16px;
}
.titulo3,body.portada_publica td.titulo3 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#993366;
font-weight: bold;
}
.titulo4,body.portada_publica td.titulo4{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#6E6E6E;
}
.borde,body.portada_publica table.borde {
border: 1px solid #E0DFE3;
}
.description {
font-size: 14px; font-weight : bold; color: #666666;
}
a.enlaces,body.portada_publica td a.enlaces{text-decoration: none; color:#993366 !important}
/*
body.portada_publica a:link{
color: #000000;
text-decoration: none;
}
body.portada_publica a:visited{
color: #000000;
text-decoration: none;
}
body.portada_publica a:hover, a:active {
text-decoration: none;
}*/
/*------------- /PORTADA PUBLICA ---------------------*/
body{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;}
#leftside div.portal-menu ul ul li.menu-srv,#leftside div.portal-menu ul ul li.menu-srv-selected,#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-srv,#leftside div.portal-menu ul li.menu-grp ul li.menu-srv-selected,#leftside div.portal-menu ul li.menu-grp ul li.menu-srv{line-height:14px}
#leftside div.portal-menu ul ul li.menu-grp,#leftside div.portal-menu ul ul li.menu-grp-selected,#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-grp,#leftside div.portal-menu ul li.menu-grp ul li.menu-grp-selected,#leftside div.portal-menu ul li.menu-grp ul li.menu-grp{line-height:17px}
#leftside div.portal-menu ul ul ul li.menu-grp,#leftside div.portal-menu ul ul ul li.menu-grp-selected{line-height:14px}
#leftside div.portal-menu ul ul ul li.menu-grp a:hover{color:#B83D7A !important}
#mainPan{background:white !important;}
.mceContentBody{background-color:#FFFFFF;border:0.1em solid #993366}
#leftside div.portal-menu ul ul,#leftside div.portal-menu ul ul li{background-color:transparent}/*Firefox no quede oculto parte menus verticales*/
* html #leftside div.portal-menu {/*width:1024px;*/width:expression( document.body.clientWidth-13) }
#leftside div.portal-menu {/*width:1024px;*/*width:expression( document.body.clientWidth-13) }
/*-------------------------------------------------*/
/*--------RESTO PORTADAS Y PAGINAS LIBRES----------*/
/*-------------------------------------------------*/
body.prueba {
/*background:#F6F4E4;*/
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}/*poner la clase correspondiente para las portadas*/
/*Reseteo de elementos*/
#mainPan div, #mainPan p, #mainPan ul,#mainPan h1, #mainPan h2, #mainPan h4, #mainPan img, #mainPan form,#mainPan label{padding:0px; margin:0px;}
#mainPan ul{list-style-type:none;}
/*----MAIN PANEL----*/
#mainPan{
width:900px;
position:relative;
margin:0 auto;
padding:0px;
/*background-color: #F6F4E4;*/
}
/*----Left Panel----*/
#leftPan{width:240px; float:left;/*float:right;margin-right:40 background-color: #F6F4E4;*/}
#leftTopPan{width:240px; height:125px; position:relative; margin:0 auto; padding:0; background:url(images/left-top.jpg) 0 0 no-repeat;/*background-color: #F6F4E4;*/}
#leftTopPan img{width:169px; height:39px; margin:30px 0 0 10px;}
#leftTopPan h3,#leftTopPan h4 {padding-left:1em;}
#leftTopPan h3 span a:hover,#leftTopPan h4 span a:hover{text-decoration:none;color:#666666}
#leftPan ul.ppal{width:240px;margin:0 auto;height:90px; display:block; background:url(images/menu-bg.jpg) 0 0 no-repeat; padding:28px 0 0;}
#leftPan ul li{width:180px/*118px*/; height:27px; position:relative; margin:0 10px; background:url(images/dot.gif) 0 100% repeat-x;}
#leftPan ul li a{width:180px/*96px*/; height:26px; display:block; background:url(images/arrow-normal.gif) 0 50% no-repeat white; color:#8F8C73; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 0px; text-decoration:none;margin-left:0.5em}
#leftPan a ul li{width:180px/*96px*/; height:26px; display:block; background:url(images/arrow-normal.gif) 0 50% no-repeat white; color:#8F8C73; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 5px; text-decoration:none;margin-left:0.5em; cursor:pointer}
#leftPan ul li a:hover{background:url(images/arrow-normal.gif) 0 50% no-repeat white; color:#993366; text-decoration:underline;}
#leftPan ul li.home{width:96px; height:27px; display:block; background: url(images/homebg.gif) 0 0 no-repeat white; color:#993366; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 22px;}
#leftPan ul li.contact{background:none;}
#leftPan ul.linkone{width:240px; height:259px; padding:0; background:none;}
#leftPan ul.linkone li{width:118px; height:26px; position:relative; margin:0 auto; background:none; padding:0px;}
#leftPan ul.linkone li a{width:96px; height:26px; display:block; background:url(images/arrow-normal.gif) 0 50% no-repeat white; color:#8F8C73; font:13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:0 0 0 22px; text-decoration:underline;}
#leftPan ul.linkone li a:hover{background:url(images/arrow-normal.gif) 0 50% no-repeat white; color:#25241E; text-decoration:underline;}
#leftPan h2{width:90px; height:63px; background:white; color:#993366; font-size:24px; line-height:63px; padding:0 0 0 63px; font-weight:normal;}
#leftPan form{width:222px; height:100px; position:relative; margin:0 auto; background:url(images/formbg.gif) 0 0 no-repeat #ABA894; color:#fff;}
#leftPan form input{width:143px; height:17px; margin:3px 0 2px 35px; }
#leftPan form label{width:143px; height:18px; margin:2px 0 0 35px; font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
#leftPan form input.button{width:51px; height:17px; float:left; background:url(images/button.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:12px; font-weight:bold; line-height:18px; border:none; padding:0 10px 0 0; margin:3px 10px 2px 28px; }
#leftPan form h2{width:150px; height:47px; display:block; background:url(images/memberbg.gif) 0 0 no-repeat #D5D2BC; color:#fff; font-size:18px; line-height:47px; padding:0 0 0 65px;}
#leftPan form #register{width:100px; height:24px; float:left; margin:3px 0 0; }
#leftPan form #register a{display:block; background: url(images/arrow4.gif) 100% 50% no-repeat #ABA894; color:#fff; font-size:14px; padding:0 5px 0 0; text-decoration:none;}
#leftPan form #register a:hover{text-decoration:underline;}
#leftPan p{padding:20px 0 0 9px;font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#8F8C73;}
#leftTopPan .ppal {
list-style: disc;
margin-left:20px;}
/*----/Left Panel----*/
/*----Right Panel----*/
#rightPan{width:451px; float:left;background-color: white;}
#rightPan h1{width:438px; height:124px; background-color:#993366;color:#fff; font:20px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:37px 0 0 13px;}
#rightPan h1 span{font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#rightPan h2{width:300px; height:36px; display:block; background-color white; color:#993366; font-size:24px; line-height:36px; padding:0 0 0 0px; margin:0px 0 0 9px;}/*icon1.jpg*/
/*#rightPan h2{width:240px; height:36px; display:block; background:url(images/home.ico) 0 0 no-repeat white; color:#993366; font-size:24px; line-height:36px; padding:0 0 0 65px; margin:29px 0 0 9px;}*/
#rightPan h4{width:240px; height:50px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat white; color:#993366; font-size:24px; line-height:22px; padding:0 0 0 75px; margin:0 0 0 9px; clear:both;}
#rightPan h4 span{color:#9F9D81; background:white; font-size:16px; font-weight:bold; line-height:18px;}
/*tamaño, color gris del parrafo que va en la caja dcha*/
#rightPan p{padding:20px 0 0 9px;font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#8F8C73;}
#rightPan p.bottompadding{padding:22px 0 0 9px; margin:0 0 38px 0;}
#rightPan p span.boldtext{font-weight:bold;}
#rightPan p span.magedacolortext{background:white; color:#993366;}
#rightmorePan{width:420px; height:28px; display:block; background:url(images/pattern.gif) 0 0 repeat; border:1px solid #fff; line-height:28px; padding:0 0 0 20px; margin:0 0 0 9px;}
#rightmorePan p.textposition{float:left; padding:0 0 0 18px; margin:0px;}
#rightmorePan a{float:left; width:36px; height:28px; display:block; background:url(images/morebg.gif) 0 0 no-repeat #D5D2BC; color:#1F1E15; text-decoration:none; padding:0 15px 0 45px; margin:0 0 0 135px;}
#rightmorePan a:hover{text-decoration:underline;}
#rightmorenextPan{width:420px; height:28px; display:block; background:url(images/pattern.gif) 0 0 repeat; border:1px solid #fff; line-height:28px; padding:0 0 0 20px; margin:0 0 0 9px;}
#rightmorenextPan p.textposition{float:left; padding:0 0 0 18px; margin:0px;}
#rightmorenextPan a{float:left; width:36px; height:28px; display:block; background:url(images/morebg.gif) 0 0 no-repeat #D5D2BC; color:#1F1E15; text-decoration:none; padding:0 15px 0 45px; margin:0 0 0 135px;}
#rightmorenextPan a:hover{text-decoration:underline;}
#rightaddPan{width:442px; position:relative; margin:0 auto}
#rightaddonePan{width:436px; height:200px; float:left; background:url(images/image1.jpg) 100% 0 no-repeat #CBC8B2; color:#fff;padding:5 }
#rightaddonePan2{width:436px; height:90px; float:left; background:url(images/image1.jpg) 100% 0 no-repeat #CBC8B2; color:#fff;padding:5 }
#rightaddonePan3{width:436px; height:147px; float:left; background:url(images/image1.jpg) 100% 0 no-repeat #CBC8B2; color:#fff;padding:5 }
#rightaddonePan4{width:710px; height:80px; float:left; background:url(images/image1.jpg) 100% 0 no-repeat #CBC8B2; color:#fff;padding:5;margin:100 0 10 0px; }
#rightaddonePan p.whitetext,#rightaddonePan2 p.whitetext,#rightaddonePan3 p.whitetext{font-size:22px; padding:16px 0 0 16px;}
#rightaddonePan p.whitetextbig,#rightaddonePan2 p.whitetextbig,#rightaddonePan3 p.whitetextbig,#rightaddonebase p.whitetextbig{font-size:28px; padding:10px 0 0 16px; color:#6b6854;}
#rightaddonePan4 p.whitetextbig{font-size:20px; padding:5 px 0 0 0px; color:#6b6854;}
#rightaddonePan a,#rightaddonePan2 a,#rightaddonePan3 a{width:400px;height:35px; display:block;background:url(images/viewmore.jpg) 0 0 no-repeat #ABA894; color:#fff; font-size:14px ; text-decoration:none; margin:0px 0 0; padding:0 0 0 0px;}
#rightaddonePan4 a{width:600px;height:35px; display:block;background:url(images/viewmore.jpg) 0 0 no-repeat #ABA894; color:#fff; font-size:14px ; text-decoration:none; margin:0px 0 0; padding:0 0 0 0px;}
#rightaddonePan a:hover,#rightaddonePan2 a:hover,#rightaddonePan4 a:hover{text-decoration:underline;}
#rightaddonePan ul,#rightaddonePan2 ul{margin-top:10px}
#base{width:705px;position:relative; margin:0 50 px 0 0}
#rightaddonebase{width:705px; float:left; color:#505050;padding:0 }
#rightaddonebase p.whitetext{font-size:22px; padding:0px 0 0 16px;}
#rightaddonebase p.whitetextbig{font-size:20px; padding:10px 0 0 16px; color:#505050;}
#rightaddonebase a{width:705px;height:20px; display:block;background:url(images/viewmore.jpg) 0 0 no-repeat #fff0f0; color:#505050; font-size:13px ; text-decoration:none; margin:0px 0 0; padding:0 0 0 0px;}
#rightaddonebase a:hover,#rightaddonePan2 a:hover{text-decoration:underline;}
#rightaddonebase ul,#rightaddonePan2 ul{margin-top:5px}
/*#rightaddPan{width:442px; height:170px; position:relative; margin:0 auto; padding:50px 0 0 9px;}
#rightaddonePan{width:436px; height:110px; float:left; background:url(images/image1.jpg) 100% 0 no-repeat #CBC8B2; color:#fff; }
#rightaddonePan p.whitetext{font-size:22px; padding:16px 0 0 16px;}
#rightaddonePan p.whitetextbig{font-size:28px; padding:10px 0 0 16px;}
#rightaddonePan a{width:97px; height:33px; display:block; background:url(images/viewmore.jpg) 0 0 no-repeat #ABA894; color:#fff; font-size:16px; line-height:30px; text-decoration:none; margin:15px 0 0; padding:0 0 0 55px;}
#rightaddonePan a:hover{text-decoration:underline;}*/
#bloque0 a,#leftTopPan h3 span a,#leftTopPan h4 span a{color:#993366}
#bloque a,#leftTopPan h3 span a,#leftTopPan h4 span a{color:#6b6854}
#bloque2 a,#leftTopPan h3 span a,#leftTopPan h4 span a{color:#993366}
#bloque0 {
margin:05px 5px 20px 0;
padding:05px 5px 5px 10px;
width:240px;
color:#505050;
/*background: url(images/menubg.gif) bottom left repeat-x;*/
bgcolor:#cbc8b2;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
height:120px;
float:right;
}
#bloqueleft {
margin:20px 10px 80px 0;
padding:20px 20px 5px 20px;
width:203px;
color:#505050;
/*background: url(images/menubg.gif) bottom left repeat-x;*/
bgcolor:#cbc8b2;
border-top:1px solid #d8d8d8;
/*border-right:1px solid #d8d8d8;*/
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
height:110px;
float:left;
}#bloqueright {
margin:0px 10px 5px 5;
padding:0px 10px 5px 5px;
width:223px;
color:#505050;
/*background: url(images/menubg.gif) bottom left repeat-x;*/
bgcolor:#cbc8b2;
border-top:1px solid #d8d8d8;
border-right:4px solid #cccccc;
border-bottom:1px solid #d8d8d8;
/*border-left:1px solid #d8d8d8;*/
height:110px;
float:left;
}
#bloqueleft .titular{font-size:16px;padding:10px 8px 5px 8px;}
#bloqueright .titularb a{font-size:14px;padding:10px 8px 0px 8px;color:#55a5c5;}
#leftTopPan .titularb a{font-size:14px;padding:0px 5px 20px 25px;color:#55a5c5;}
#bloqueleft a:hover,#bloqueright a:hover{color:#666666;text-decoration:underline;}
#leftTopPan .titularb a:hover{color:#666666;text-decoration:underline;}
#bloque {
margin:20px 10px 80px 0;
padding:20px 20px 5px 10px;
width:213px;
color:#505050;
/*background: url(images/menubg.gif) bottom left repeat-x;*/
bgcolor:#cbc8b2;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
height:110px;
float:left;
}
#bloque2 {
margin:20px 20px 20px 20;
padding:20px 20px 20px 20px;
width:426px;
color:#505050;
background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;
border-top:1px solid #d8d8d8;
border-right:4px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
height:110px;
float:left;
}
#bloque3 {
margin:0px 0px 0px 0px;
width:700px;
color:#993366;
background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;
border-top:1px solid #d8d8d8;
border-right:4px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
height:100px;
font-size:14px;
float:left;
}
#bloque4 p{font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#6b6854;}
#bloque4 p span.boldtext{font-weight:bold;}
#bloque4{
margin:10px 0px 0px 0px;
width:700px;
color:#505050;
background:#f4f4f4;
border-top:1px solid #d8d8d8;
border-right:4px solid #d8d8d8;
border-left:4px solid #cccccc;
height:180px;
text-align:left;
font-size:14px;
float:left;
}
#privada {
width:210px;
height:70px;
text-align:center;
background: url(images/privada1.GIF) no-repeat;
color:#FFFFFF;
float:left;
cursor: pointer;
font-size:12px;
font-weight:bold;
}
#privada1 {
width:185px;
height:60px;
background: url(images/privada.JPG) no-repeat;
color:#FFFFFF;
cursor: pointer;
text-align:center;
font-size:12px;
font-weight:bold;
}
#bloque3 .circle {
list-style-type:disc;
color:#008080;
margin-left:10px;
}
#detpri {
float:left;
font-size:12px;
color:#993366;
cursor: pointer;
}
#detpri ul li{
font-size:12px;
color:#993366;
}
#detpri .circle {
list-style-type:disc;
margin-top:8px;
margin-left:15px;
}
#bloque3 a{
color:#993366;
}
#bloque4 a{
color:#993366;
}
#bloque4 .resalte{
color:#008080;
font-size:12px;
}
#bloque4 .titular{font-size:18px;padding:10px 10px 5px 10px;}
#bloque4 .titularp{font-size:12px;padding:0px 0px 0px 10px;}
#bloque .titular{font-size:16px;padding:10px 8px 5px 8px;}
#bloque2 .titular{font-size:18px;padding:10px 10px 5px 10px;}
#bloque0 .titular{font-size:14px;padding:10px 10px 5px 10px;}
#bloque a:hover,#bloque2 a:hover{color:#666666;text-decoration:underline;}
#bloque5
{
margin:10px 0px 0px 0px;
width:700px;
color:#505050;
background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;
border-top:1px solid #d8d8d8;
border-right:4px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
height:110px;
/*height:180px;*/
/* text-align:left;*/
font-size:14px;
float:left;
}
#bloque5 a{
color:#993366;
}
#bloque5 .resalte{
margin:0px 0px 0px 50px;
color:#008080;
font-size:12px;
}
#bloque5 .titular{font-size:18px;padding:10px 10px 0px 10px;}
#bloque5 .titular a:hover{color:#666666;text-decoration:underline;}
#bloque5 .titular a{color:#55a5c5;}
#bloque5 .titularp{font-size:12px;padding:0px 0px 0px 10px;}
#bloque5 p{font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#6b6854;}
#bloque5 p span.boldtext{font-weight:bold;}
#bloque6
{
margin:0px 0px 0px 0px;
width:425px;
color:#505050;
background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;
border-top:1px solid #d8d8d8;
border-right:4px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
height:100px;
/*height:180px;*/
/* text-align:left;*/
font-size:14px;
float:left;
}
#bloque6 a{
color:#993366;
}
#bloque6 .resalte{
margin:0px 0px 0px 50px;
color:#008080;
font-size:12px;
}
#bloque6 .titular{font-size:18px;padding:10px 10px 0px 10px;}
#bloque6 .titular a:hover{color:#666666;text-decoration:underline;}
#bloque6 .titular a{color:#55a5c5;}
#bloque6 .titularp{font-size:12px;padding:0px 0px 0px 10px;}
#bloque6 p{font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#6b6854;}
#bloque6 p span.boldtext{font-weight:bold;}
#bloque7
{
margin:10px 0px 0px 0px;
width:250px;
color:#505050;
background:#f4f4f4 url(images/menubg.gif) bottom left repeat-x;
border-top:1px solid #d8d8d8;
border-right:4px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
height:100px;
/*height:180px;*/
/* text-align:left;*/
font-size:14px;
float:right;
}
#bloque7 a{
color:#993366;
}
#bloque7 .resalte{
margin:0px 0px 0px 10px;
color:#008080;
font-size:14px;
}
#bloque7 .titular{font-size:18px;padding:10px 10px 0px 10px;}
#bloque7 .titular a:hover{color:#666666;text-decoration:underline;}
#bloque7 .titular a{color:#55a5c5;}
#bloque7 .titularp{font-size:12px;padding:0px 0px 0px 10px;}
#bloque7 p{font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#6b6854;}
#bloque7 p span.boldtext{font-weight:bold;}
#mensajeVacia #centro a{
padding:0px 0px 0px 300px;;
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#6b6854;
font-weight:bold;}
.tipo{
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#55a5c5;
font-weight:bold;}
.tipo a:hover{color:#666666;text-decoration:underline;}
#espacio{height:20px;clear:both}
/*----/Right Panel----*/
/*----Footer Panel----*/
#footermainPan{background:url(images/footerbg.gif) 0 0 repeat-x #6B6854; color:#fff; position:relative; margin:0 auto; height:227px; clear:both;}
#footerPan{width:691px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul{width:546px; position:absolute; top:85px; left:42px;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background:#6B6854; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul.plantilla{width:190px; background:#6B6854; color:#fff; display:block; position:absolute; top:160px; left:240px; }
#footerPan ul.plantilla li{height:20px;}
#footerPan ul.plantilla li a{background:#6B6854; display:block; color:#fff; text-decoration:none; padding:0px;}
#footerPan ul.plantilla li a:hover{text-decoration:underline;}
#footerPan p.copyright{width:204px; background:#6B6854; color:#F3F1DF; position:absolute; top:105px; left:218px;}
#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:132px; left:240px;}
#footerPanhtml a{width:59px; height:18px; background:url(images/arrow2.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px; line-height:19px; padding:1px 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:url(images/arrow3.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;}
#footerPancss{width:64px; height:19px; display:block; position:absolute; top:132px; left:320px;}
#footerPancss a{width:49px; height:18px; background:url(images/arrow3.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px;line-height:19px; padding:1px 0 0 15px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPancss a:hover{background:url(images/arrow2.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;}
/*--------/RESTO PORTADAS Y PAGINAS LIBRES----------*/
#wrap #footer,#wrap .portal-utility{display:none}/*ocultar para que al colocarlo en su sitio por CSS no se vea el mov de la posicion inicial a la corregida por javascript*/
* html #leftside div.portal-menu ul ul,* html body.EPSV_AROGESTION_EPSV #leftside div.portal-menu ul ul{margin-left:expression((screen.width=='1280'?-6:-6)+'px') }
* html body.portada_publica #portal-login-div{position:absolute;margin-top:expression((screen.width=='1280'?3:2.7)+'em');left:expression((screen.width=='1280'?280:155)+'px');width:300px;}
body.portada_publica #portal-login-div{position:absolute;*margin-top:expression((screen.width=='1280'?-1.2:-1.5)+'em');*left:expression((screen.width=='1280'?282:155)+'px');width:300px;}
* html body.portada_publica #LangSelector{position:absolute;margin-top:expression((screen.width=='1280'?-5:-5)+'px');left:expression((screen.width=='1280'?840:715)+'px');}
body.portada_publica #LangSelector{position:absolute;*top:expression((screen.width=='1280'?246:245)+'px');*left:expression((screen.width=='1280'?845:715)+'px');}
* html #leftside div.portal-menu ul{text-align:left}
* html #leftside div.portal-menu ul,* html #leftside div.portal-menu ul ul, * html #leftside div#portal-login-info-div,* html #leftside div#portal-login-info-div form,* html #leftside div#portal-login-info-div .portal-login-button,* html #leftside div#portal-login-info-div .label,{z-index:5000;display:visible}
/**-----hack para IE 6 e IE7 resolucion 800*600 menu IE6-7 y area de contenido IE6-7**/
* html #leftside div.portal-menu ul li.menu-grp a,* html #leftside div.portal-menu ul ul li.menu-grp-selected a,* html #leftside div.portal-menu ul li.menu-srv a,* html #leftside div.portal-menu ul li.menu-grp ul ul li.menu-srv-selected a,* html #leftside div.portal-menu ul li.menu-grp ul ul li.menu-srv a{font-size:expression((screen.width=='800'?9.5:'')+'px');font-weight:expression((screen.width=='800'?'normal':''));}
#leftside div.portal-menu ul li.menu-grp a,#leftside div.portal-menu ul li.menu-grp-selected a,#leftside div.portal-menu ul li.menu-grp ul li.menu-grp a,#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-grp a,#leftside div.portal-menu ul ul li.menu-grp-selected a,#leftside div.portal-menu ul li.menu-srv a,#leftside div.portal-menu ul li.menu-grp ul ul li.menu-srv-selected a,#leftside div.portal-menu ul li.menu-grp ul ul li.menu-srv a,#leftside div.portal-menu ul li.menu-grp-selected ul li.menu-srv a,#leftside div.portal-menu ul ul li.menu-srv a{*font-size:expression((screen.width=='800'?9.5:'')+'px');*font-weight:expression((screen.width=='800'?'normal':''));}
#portal-login-info-div .label div.userName a,#LangSelector a{font-size:expression((screen.width=='800'?9:'')+'px');}
* html #portal-login-info-div{right:expression((screen.width=='800'?65:'')+'px');}
#portal-login-info-div{right:expression((screen.width=='800'?30:'')+'px');}
* html #leftside div.portal-menu {width:expression((screen.width=='800'?document.body.clientWidth-53:document.body.clientWidth-13) ) }
#content{*left:expression((screen.width=='800'?50:'')+'px')}
* html #content{left:expression((screen.width=='800'?-25:'')+'px')}
body{background-color:white;margin-top:0px;padding-top:0px}
/*form#fconsulta th{background: url(images/paper_top.gif) no-repeat;}
form#fconsulta table{background: url(images/paper_mid.gif) repeat-y;}*/
form#fconsulta table table{background:none}
form#fconsulta tr{margin-left:1em;}
form#fconsulta tr tr{margin-left:0em}
form#fconsulta #ftipo,form#fconsulta #departamento{height:80px;margin-bottom:expression('2em')}
* html form#fconsulta #ftipo,* html form#fconsulta #departamento{height:expression('95px');}
form#fconsulta {
margin: 0;
padding: 0 10px 10px 10px;
font-family:"Trebuchet MS", Helvetica, Verdana;
font-size: small;
width:750px;
}
/* Form Sections ======================================================================== */
/* Fieldset */
form#fconsulta fieldset {
margin: 10px 0;
margin-left:2em;
padding: 15px 10px 10px;
*padding:15px 5px 10px;
background-color:#fff;
background-image: url(images/fieldset-bg.jpg);
background-repeat:no-repeat;
background-position: bottom right;
border: 1px solid #f2f2f2;
overflow: auto;
width:75%;
}
form#fconsulta legend {
padding: 2px 5px;
text-transform: uppercase;
text-indent: 0;
background-color: #fff;
border: 2px solid #f2f2f2;
}
form#fconsulta legend:first-letter {
font-size: 120%;
}
/* Table Section */
form#fconsulta table {
border-collapse: collapse;
margin-left:2em;
}
form#fconsulta td {
padding: 0 4px;
}
form#fconsulta th {
padding: 0 4px;
}
/* Combo Label + Input Field =========================================================== */
form#fconsulta .oneField {
margin: 6px 0;
display: block;
vertical-align: middle;
}
/* Ties together a label and its checkbox or radio */
form#fconsulta .oneChoice {
white-space: nowrap;
}
/* Field Labels ======================================================================== */
/* Base */
form#fconsulta label{
color: #333;
margin: 0;
}
/* Text inputs / Select label */
form#fconsulta label.preField {
display: -moz-inline-box;
display: inline-block;
margin: 0.6em 4px 0 0;
padding: 0 1px;
min-width: 15em;
}
/* Inputs ======================================================================== */
form#fconsulta textarea {
padding: 0;
vertical-align: top;
margin: 2px 2px 1px 0;
}
form#fconsulta input {
}
form#fconsulta input[type=text], form#fconsulta input[type=password] {
border: 2px solid #e2e2e2;
}
/* Asterisk on required fields */
form#fconsulta .reqMark {
color: #F00;
padding: 0 4px;
}
/* Repeat caracteristicas de divs (cuando no hay un establecido un fieldset) */
form#fconsulta div.repeat {
border: 1px solid #ddd;
background-color: #FFFFFF;
padding-right: 6px;
background-image: none;
margin: 5px 20px 0 20px;
padding-bottom: 10px;
}
/* IE6 BUG FIXES ==================================================================== */
form#fconsulta {
height:expression('1%'); /* IE Pick-a-boo bug fix */
}
form#fconsulta fieldset {
position:expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
margin-top:expression('1em');
padding-top:expression('1.5em');
overflow: expression('visible');
}
/* Fixes IE problem with fieldset+legend boundaries */
form#fconsulta fieldset legend {
position: expression('absolute');
top: expression('-.5em');
left:expression('.5em');
}
form#fconsulta label {
font-size: expression('90%');
}
form#fconsulta label.preField{
width: expression('7em');
white-space: expression('nowrap');
}
form#fconsulta table th p{margin-top:expression('1em')}
form#fconsulta #departamento{margin-left:expression('0px');}
form#fconsulta fieldset#datos{margin-top:expression('3.5em');width:84%;*width:80%;}
* html form#fconsulta fieldset#datos{width:83%}
* html form#fconsulta #ftipo{width:60%}
@media print
{
#header {display:none;}
#content
{position:relative;
margin:0pt 10px 0px 0px; /* El último valor px controla el margen izquierdo */
width: 100%;max-width:100%; /* Ajustar el ancho a lo que se desee */
}
#leftside{display: none;}
#footer{display: none;}
}