/* 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;}
/* Main layout and header */
#wrap {background:#fff; color:#303030; margin:0 auto; padding:1px 5px; width:760px;position:relative;}
#header {position: relative;background:url(images/112_Prensa_Front_SyE.gif) no-repeat bottom left #fff; color:#505050; height:150px; margin:0 0 10px; padding:0;}
#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 .contentOptions{display: none;}
/*Para que en internet Explorer se vea correctamente con el fondo del header*/
#header div.headerContent #content-detail{float:left; width:75%;}
#logo_clickable {position:absolute; left:0px; top:0px; cursor: pointer; z-index:20;}
/* Left sidebar and menu */
#leftside {clear:left; float:left; margin:0; padding:0; width:150px; }
#leftside div.portal-menu ul {list-style:none; margin:0 0 18px; padding:0; width:150px;}
#leftside div.portal-menu ul li {display:inline; padding:0; width:150px;}
#leftside div.portal-menu ul li a {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; float:left; font-size:1em; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:138px;}
#leftside div.portal-menu ul li a:hover,
#leftside div.portal-menu ul li.selected a {background:url(images/menubg2.gif) repeat-x bottom left #eaeaea; border-bottom:1px solid #b0b0b0; border-left:4px solid #505050; border-right:1px solid #b0b0b0; border-top:1px solid #b0b0b0; color:#505050;}
#leftside div.portal-menu ul ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px 0; width:133px;}
#leftside div.portal-menu ul ul a {padding:3px 1px 3px 5px; width:123px;}
#leftside div.portal-menu ul ul ul {font-size:1em; width:120px;}
#leftside div.portal-menu ul ul ul a {width:108px;}
#leftside h2 {font-size:1.5em; font-weight:400;}
#leftside .announce {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; margin:10px 0; padding:5px 5px 5px; width:134px;}
#leftside p,.announce p {font-size:0.8em;}
#leftside .headerContent{}
#leftside .footerContent{}
#leftside .menuContent{}
#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 {float:left; width: 600px; line-height:1.5em; margin:10px 0px 10px 6px; padding:0; text-align:left;}
#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;}
/*Contenido variable para la zona de contenidos como en el header, footer, y menu*/
div.contentContent{float: left;}
div.contentContent .contentOptions {display: none;}
/* Footer */
#footer {background:#fff; border-top:2px solid #dadada; clear:both; color:gray; font-size:0.9em; margin:0 auto; padding:8px 0; text-align:center; width:760px;}
#footer p {margin:0; padding:0;}
#footer a {background:inherit; color:gray; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .contentOptions{display: none;}
/* Links and paragraphs */
a {background:inherit; color:#166090; text-decoration:none; font-weight:700;}
a:hover {background:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 16px;}
blockquote {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}
/* Tables and forms */
table { border-collapse:collapse; margin:0; padding:0;}
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:Verdana,Tahoma,Arial,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-info-div {position:relative;}
#portal-login-info-div .label {font-size:0.9em; width:80%; float:left; }
#portal-login-info-div .submit { position:relative; padding-top: 18px;padding-bottom:0px;}
#portal-login-info-div .portal-login-button{float:right; width:24px; height:24px;background:url(images/exit.gif) no-repeat;border:none; cursor: pointer;}
#portal-login-info-div .endBlock {clear:both;}
/*#portal-login-info-div .submit INPUT {font-size:0.9em;}*/
#portal-login-div {position:relative;}
#portal-login-div .user {position:relative;}
#portal-login-div .user .label {font-size:0.9em; width:40%; }
#portal-login-div .user INPUT {font-size:0.9em; right:0px; position:absolute;}
#portal-login-div .password {position:relative;clear:both;}
#portal-login-div .password .label {font-size:0.9em; width:40%; }
#portal-login-div .password INPUT {font-size:0.9em; right:0px; position:absolute;}
#portal-login-div .submit { position:relative; text-align: center; padding-top: 5px;clear:both;}
#portal-login-div .submit INPUT {font-size:0.9em;}
#portal-login-div .endBlock {clear:both;}
/* Componente: Miga de pan */
.portal-locator {position: absolute;left:20px;bottom:3px;}
.portal-locator a, .portal-locator a:hover {color: white;}
.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; }
/* Componente: fecha/hora*/
#datetime {position: absolute;right:0px;bottom:0px;font-weight:bold;color:white; margin:3px;}
/* Componente: Mapa del web */
#Webmap {position: absolute;left:0px;bottom:0px;}
#Webmap .label{display:none;}
/* Componente: Buscador global */
#GlobalSearcher {float: right; padding:4px;position: relative;}
#GlobalSearcher .searchLabel {display:none;}
#GlobalSearcher .searchIcon { VERTICAL-ALIGN: middle; }
/* Componente: Lang selector */
#LangSelector {float: right; padding:4px;position: relative;}
#LangSelector .selectedLngText { display: none; }
#LangSelector .selectableLngText { display: none; }
/* Componente: Toolbar */
#portal-toolbar {float: right; padding:4px; position: relative;}
/* Componente: Decorador de los portlets */
#content .portal-decorator-title {border-bottom:1px solid #d8d8d8; font-size:1.5em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0;}
/***********************************************/
/***********************************************/
/* 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;}
#content-detail {}
#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 { width: 100% }*/
#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 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: none; 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; }
.calendar #CategoryNavigationBox { /*FLOAT: none; WIDTH: 160px; */ display:none; 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{width:460px; margin:0; padding: 15px 0 5px 5px; border-bottom: 1px dashed #b0b0b0; }
#CategoryNavigationBox div.text-attrib{ padding-right:20px;background-image: url(images/ico_buscar.gif); background-position:right; background-repeat:no-repeat; }
#CategoryNavigationBox div.view-in-calendar-selector { float: right; width:110px; height:41px; margin-top:-52px; padding: 5px 0 5px 15px; border-bottom: 1px dashed #b0b0b0; }
#CategoryNavigationBox div.view-in-calendar-selector ul { margin:0px; padding: 5px 0 0 1px;}
#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; background:#fff;vertical-align: middle;}
/* Resultados de búsqueda */
#portal-search-results ul {list-style-image: url(images/locator-sep.gif);}
/***********************************************/
/***********************************************/
/* OTROS */
/***********************************************/
/* Estilos para la HOME */
#centro {WIDTH: 455px; }
#sidebar {border:0px; PADDING: 0px; FLOAT: right; MARGIN-LEFT: 2px; WIDTH: 140px; }
#sidebar .widget {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; padding:5px 5px 5px;margin-bottom:5px;}
#sidebar p,.widget p {font-size:0.9em; margin: 1px;}
/***********************************************/
/***********************************************/
/* 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
}
/***********************************************/
.EvenRow{
text-align: left;
}
.OddRow{
text-align: left;
}
div{border: 1px;}
/*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;}
.text-attrib { display: inline; }
.list-attrib { display: inline; }
.boolean-attrib { display: inline; }