/* Paginacion y listas */

/*

	Tab = con tabuladores
	Lista = Paginas secundarias y demas, lista de elementos
	Texto = Titulo + texto de carrerilla
	Doble = Con doble raya en el titulo + raya al final
	Rayas = Como Texto pero con un gif al final de unas rayas

*/

section, #section {
	float: left;
}

.box {
	width: 100%;
	font: 12px Arial;
}

.pagination {
	text-align: right;
}

/* Contenedor total */
.box-Doble {
	border-bottom: 1px solid #005d8c;
}

.box-Tab .boxbody, .box-Lista .boxbody {
	border-top: 2px solid #5292c5 !important;
	border-bottom: 2px solid #5292c5 !important;
}

.box-Doble .boxbody {
	height: auto;
}

.box-Texto .boxbody {
	border-style: none;
}

/* Contenedor de la lista */

.box-Tab #list_center_pages,
.box-Lista #list_center_pages {
	border-top: 2px solid #b0d3e9;
	border-bottom: 2px solid #b0d3e9;
	border-left: 1px solid #b0d3e9;
	border-right: 1px solid #b0d3e9;
	height: 500px;
	overflow: auto;
}

.box-Texto #list_center_pages, .box-Rayas #list_center_pages {
	border-style: none;
}

#leftandcentercontainer #list_center_pages {
	width: auto;
}

#leftandcentercontainer #grupotabs #list_center_pages {
	height: 160px;
}

#grupotabs #list_center_pages p {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

/* Contenedor elementos lista */
#grupotabs .boxbody_listentry {
	width: calc(100%-10px);
}

/* Contenedor de la paginacion */

#grupotabs #pagination { /*.pagination {*/
	/*min-width: 679px;
	max-width: 757px;*/
	min-width: 61px;
	max-width: 510px;
	height: 20px;
	padding: 3px;
	background-color: #eaf6fd;
	font: 12px Arial;
	margin: 0px;
}

section #centercontainer #pagination, #section #centercontainer #pagination { /*.pagination {*/
	/*min-width: 520px;*/
	min-width: 61px;
	height: 20px;
	padding: 3px;
	background-color: #eaf6fd;
	font: 12px Arial;
	margin: 0px;
}

#centerandrightcontainer #pagination {/* .pagination {*/
	height: 20px;
	padding: 3px;
	background-color: #eaf6fd;
	font: 12px Arial;
	margin: 0px;
}

#grupotabs #pagination > div.pagination, section #centercontainer #pagination > div.pagination, #section #centercontainer #pagination > div.pagination, #centerandrightcontainer #pagination > div.pagination {
	float: right;
	font: Arial;
	min-width: 200px;
	max-width: 600px;
	width: calc(100%-600px);
}

#grupotabs .pagination a {
    text-decoration: none;
	color: #005078;
}

#grupotabs .pagination a, #grupotabs .pagination span, section  #centercontainer .pagination a, section #centercontainer .pagination span, #section  #centercontainer .pagination a, #section #centercontainer .pagination span, #centerandrightcontainer .pagination a, #centerandrightcontainer .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 3px;
	margin-bottom: 5px;
	min-width: 1em;
	text-align: center;
	/*padding-left: 15px;
	padding-right: 15px;*/
}

#grupotabs .pagination .current, .boxbody .pagination .current {
	background: #fff;
	color: #005078;
	border-radius: 3px;
}

#grupotabs .pagination .current.prev, #grupotabs .pagination .current.next, #grupotabs .pagination .prev, #grupotabs .pagination .next, .boxbody .pagination .current.prev, .boxbody .pagination .current.next, .boxbody .pagination .prev, .boxbody .pagination .next {
	border-style: none;
	background-color: #fff;
	padding: 2px 3px;
	
}

#grupotabs .pagination .current.prev, #grupotabs .pagination .prev, .boxbody .pagination .current.prev, .boxbody .pagination .prev  {
	background: #fff url(previous.png) no-repeat left center;
	padding-left: 15px;
	border-radius: 3px;
}

#grupotabs .pagination .current.next, #grupotabs .pagination .next, .boxbody .pagination .current.next, .boxbody .pagination .next {
	background: #fff url(next.png) no-repeat right center;
	padding-right: 15px;
	border-radius: 3px;
}

#centerandrightcontainer .pagination .current.next, #centerandrightcontainer .pagination .next, span.next {
	padding-right: 15px;
}

#grupotabs .pagination a.prev, #grupotabs .pagination a.next , .boxbody .pagination a.prev, .boxbody .pagination a.next {
	color: #005078;
}

.pagination .prev:before, .pagination .next:after {
	content: '';
	padding-left: 10px;
}

/* Mas informacion */

#grupotabs .masinfo, #centercontainer .masinfo {
	float: left;
	font: 10px Arial;
	background-color: #fff;
	border-radius: 3px;
	padding: 3px;
	margin-left: 10px;
	margin-top: -22px;
	width: 100px;
}

#centercontainer .box-Texto .masinfo, #leftandcentercontainer .box-Texto .masinfo {
	float: right;
	margin: 0;
	margin-top: -22px;
	margin-bottom: 2px;
	font: 10px Arial;
	padding: 2px;
	background-color: #eaf6fd;
	width: auto;
	border-radius: 0px;
}

/* Listas de noticias y similar */

.box- {
	/*width: 685px;*/
	width: 100%;
	margin-bottom: 5px;
	padding: 0;
	margin-top: 10px;
}

.box- .titulo_pag, .box-Texto .titulo_pag, .box-Rayas .titulo_pag {
	color: #005078;
	font: bold 14px Arial;
	background-color: #eaf6fd;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 5px;
}

.box-Texto .titulo_pag {
	border-bottom: 1px solid #a5aeb4 !important;
	background-image: none;
}

.box-Lista .titulo_pag, .box-Tab .titulo_pag {
	color: #4780ad;
	font: bold 16px Helvetica, Arial;
	background-color: white;	
	text-align: left;
	text-transform: uppercase;
	letter-spacing: -0.1em;
}

.box-Rayas .titulo_pag {
	background: url(fondo_rayas.png) no-repeat 100% 0;
}

.box-Doble .titulo_pag {
	color: #005d8c;
	font: bold 12px Arial;
	background-color: white;
	text-align: right;
	text-transform: uppercase;
	border-top: 3px double #005d8c;
	border-bottom: 1px solid #005d8c;
	border-left: 1px solid #005d8c;
	border-right: 1px solid #005d8c;
	padding-right: 8px;
	padding-left: 4px;
}


/* Redefinimos para interiores */
#centercontainer > .box-Tab, #centercontainer > .box-Lista, #centercontainer > .box-Texto, #centercontainer > .box-Rayas, #rightcontainer > .box-Doble {
	width: 100%;
	margin-top: 5px;
}

.box-Tab p, .box-Lista p, .box-Texto p {
	/*font: 12px Arial;*/
	font: 14px Arial;
	color: #005078;
	margin: 0;
	margin-right: 4px;
	margin-top: 2px;
	margin-left: 4px;
}

.box-Tab .fecha, .box-Lista .fecha, .box-Texto .fecha {
	font-size: .85em;
    background: #f1f1f1;
    padding: 2px 5px;
}

.box-Tab .texto, .box-Lista .texto, .box-Texto .texto {
	color: #982085;
	/*margin-top: -10px;*/
}

/* Cambio del table para la lista de noticias */

.box-Tab table, .box-Lista table, .box-Texto table {
	width: 100%;
	text-align: left;
	font: 12px Arial;
}

#noticias p {
	font: 12px Arial;
	color: #005078;
	margin-right: 4px;
	margin-top: 2px;
	margin-left: 4px;
}

#noticias p>.fecha {
	font-size: 10px;
}

#noticias p>.texto {
	color: #982085;
	margin-top: -10px;
}


/*Contenido tab reset*/
#grupotabs .box-Tab, #grupotabs .box-Lista, #grupotabs .box-Texto {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}

/* Tablas internas */
#grupotabs .box-Tab table, #grupotabs .box-Lista table, #grupotabs .box-Texto table {
	width: 100%;
	font: 12px Arial;
	margin-top: 4px;
	margin-bottom: 4px;
}

#grupotabs .box-Tab table td.titulo, #grupotabs .box-Lista table td.titulo, #grupotabs .box-Texto table td.titulo,
section #centercontainer .box-Tab table td.titulo, section #centercontainer .box-Lista table td.titulo, section #centercontainer .box-Texto table td.titulo,
#centerandrightcontainer .box-Tab .table td.titulo, #centerandrightcontainer .box-Lista .table td.titulo, #centerandrightcontainer .box-Texto .table td.titulo {
	/*width: 50%;*/
	min-width: 87px;
	max-width: 440px;
}

.box-Texto table td.titulo, .box-Lista table td.titulo, .box-Tab table td.titulo {
	min-width: 87px;
	max-width: 440px;
	border-bottom: 1px dotted #ececec;
}

#grupotabs .box-Tab table td.plazo, #grupotabs .box-Lista table td.plazo, #grupotabs .box-Texto table td.plazo,
#centercontainer .box-Tab table td.plazo, section #centercontainer .box-Lista table td.plazo, #centercontainer .box-Texto table td.plazo,
#centerandrightcontainer .box-Tab .table td.plazo, #centerandrightcontainer .box-Lista .table td.plazo, #centerandrightcontainer .box-Texto .table td.plazo {
	width: 80px;
	text-align: center;
}

.box-Texto table td.plazo, .box-Lista table td.plazo, .box-Tab table td.plazo {
	width: 80px;
	text-align: center;
	border-bottom: 1px dotted #ececec;
}

#grupotabs .box-Tab table td.fechas, #grupotabs .box-Lista table td.fechas, #grupotabs .box-Texto table td.fechas, 
#centercontainer .box-Tab table td.fechas, #centercontainer .box-Lista table td.fechas, #centercontainer .box-Texto table td.fechas,
#centerandrightcontainer .box-Tab .table td.fechas, #centerandrightcontainer .box-Lista .table td.fechas, #centerandrightcontainer .box-Texto .table td.fechas {
	width: 200px;
	text-align: right;
}

.box-Texto table td.fechas, .box-Lista table td.fechas, .box-Tab table td.fechas {
	width: 90px;
	text-align: right;
	border-bottom: 1px dotted #ececec;
}

table td.fechas .fecha {
	color: #005d8c;
	font: 12px Arial;
}

#grupotabs .box-Tab table .enplazo, #grupotabs .box-Lista table .enplazo, #grupotabs .box-Texto table .enplazo, 
#centercontainer .box-Tab table .enplazo, section #centercontainer .box-Lista table .enplazo, #centercontainer .box-Texto table .enplazo,
#centerandrightcontainer .box-Tab .table .enplazo, #centerandrightcontainer .box-Lista .table .enplazo, #centerandrightcontainer .box-Texto .table .enplazo {
	font-weight: bold;
}

#grupotabs .box-Tab table .finalizado, #grupotabs .box-Lista table .finalizado, #grupotabs .box-Texto table .finalizado,
#centercontainer .box-Tab table .finalizado, #centercontainer .box-Lista table .finalizado, #centercontainer .box-Texto table .finalizado,
#centerandrightcontainer .box-Tab .table .finalizado, #centerandrightcontainer .box-Lista .table .finalizado, #centerandrightcontainer .box-Texto .table .finalizado {
	color: #ad0a54;
}

#grupotabs .box-Tab table .enproceso, #centerandrightcontainer .box-Lista .table .finalizado, #centerandrightcontainer .box-Texto .table .finalizado
section #centercontainer .box-Tab table .enproceso, section #centercontainer .box-Lista table .enproceso, section #centercontainer .box-Texto table .enproceso, 
#centerandrightcontainer .box-Tab .table .enproceso, section #centercontainer .box-Lista table .enproceso, section #centercontainer .box-Texto table .enproceso {
	color: #005d8c;
}

/* Hover para el cursor cuando estas encima de todas */
.box-Tab table tr:hover, .box-Lista table tr:hover, .box-Texto table tr:hover {
	background-color: #f0f0f0;
}

#leftandcentercontainer .box-Texto tr:hover {
	background-color: white;
}

#leftandcentercontainer .box-Texto table a:hover {
	text-decoration: underline;
}

/* Reseteo para portada */
#leftandcentercontainer .box-Texto table td {
	border: none;
}

/* Separador */
.separador_tabla {
	margin-left: 150px;
	width: 300px;
	height: 20px;
	color: #ad0a54;
	font: 9px Arial;
}

/* Fechas */
.abierto {
	background-color: #65b22b !important;
	color: #fff !important;
	display: inline-block;
}

.cerrado {
	background-color: #ff0027 !important;
	color: #eceaed !important;
	display: inline-block;
}

.proceso, .breve {
	background-color: #ffa704 !important;
	color: #fff !important;
	display: inline-block;
}

/* Loading */
.cargando {
	position: relative;
	z-index: 100;
	top: 0;
	left: 0;
	background-color: #ededed;
}

.cargando .cargando {
	position: absolute;
	top: 40%;
	left: 50%;
	font: 18px Arial, Helvetica;
	color: #005078;
	padding: 25px 10px;
	width: 245px;
	height: 20px;
	visibility: hidden;
	background: #ededed url(/opencms/system/modules/es.uva.web.portal.opencms.tipos/resources/img/loading.gif) 1px 2px no-repeat;
	border: 1px solid #a5a5a5;
}