 
/* 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(/www/images/nuevo/bg.gif) repeat-y top center #e5e5e5;
	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(imagesCMG/front.jpg) no-repeat bottom right #fff;*/
	color:#505050;
	height:70px;
	margin:0 0 10px;
	padding: 0;
}
	
	
/*td {font-size:76%;}*/

	/* H1 LOGO */
	
	
h1	{
	margin:0;
        line-height: 1.1em;
}

h3{
	font-size:1.4em;
	letter-spacing:1px;
	border-bottom:1px solid #eee;
	color:#666;
	margin:.4em 0 .1em;
}



h5{
}
h6{
}


/************************************** Formulario para nuevo evento **********************************************************************/
#inicio select.hora {
	width:45px;
	float:left;
}
#inicio label{float:left; width:150px;}
#inicio label.corta{ width:60px;}
#inicio select {width:200px }
#inicio select.multiple {height:100px }

#filtro label{float:none; width:100px; font-size:0.8em;}
#filtro label.corta{ width:60px;  font-size:0.8em;}
#filtro select {width:150px;  font-size:0.8em;}
#filtro input {width:150px;  font-size:0.8em;}
#filtro input.fecha {width:100px; font-size:0.8em; }



/* *********************************** Reserva de salas ****************************************************************************** */
.reservas {list-style: none;   width: 1000px; padding: 4px !important; margin-right: 10px;background-color:#EEE}
.reservas .centro {list-style: none;  border: 1px solid #aaa; width: 100%; padding: 4px !important; margin-right: 10px;background-color:#EEE;min-height:100px;}
.reservas .centro .sala{list-style: none;  width: 98%; padding: 4px !important; margin-right: 10px;background-color:white}
.reservas .sala .cabecera{height:30px;background:#178462;width:100%}

.reservas .sala .capa_sala{display:none; }
.reservas .sala .dni {display: none;position:relative; left:600px;float:none; height: 50px; width: 300px;border: 1px solid #aaa;background-color:#b7b5b3}
.reservas .sala .dni label {height: 20px; width:80px}
.reservas .sala .alumno {display:none;position:relative;left:500px; float:none;  width: 500px; visibility: visible;border: 1px solid #aaa;background-color:#b7b5b3}
.reservas .sala .alumno label {height: 20px; width:80px}
.reservas .sala .alumno a {float:right; font-weight:bold;  color:black;  }
.reservas .sala .dni a {float:right; font-weight:bold; color:black; }
#inicio .reservas select {width:80px;}

.reservas th {width:200px;background:#CCC}
.reservas td {border-bottom:1px solid #aaa; font-size:0.8em;text-align:center;}
.reservas th.id {width:20px;}
.reservas th.nombre {width:80px;}
.reservas th.apellidos {width:120px;color:#000000;}
.reservas th.apellidos_ordenado {width:120px}
.reservas th.apellidos_ordenado a {color:black;text-decoration:none;}
.reservas th.dni_th {width:50px;}
.reservas th.telefono {width:50px;}
.reservas th.fecha {width:100px;}
.reservas th.fecha_ordenado {width:100px}
.reservas th.fecha_ordenado a {color:black;text-decoration:none;}
.reservas th.estado {width:50px;}
.reservas th.estado_ordenado {width:50px}
.reservas th.estado_ordenado a {color:black;text-decoration:none;}
.reservas th.acciones {width:80px;}
.reservas td select {width:90px;}
.reservas th a {color:#FA850F;text-decoration:none;}
.reservas th.ordenado a {color:black;text-decoration:none;}
.btn_reserva {position:relative; left:700px;float:none; top:-30px;width:150px}
.btn_ejecutar {position:relative; left:700px;float:none; top:10px;width:150px}


.reservas  a.boton	 {background-color:#b7b5b3;color:black;height: 20px; border: 1px solid black;padding:3px;}
	
/* **************************************************************************************************************************************** */
	a.boton	 {background-color:#b7b5b3;color:black;height: 20px; border: 1px solid black;padding:3px;}
	

.portal-locator-first-item a, .portal-locator-first-item a:hover {
	position:relative;
	left: 0px;
	top: -10px;
	display:block;
	text-indent:-9999px;
	background-image: url('/www/images/nuevo/cmg_peq.jpg');
	background-repeat: no-repeat;
	width: 154px;
	height: 60px;
}
	
/* FIN H1 LOGO */	
	
#header h1 {
	font-size:2.0em;
	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 0 0 10px;
	padding:0;
	width:150px;
}
	
#leftside div.portal-menu ul {
	list-style:none;
	margin:0 0 18px;
	padding:0;
}
	
#leftside div.portal-menu ul li {
	display:inline;
	padding:0;
	width:150px;
}
	
#leftside div.portal-menu ul li a {
	background: #fa850f;
	color:#fff;
	float:left;
	font-size:1em;
	font-weight: normal;
	/*margin: 5px 0 10px 0;*/
margin: 5px 0 8px 0;
	padding: 2px 1px 2px 5px;
	text-decoration:none;
	width:138px;
}
	
#leftside div.portal-menu ul li a:hover, #leftside div.portal-menu ul li.selected a {
	background: #178462;
}
	
#leftside div.portal-menu ul ul li {
	font-size: 1em;
	line-height: 1.2em;
}
	
#leftside div.portal-menu ul ul li a {
	color:#505050;
	width: 135px;
	margin-left: 0;
	padding-left: 15px;
}
	
#leftside div.portal-menu ul ul li a, #leftside div.portal-menu ul ul li a:hover {
	background: none;
}
	
#leftside div.portal-menu ul ul li a{
	background: url('/www/images/nuevo/icono_submenu.gif') no-repeat center left;
}
	
#leftside div.portal-menu ul ul li a:hover{
	background: url('/www/images/nuevo/icono_submenu_hover.gif') no-repeat center left;
}

#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 { 
	clear: left; 
	color: #FFF; 
	line-height: 1.3em; 
	margin: 10px 0; 
	padding: 3px 0; 
}
	
#leftside p,.announce p {
	font-size:0.8em;
}
	
#leftside .headerContent{}

#leftside .footerContent{}

#leftside .menuContent{
	position: absolute;
	top: 750px;
	left: 10px;
	width: 120px;
	
}

#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: 900px;
	line-height:1.5em;
	margin: 32px 0px 10px 70px;
	padding: 0;
	text-align:left;
	min-height: 830px;
}
	
	/* for Internet Explorer */
/*\*/
* html #content {
height: 830px;
}
/**/
	
#content h2,#contentwide h2 {color:white; font-size:1.4em; font-weight:400;  margin:8px 0 10px; padding:0; background-color:#178462; line-height:1.4em}


#content h2 a {color:white;}

#content h3, #contentwide h3 {
	font-size: 1.2em;
	margin: 6px 0;
	padding: 0;
	font-weight: bold;
}



	
#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 #178462;
	clear:both;
	color: #178462;
	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: #178462;
	text-decoration:none;
}
	
#footer a:hover {
	text-decoration:underline;
}

#footer .contentOptions{
	display: none;
}
	
/* Links and paragraphs */

a {
	background:inherit;
	color:#fa850f;
	text-decoration:none;
	font-weight:normal;
}
	
a:hover {
	background:inherit;
	color:#178462;
	text-decoration: none;
}
	
a img {border:0;}
p {margin:0 0 16px;}
blockquote {background:url(imagesCMG/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;
	font-size:100%;
	line-height:1.2em;
}
	

#content h3 a, #content h3 a:hover {
	color:#666;
	/*font-size: 1.2em;*/
	margin: 6px 0;
	padding: 0;
	font-weight: bold;
}

	
/* ************************************************************************************************
/* HE COMENTADO TODO LO REFERENTE A A LAS TABLAS EN CONTENT PORQUE NO ME CONVENCE EL EFECTO QUE HACÍA
	
#content table { 
	margin: 0 0 10px 0;
	border-bottom: 2px dotted #ccc;
}
/******************************************************************************************************/

	
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;}
textarea,select { width:200px; }
select.multiple{height:100px;}
label {margin:2px;float:left; width:150px;}
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(imagesCMG/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(/www/images/nuevo/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;}*/

.announce {
	position: absolute;
	top: -9px;
	left: 394px;
}

#portal-login-div {
	/*width: auto;*/
	width:265px;
}
	
#portal-login-div .user .label {
	font-size:0.9em; 
	float: left;
}

#portal-login-div .user INPUT {
	font-size:0.9em; 
	float: left;
	margin-top: 2px;
}

#portal-login-div .password {
	margin-left: 20px;
	float: left;
	margin-top: 2px;
}
	
#portal-login-div .password .label {
	font-size:0.9em; 
	float: left;
}
	
#portal-login-div .password INPUT {
	margin-left: 10px;
	font-size:0.9em;
	float: left;
}
	
#portal-login-div .submit INPUT {
	margin-top: 2px;
	color: #f4f4f4;
	display: block; 
	float: left; 
	width: 30px; 
	height: 14px;
	background: #f4f4f4 url("/www/images/nuevo/fondo-submit.gif") no-repeat center;	
	margin-left: 20px;
	font-size: 1px; 
	text-indent: -9999px;	
}

#portal-login-div .endBlock {
	clear:both;
}

/* Componente: Miga de pan */

.portal-locator {
	position: relative;
	left:20px;
	top:10px;
	//position: absolute; /* HACK IE */
}

.portal-locator a, .portal-locator a:hover {
	color: #fa850f;
}

.portal-locator DIV {
	float:left;
}

.portal-locator-item, .portal-locator-last-item { 
	margin: 153px 5px 0 0;
}

/* Componente: fecha/hora*/

#datetime {
	position: absolute;
	right: 0px;
	top: 60px;
	color: #fa850f; 
	margin: 3px;
}

#logout {
	position: absolute;
	right: 0px;
	top: 80px;
/*	color: #fa850f; */
	margin: 3px;
}

#titulo_pagina {
	position: absolute;
	right: 0px;
	top: 10px;
	color: #fa850f; 
	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;width:200px;}
#GlobalSearcher .searchLabel {display:none;}
#GlobalSearcher .searchIcon { VERTICAL-ALIGN: middle; }

/* Componente: Lang selector */
#LangSelector {float: right; padding:4px;position: relative;/*top:250px;*/}
/*#LangSelector .selectedLngText { display: none; }*/
#LangSelector .selectableLngText { display: none; }
#LangSelector .selectedLngFlag { display: none; }


/* Componente: Toolbar */
#portal-toolbar {float: right; padding:4px; position: relative;}

/* Componente: Decorador de los portlets */

#content .portal-decorator-title {
	border-bottom: 2px solid #178462;
	font-size: 1.3em;
	margin: 8px 0 10px;
	padding: 0 5px 0 0;
	text-align: right;
	color: #fa850f;
	font-weight:bold;
	/*text-transform: lowercase;*/
}
	
	
#destinatarios {
	float:left;
	width:400px;
	height: 600px;
	overflow: auto;
	}
	
#selector {
	float:left;
	width:500px;

}
/***********************************************/



/***********************************************/
/* 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 {
	/*position:relative;*/
}
#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(imagesCMG/menubg2.gif) repeat-x bottom left #eaeaea; color:#505050; padding:5px; text-align:left;}
#category.table table.datatable td {background:url(imagesCMG/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 ul {list-style-image: url(imagesCMG/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(imagesCMG/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(../../imagesCMG/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(imagesCMG/locator-sep.gif);}
/***********************************************/


/* Main layout and header */
#wrap {background:#fff; color:#303030; margin:0 auto; padding:1px 5px; width:1000px;position:relative;}
#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 h2 {font-size:1.5em; font-weight:400;}

#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;}


/* 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(imagesCMG/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(imagesCMG/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;}*/




/* Componente: fecha/hora*/

/* Componente: Mapa del web */
#Webmap {position: absolute;left:0px;bottom:0px;}
#Webmap .label{display:none;}

/* Componente: Buscador global */
#GlobalSearcher { padding:4px;position: absolute; top:150px;left:660px;}
#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;}



/***********************************************/
/* 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(../../imagesCMG/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(imagesCMG/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(imagesCMG/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;
}

/*estilos para el servicio de Auditoria de cambios*/

	
.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;}
