/* 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/back_01.jpg) repeat-x scroll bottom left #ffffff; color:#3a3a3a; margin:0 auto; padding:0; font:76% Verdana,Tahoma,Arial,sans-serif;	font-size: 11px;font-style: normal;font-variant: inherit;text-decoration: none;text-transform: none;width:auto;}
/*iframe
{
   height:800px;
}*/

/* Main layout and header */
#wrap {background:url(images/bg2.gif) repeat-y top center #fff; color:#303030; margin:0px auto; padding: 0px 0px 0px 0px; width:976px;position:relative; }
#header {float:left; background: transparent; margin: 56px 0px 0px 8px; height:129px; z-index:1; width:950px; position:relative; }
.HOME #header {float:left; background: transparent; margin: 56px 0px 0px 8px; height:237px; z-index:1; width:950px; position: relative; }
.HOME #header .imgpequenya {
	display: none;
}
.HOME #header .imggrande {
	display: block;
}
#header .imgpequenya {
	display: block;
}
#header .imggrande {
	display: none;
}
#header h1 {font-size:2.5em; font-weight:400; letter-spacing:-2px; margin:0 0 4px 0px; 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 0px 5px; padding:0 0 0 3px;}
#logo_clickable {top:5px; left:0px; cursor: pointer; z-index:20; }
#header .contentOptions{display: none;}
/*Para que en internet Explorer se vea correctamente con el fondo del header */
#header div.headerContent #content-detail{float: inherit; width:65%;}


/* Left sidebar and menu*/
#leftside {float: left; clear: left;  margin: 0px 0px 0px 12px; width:200px; position:relative;}

#leftside div.portal-menu ul {list-style:none; clear:left; float:left; margin: 9px 0px 20px 0px; padding:0;    }
#leftside div.portal-menu ul li {display: inline; padding:0; margin-top:0px; width:157px; }
/*la linea de grupo*/
#leftside div.portal-menu ul li a {float:left;text-align:left;   color: #696969; font-size:1.0em; font-weight:500; margin-bottom:0px; padding: 20px 0px 1px 45px; text-decoration:none; width: 157px; height: 20px; list-style-image: url(images/simple_point.gif);background-image: url(images/fondoGrupo.jpg);  background-repeat: no-repeat;  background-position: left top;  background-color: #E3E3E3; }
#leftside div.portal-menu ul ul {text-align:left; margin-top:0px;  width:200px; left: 0px;   border: 1px solid #DCDCDC; }
#leftside div.portal-menu ul ul li {clear: both; list-style-image: url(images/simple_point.gif);}
#leftside div.portal-menu ul ul a {background: #ffffff; margin: 0px 0px 0px 2px; color:#696969;  font-size:0.9em; font-weight:500; margin-bottom:0px; padding: 6px 0px 2px 15px; text-decoration:none; width:155px; height: 12px; background-image: url(images/simple_point.gif);  background-repeat: no-repeat;  background-position: 0%;  background-color: transparent;   }
#leftside div.portal-menu ul ul a:hover{cursor: pointer;
 background: #ffffff; margin: 0px 0px 0px 2px; color:#b5ba05;  font-size:0.9em; font-weight:500; margin-bottom:0px; padding: 6px 0px 2px 15px; text-decoration: underline; width:155px; height: 12px; background-image: url(images/simple_point.gif);  background-repeat: no-repeat;  background-position: 0%;  background-color: transparent;   }
#leftside div.portal-menu ul ul ul {font-size:0.9em; margin: 0px 0px 0px 2px; width: 200px;}
#leftside div.portal-menu ul ul ul a { background: #FFEFD5;font-size:0.9em;margin: 0px 0px 0px 2px; border-bottom:1px solid white; border-left:1px solid white; border-right:1px solid white; border-top:1px solid white;  width: 153px;}
#leftside h2 {font-size:1.5em; font-weight:400;}
#leftside .contentOptions{display: none;}
#leftside div.portal-menu{
	margin: 0px 0pt 0px 0px;
}
.menu-grp a:hover{
	cursor: text;
}
/*.HOME #leftside .announce {display: block;position:relative;left:1px;background:#EAF4FD; border-bottom:0px solid #d8d8d8; border-left:0px solid #ccc; border-right:0px solid #d8d8d8; border-top:0px solid #d8d8d8;  color:#505050; line-height:1.3em; margin:0px 0px; padding: 3px 3px 3px 3px; width:149px; }*/
/*#leftside .announce {float: left;  display: inherit; left:1px; margin: 1px 0px 0px; background:#EAF4FD; border-bottom:0px solid #d8d8d8; border-left:0px solid #ccc; border-right:0px solid #d8d8d8; border-top:0px solid #d8d8d8;  color:#505050; line-height:1.3em; padding: 3px 10px 3px 5px; width:140px;}*/
#leftside .announce { position: absolute; top :-185px; left:-12px; width:976px;height:56px; background: white url(images/fondoLogin1.jpg) no-repeat top center;}
.HOME #leftside .announce { position: absolute; top :-293px; left:-12px; width:976px;height:56px; background: white url(images/fondoLogin1.jpg) no-repeat top center;}
#leftside p,.announce p { font-weight: bold; font-size: 0.8em; color: black; }
#leftside .headerContent{}
/*.HOME #leftside .menuContent{display: block; position:relative; left:1px; margin: 108px 0px 0px 0px;  width:155px; background: #EAF4FD;}*/
#leftside .menuContent{float: left; display: inherit; margin: 2px 0px 0px 2px; width:160px;  background: #e3e3e3; border: 5px Black;}

/* 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: 70%; line-height:1.5em; margin:0pt 0pt 0pt 10pt; padding-top :5pt; text-align:left; }
/*.HOME #content {float: left; display: block; width: 630px; line-height:1.5em; margin:50px 0px 0px 10px; padding:0; text-align:left;}
/*._CONTROL_PANEL #content {float:left; width: 700pt; line-height:1.5em; margin:10px 0px 0px 5pt; padding:0; text-align:left; display: inline;}*/
#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;}
.portada #content .portal-decorator-title{display:none}
#content .portal-decorator-title{
	width:100%; background-color: #b6ba05; height: 20px; text-transform: uppercase; color:#ffffff; font-size:16px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}
/*Contenido variable para la zona de contenidos como en el header, footer, y menu */
div.contentContent{width:150px; margin-top: 50px; display: none; } 
.HOME div.contentContent{ float: right; width:150px; margin-top: 50px; display: inline; background: white;  } 
div.contentContent .contentOptions {display: none;}

/* Footer */
#footer {float: left; clear:both; color: Black; font-size:0.9em; margin: auto; padding: 10px 0; width:976px; BACKGROUND: #E3E3E3 url(images/bottom_border.jpg) repeat-x right top;  position: relative;}
#footer div.footerContent {margin-left:10px; margin-right:10px;}
#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: #0082FF; text-decoration:none; font-weight:550;}
a:hover {background:inherit;  text-decoration: none;}
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;}

/***********************************************/
/* Utilidades																	 */
/***********************************************/
/*.portal-utility {position: absolute; top:110; left: 185px;padding:0px 5px 2px 5px; width: 620px; text-decoration: none;  background-color: #999999;  height: 23px;  }*/
.portal-utility-item {display:none; right:0px; margin-top: 55px; padding: 3px 0px 2px 3px; height: 15px;  } 
.portal-utility-item-name a{ color: black;  clear: none; text-decoration: none; }
.portal-utility-item-name a:hover{ color: black; clear: none; text-decoration: none;}
.portal-utility-item-name a:visited{ color: black; clear: none; text-decoration: none;}
.portal-utility-item-selected {float: left; padding: 3px 0px 2px 3px;  border-left:1px solid;border-left-color: white; height: 15px;} 
.portal-utility-item-selected-name a:hover{	color: black; text-decoration: none;} 
.portal-utility-item-selected-name a:visited{ color: black; text-decoration: none;} 
.portal-utility-item-selected-name a{ color: black;  clear: none; text-decoration: none;}


/***********************************************/
/* COMPONENTES DE LA INTERFAZ */
/***********************************************/
/* Componente: Login de portal */
#portal-login-info-div{ position:relative; left: 20px; top:15px}
#portal-login-info-div .label {font-size:0.9em; width:80%; float:right; color:black; }
#portal-login-info-div .userText{ display:none; width:10%;  }
#portal-login-info-div .userName{  top: 0px; right: 40px; padding-top: 3px; padding-left: 10px; padding-right:2px; position: relative;}
#portal-login-info-div .userName a{ right: 40px; padding-top: 1px; padding-left: 10px; padding-right:2px; position: relative; color: Black;}
#portal-login-info-div .changePass{display: none;}
#portal-login-info-div .submit {  position:relative; left:350px; width:80px; top:0px;}
#portal-login-info-div .portal-login-button{ height: 20px; width: 80px; background:url(images/salida.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-certificado-img{display:block; position:absolute;    top:15px; left: 190px;  
}

#portal-login-div {  position:relative; height: 15px;  left:200px; width:90px; top:18px }
#portal-login-div .user .label {  color: Black;text-decoration:none;font-size:0.9em;top:1px; left: 45px; position:absolute;  }
#portal-login-div .user INPUT {font-size: 1.0em; width:75px; position:absolute;  left:90px; }
#portal-login-div .password .label {color: Black;text-decoration:none;font-size:0.9em; position:absolute; top:1px; left: 175px;}
#portal-login-div .password INPUT {font-size:1.0em; width:75px; position:absolute; left: 210px;}
#portal-login-div .submit INPUT { width:100px;  font-size:0.9em;position:relative; background: #d8e307; color: #000000; left:295px;}
#portal-login-div .endBlock {clear:both;}

/* Componente: Miga de pan */
/* .portal-locator {position: absolute;left:25px;top:85px;}*/
.portal-locator {position: absolute; top:115px; left: 5px;  display: none;}
.portal-locator a, .portal-locator a:hover {color: Black;font-weight:bold;text-decoration:none;}
.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:10px; top:-25px; font-size:10px;font-size:70%;font-weight:normal;color:black; margin:4px;}

/* Componente: Mapa del web */
/*#Webmap {position: absolute;left:5px;top:85px;}*/
#Webmap {position:absolute;left:0px; top:81px; width:90px; height: 25px; padding: 5px 0px 0px 3px; text-decoration:none; display: none;}
#Webmap .icon { VERTICAL-ALIGN: middle;}
#Webmap .label{color:black; font-weight:normal;}

/* Componente: Buscador global */
#GlobalSearcher {position: absolute; top:81px; width:50px; height: 25px; left:90px; padding: 5px 0px 0px 5px; display:none; }
#GlobalSearcher .searchLabel { color: black;}
#GlobalSearcher .searchIcon { display: inherit; VERTICAL-ALIGN: middle; }

/* Componente: Lang selector */
#LangSelector {position:absolute; right:1px; top:81px; height: 25px;  text-decoration:none; padding: 5px 5px 0px 0px; display: none }
#LangSelector .selectedLngText { display: none; }
#LangSelector .selectableLngText { display: none; font-weight:normal; }
#LangSelector .selectableLngFlag { display: inherit; VERTICAL-ALIGN: middle;}
#LangSelector .selectedLngFlag {	display: inherit; VERTICAL-ALIGN: middle; }

/* Componente: Toolbar */
#portal-toolbar { position:absolute; right:10px; top:-55px; height: 25px; text-decoration:none; padding: 3px 5px 0px 0px; }

/* Componente: Decorador de los portlets */
/*#content .portal-decorator-title {border-bottom:1px solid #d8d8d8; font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0;}*/
/*#content .portal-decorator-title {display:none};*/
/***********************************************/



/***********************************************/
/* MODOS DE VISUALIZACI�N DE CATEGOR�AS */
/***********************************************/
/*   Modo de visualizaci�n: �ndice y actual */
#category.index ul {margin:0 5px 0 0;background: #ebeec3; }
#category.index ul li {border-bottom:1px dashed #b0b0b0; margin:0 0 3px 0;background: #ebeec3;}
#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 table{ margin: 3px; border: 1px solid #CFCFCF; border-collapse:collapse; }
#category .year-calendar table th{ font-size: 13px;  background-color: #ebeec3; padding: 3px 3px;  text-align: center;  }
#category .year-calendar table td{  font-size: 11px;  background-color: #FFFFFF; padding: 0 2px 0 2px; border: 1px solid #DCDCDC;  text-align: center;  }
#category .year-calendar a.dayWithContents,a:hover.dayWithContents,a:link.dayWithContents, a:visited.dayWithContents{ color: #0082FF; font-weight: normal;  text-decoration:none; }
#category .year-calendar div.float-layer  {float: left; clear: left; font-size: 15px;  background-color: #f4f4f4; border: 1px solid; border-color: #F6F9FF #525363 #525363 #F6F9FF; }
#category .year-calendar div.float-layer p {  background: #abc16e; 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); background: #ebeec3;}

/*   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;  font-size:0.8em; line-height:1em; margin: 3px 0px 0px 0px; padding: 3px; border-top: 1px solid #b0b0b0; border-bottom: 1px solid #b0b0b0;  background-color: #ebeec3;  }
#CategoryNavigationBox select { font-size:1em; }
#CategoryNavigationBox div { margin: 3px 0px 3px 0px; }
#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.text-attrib{ background: url(images/ico_buscar.gif) no-repeat; background-position: right;}
#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: 200px; 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 { 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
}
/***********************************************/