﻿/* ---------------------------------------------------------------------------------------------------------
Código version: x7
 
versiones:
- 13/12/2025: .tablacontenidoBrd, vxbotones31.png
- 29/10/2025: .imgMovil
- 12/02/2024: prensaImg
- 09/02/2024: lnkBlancoCookie
- 24/01/2024: mntImgContent2, mntImgTxt2, mntImgTxt3, mntTxtBck, mntTxtBck0, ...
- 09/01/2024: mntImgContent, mntImgImg, mntImgTxt
- 04/01/2024: flex-table, .montaTable0
- 15/06/2023: tablaGradiente, textSombra
- 04/03/2023: ficha
- 22/11/2022 09:03: vxPlegable
- 23/09/2022 13:34: media print
- 19/08/2022 11:25: cuadroDcha
- 10/08/2022 11:35: ajustes menores
- 09/08/2022 09:00: imgPrensa responsive
- 05/08/2022 09:30: ajustes responsive: body, columnaDerecha, cabPagina
- 02/07/2021 08:37 plegableGrande: line-height:.6em (actividades culturales)
- 09/12/2020: paso de body font pasa del 72% al 100% y el ancho se ajusta al 96% de la pantalla
autor: Ayuntamiento de Granada
------------------------------------------------------------------------------------------------------------ */
html{height:100%}
body {background-color: #dff;font-family: Arial, helvetica, sans-serif;font-size: 100%;margin:0;width:100%;height:100%;}
a:link{color: #06c;text-decoration: none;}
a:visited{color: #37c;}
a:hover,a:active{color: #007eff;text-decoration: none;}
img{border: none;}
ul{margin-bottom:0;}
/* ---------------------- noscript -----------------------------------------*/
.nsFijoTop{top: 0;display: inline-table;position: fixed;width: 96%;z-index: 1000;}
.nsSepara{height:6em;clear:both;display:block;}
.nsMenu{padding:5px 35px 5px 5px;margin-right:-5px;}
a.nsMenu:link,a.nsMenu:visited,a.nsMenu:active{color:#fff}
a.nsMenu:hover{color:#009ee0}
.nsMenu img{height:20px;margin:10px;vertical-align:middle;}
.nsAyto{font-size:.6em;padding-right:10px}
.nsSede{font-size:12px;float:left}
.nsMenuDiv{background-color:#000;margin:0;padding:0; font-size:1.1em;font-weight:bold;}
.nsMenuLocalDiv{background-color:#999;text-align:center;margin:0;font-size:1em;color:#fff;font-weight:bold;font-family: Arial,helvetica,sans-serif;}
.nsMenuLocal{padding:0 17px;line-height: 200%;display:inline-block;}
a.nsMenuLocal:link,a.nsMenuLocal:visited,a.nsMenuLocal:active{color:#fff}
a.nsMenuLocal:hover{color:#600;background-color:#ffc;}

.nsMenuLocalDivSd{background-color:#999;text-align:center;margin:0;font-size:1em;}
.nsMenuDivSd{background-color:#36a;color:#fff;margin:0;padding:5px; font-size:1em; font-weight:bold;font-family: Arial,helvetica,sans-serif;}
.nsMenuDivSd img { height: 20px; margin: -4px 10px 0 0; vertical-align: middle;}
.nsMenuSd{padding:5px 14px;margin-right:-5px; }
a.nsMenuSd:link,a.nsMenuSd:visited,a.nsMenuSd:active{color:#fff}
a.nsMenuSd:hover{color:#ff3;background-color:#300;}
.nsMenuSd img{height:20px;margin:10px;vertical-align:middle;margin:2px 7px;}

/* ---------------------- menuChico -------------------------------------------*/
.menuChico{background-color:#000;color:#fff;font-size:1.4em;font-weight:bold;padding:.2em .6em;font-family: Arial,helvetica,sans-serif;
	display:block;float:left;}
a.menuChico:link,a.menuChico:visited,a.menuChico:active{color:#fff}
a.menuChico:hover{color:#009ee0}
#menuChicoDiv{background-color:#000;margin:1em 0;display:none;}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#mainBody, #mainbody{border: solid 1px #c0c0c0;background-color: #fff; margin:0 2%}

/* ---------------------- Superior ------------------------------------------------------- */
#superior{height:40px;width:96%;z-index:99;position:fixed;margin:-1px 0 0 0;background: rgb(0,168,227);
	background-color: #99ccff; background-image: url("/escu40.gif"); background-repeat: no-repeat;}

#superiorTexto{float:left;font-size:1em;font-weight:bold;margin:.5em 0 0 2em;}

#superiorForm{padding:3px 0 0 3px;font-size:.95em}
.superiorCuadro{position:absolute;background:#fff;padding:1px;}
#ddlareas{width: 12em;}
#superiorBuscar{margin-left:29%;}
#superiorSelect{margin-left:55%;}
#superiorBotones{float:right;margin:0 2px;}

#cabeceraBanner{background: url("/v10/fondobanner.jpg") repeat-x; height:180px;overflow:hidden;margin-top:39px;}

#cabeceraTexto{width:auto;padding:1px;margin:0;position:relative;margin-top:-20px;z-index:98;margin-top:-27px;}

#menuHorizontal{background-color:#000; background-image: url("/v10/barra_menu_corta12.jpg"); background-repeat: no-repeat;height:24px; font-size:14px; font-weight:bold; z-index:999; overflow:hidden;margin-top:-27px 0 0 0;}
#menuHorizontalsd{background-color:#009eef;  background-image: url("/v10/barra_menu_sede.jpg"); background-repeat: no-repeat; height:27px; font-size:.96em; font-weight:bold; overflow:hidden;}

.cabcaja{background-color:#eef;border-color: #ccc;border-style: solid;border-width: 1px 2px 2px 1px;}
.cabboton{padding-left:.1em;vertical-align:bottom;border-style:none}

ul#news{border:0;padding:0;background:  #fffeb8;}
ul#portfolio li img{border:0;padding:0;margin-left:-5px;width:120%;height:196px;}
.fade{margin-bottom:0;}
.fade p{margin-bottom:0;text-align: center;width: 100%;background: #fff;}

#DimBackground{position:absolute;top:0;left:0;width:100%;text-align:left;background:#000; display:none;opacity:0.7; filter:alpha(opacity=70);z-index: 9999;}
.emergente{position:absolute; top: 15%; left: 15%;z-index:10000;display:none; width:300px;height:auto; border:5px solid #009ee0; background: #FFF; padding:5px;}
.cargacentro{position:absolute; padding: 30px; margin:-100px 0 0 -150px; z-index:10000;display:none; width:300px; height:300px; border:5px solid #009ee0; background: #FFF; }

#grfbanner{z-index:98; position:absolute;margin-left:0;margin-top:-180px;}
#textobanner{z-index:98; position:absolute;margin-left:300px;margin-top:-89px;}
.imgInvertida{-webkit-transform: scaleX(-1);transform: scaleX(-1);}

/* ----------------------------------------------------- Menú ----------------------------------------------------------*/
.menuAzulSd{margin-top:-5px;}
#nav{padding:0; margin:0; list-style-type: none;z-index:999}
#nav ul{padding-right:0; padding-left:0; padding-bottom:0; margin-top:0; padding-top:0; 	list-style-type: none;z-index:999; font-size:14px}
#nav li{padding-right:0; padding-left:0;  float: left; padding-bottom:0; margin-top:0; 	padding-top:0; height: 1.7em;z-index:999;}
#nav a{display: block; color: #fff; text-decoration: none;z-index:999;}
#nav li a{padding-right:0; padding-left:0; font-weight: bold; padding-bottom:0; margin:0px 9px; padding-top: 5px;z-index:999;}
#nav li a:hover{padding-bottom:0; cursor: default; color: #009ee0; border-top-style: none;padding-top: 5px; border-right-style: none; border-left-style: none; border-bottom-style:none;}
#nav li.first{background-image: none}
#nav li.first a{margin: 0px 12px 0px 0px}
#nav li ul{margin-top: -12px; left: -999em; margin-left:-13px; padding:1em; background-color:inherit; position: absolute; width: 280px; z-index:999;}

#nav li:hover ul{left: auto}
#nav li:hover{background-color: #000;color:#009ee0;font-weight:bold}

#nav li ul li{border-top: #e9e9e9 1px solid; background-color:#00527B; width: 280px; height: 25px; text-align: left; font-weight:normal;z-index:999;}
#nav li ul li.subfirst{border-top-style: none; height: 26px}
#nav li li a{padding-right: 10px; display: block; padding-left: 10px; font-weight:normal; font-size:.85em;margin:0; height: 10px}
#nav li li a:hover{background-color:#000; color:#fff; font-weight: bold;border:0;}
#nav li ul li ul li{background-color: #00527B; border-left:solid 1px #fff;z-index:999;}
#nav li ul li ul li:hover{background-color: #000;}


#sdnav{padding:0; margin:0; z-index:999; list-style-type: none}
#sdnav ul{padding-right:0; padding-left:0; padding-bottom:0; margin-top:0px;padding-top:0;list-style-type: none}
#sdnav li{padding-right:0; padding-left:0;float:left;padding-bottom:0; margin-top:0;padding-top:0; height: 1.7em;}
#sdnav a{display: block; color: #fff; text-decoration: none;}
#sdnav li a{padding-right:0; padding-left:0; font-weight: bold;margin:0 9px 9px 9px; padding-top: 5px;}
#sdnav li a:hover{padding-bottom:0; cursor: default;border-top-style: none;border-right-style: none; border-left-style: none; border-bottom-style: none;color:#ff6}
#sdnav li.first{background-image: none}
#sdnav li.first a{margin: 0px 12px 0px 0px}
#sdnav li ul{margin-top: -13px; margin-top:0;left: -999em; margin-left:-13px; margin-left:0; padding:1em;padding:0;background-color:inherit;position: absolute;width: 280px}
#sdnav li:hover ul{left: auto}
#sdnav li:hover{background-color: #00f;font-weight:bold;}
#sdnav li ul li{border-top: #e9e9e9 1px solid; background-color:#a0a0a0; width: 280px;	height: 25px; text-align: left; font-weight:normal;}
#sdnav li ul li.subfirst{border-top-style: none; height: 26px}
#sdnav li li a{padding-right:10px;display:block;padding-left:10px;font-weight:normal;font-size:1em;margin:0;height: 10px}
#sdnav li li a:hover{background-color:#00f;font-weight: bold;border:0;}
#sdnav li ul li ul li{background-color: #a0a0a0; border-left:solid 1px #fff;}
#sdnav li ul li ul li:hover{background-color: #00f;}

.divss{position: absolute; margin-top: -47px; margin-left: -15px; border-left: 1px solid #000000;}
.divss1{position: absolute;margin-top:-20px; margin-left: -15px; width:200;border-left: 1px solid #000000;}
/*  -------------------------------- izquierda ------------------------------------------------------- */
#columnaIzquierda{width:231px; border:0 solid #000;float:left; margin:0 3px 0 9px;padding:2px 0 3px 0;overflow-x:hidden;min-height:1500px;}

#izdaTitulo{background-color:#e8e8e8;text-align:center; margin-left:auto;margin-right:auto; padding:.3em;font-weight:bold;font-size:1.5em;margin-top:.5em;margin-bottom:.6em}
#izdaMenu{background-color:#e8e8e8;padding:.8em .3em;margin-bottom:1em}
#tituloGordoIzda, #titulogordoizda, .titulogordoizda{background-color:#432;color:#9cf;font-size:1.1em;padding: .3em;font-weight:bold;margin:.3em 0;}

#extraBannerLateral{}
#izdaBuzon{margin-top:2em;}
#buzon{margin-top:6em;}
.izdabanner{background-color:#e8e8e8;text-align:center;margin:.5em auto;padding:.8em;}
.imgBannerIzda{max-width:210px;height:auto;border:0;}
.bannertitulo{font-size:1.1em;font-weight:bold;text-align:center;border-bottom: dotted 1px #000}
.titular{ font-family: Impact; color: #140200; text-decoration: none;word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.2em;font-size: 1.5em;}
.titular_menor{font-family: Verdana;color: #432;text-decoration: none;word-spacing: normal;text-align: left; letter-spacing: 0;line-height: 1.2em;font-size: 1.1em;}

#paginasBanner{padding:5px}
.botonbanner{vertical-align:bottom;padding:.2em;margin-left:.2em;background-color:#E8E8E8;border:1px solid #ccc;}
.botonbanneractivo{vertical-align:bottom;background-color:#ccf;padding:.2em;margin-left:.2em;border:1px solid #00f;}
a.paginabanneractiva{	text-decoration:underline;	font-weight: bold;color:#00f;font-size:1.1em;padding-left:.2em;padding-right:.2em;}
a.paginabanner{font-size:1.1em;font-weight: bold;color:#000;padding-left:.2em;padding-right:.2em;}

.pto1{padding:0;margin:2px;border:0;opacity:.5;filter:alpha(opacity=50)}
.pto1:hover{opacity:1;filter:alpha(opacity=100)}
.botonbanner1{vertical-align:bottom;padding:0;margin:2px;opacity:.6;filter:alpha(opacity=60)}
.botonbanner1:hover{opacity:1;filter:alpha(opacity=100)}
.botonbanneractivo1{vertical-align:bottom;padding:0;margin:2px;opacity:1;filter:alpha(opacity=100)}
a.paginabanneractiva1{border-bottom:1px solid #00f;opacity:1;filter:alpha(opacity=100)}
a.paginabanner1{border:0;opacity:.5;filter:alpha(opacity=50);}

/* -------------------------------- Derecha ------------------------------------------------------------ */
#columnaDerecha{ margin:0 5px 0 250px; padding: .5em;overflow-x:auto;overflow-y:visible;}
#cabPagina,#cabpagina,.cabPagina,.cabpagina{text-align:center; font-weight:bold;padding: .5em; border-bottom:dotted 1px #000;margin:1em 0;}
#dondeEstas{padding:.7em;color:#000; margin-top:6px;margin-top:10px;background-color:#e8e8e8;}
#dondeEstas a:visited{color: #000;}
#dondeEstas a:link{color: #000; text-decoration: none;}
#dondeEstas a:hover{color: #000; text-decoration: underline;}

#bodybody{background-color:#fff; background-image:url('/v10/grafismos2.png');background-repeat:no-repeat;background-position:right bottom; text-align:justify;line-height:1.5em; padding-top: .5em;overflow-y:visible;}
#antesbodybody{background-color:#e8e8e8;text-align:justify;line-height:1.5em}
#bodybodyfin{text-align:right; font-weight:bold;padding-left:.5em;padding-right:.5em;padding-top:.3em; padding-bottom:.7em;border-top:dotted 1px #000}
#ajustardcha{margin:6em;}	
#mibody{padding:1em}
h1{background-color:#432;color:#9cf;font-size:1.3em;padding:0.3em 5em 0.3em 1em;font-weight:bold;margin:1em .3em .3em 0;display: inline-block;}
h2, h3, h4{color: #000000;font-weight: bolder;text-align: center;margin:0;font-size: 1.2em;}
h5, h6{color: #009ee0;font-weight: bolder;text-align: center;margin:0;font-size: 1.17em;}

	
/* -------------------------------- Pie ------------------------------------------------------------ */	
#pie{clear:both;background:#000 url("/v10/footer_corto.jpg")  repeat-x;height:70px;font-family: Verdana;color:#fff;text-decoration:none;word-spacing: normal;letter-spacing: 0;line-height: 1.3em;text-align:left;}

#pieizda{width:45em;margin-left: 1em;margin-right:2em;margin-top:7px;position:absolute;font-size:.9em;cursor:help}
	
#piecentro{width:35em;margin-left:57em;margin-right:2em;margin-top:7px;position:absolute;font-size:.8em;}
#piecentro a{color: #fff; text-decoration: none;}
#piecentro a:hover{color: #009ee0; text-decoration: none;}
#piecentro a:visited{color: #fff;}
#piedcha{float:right;padding-top:.5em;padding-right:1.5em}

/* ============================================== Generales =============================================== */
/* --------------------------------------------- 1. Enlaces ---------------------------------------------- */

.ancho10{width:10%}
.ancho20{width:20%}
.ancho30{width:30%}
.ancho40{width:40%}
.ancho50{width:50%}

.vinculomenu{padding-left:2em;color:#000}
.vinculomenu a:visited{color: #000;}
.vinculomenu a:link{color: #000; text-decoration: none;}
.vinculomenu a:hover{color: #000; text-decoration: underline;}
.vinculomenu ul{padding-right:0; padding-left:0; padding-bottom:0; margin-top: 10px; padding-top:0; list-style-type: disc}
formblanco{background-color:#fff; padding:.2em;margin:.3em;}

.indice{border: outset 2px #432;padding:1.2em;background-color:#eee}

.volverindice{text-align:right;margin:.2em 0 .5em 0}

.vinculoVerde,.vinculoverde{font-weight: bold; color: #030; text-decoration: none}
.vinculoVerde:hover,.vinculoverde:hover{color: #f00;background-color:#fff; text-decoration: underline}
a.vinculoVerde:link,.vinculoverde:link{color: #030; text-decoration: none}
a.vinculoVerde:visited,.vinculoverde:visited{color: #030;}

/* -------------------------------------------------- clases antiguas -------------------------------------------------- */
.montaImg{width:120px;height:100%;border:0;margin:0;padding:0}
.montaImg img{width:100%;height:100%;border:0;}
.montaFlecha{width:30px;height:20px}
.montaTable{border-collapse: collapse; border-spacing: 0;width:120px;height:120px;border-top: solid 1px #c0c0c0; border-left: solid 1px #c0c0c0; border-right: outset 3px #c0c0c0; border-bottom: outset 3px #c0c0c0;padding:0;
	background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 30%, #929292 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 30%,#929292 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ffffff 0%,#ffffff 30%,#929292 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#929292',GradientType=1 ); /* IE6-9 */}
.montaTexto{font-family: Verdana; font-size:12px; color:#c0c0c0; width:100%;}

.mntImgContent{border-collapse: collapse; border-spacing: 0;border: outset 2px #c0c0c0; 0;background: #e0e0e0; float: left; text-weight:bold;color:#000;margin:20px;text-align:left;
	font-family: Verdana;text-shadow: 1px 1px #966;padding:0;float:left;}

.mntImgImg{ transition: transform .6s ease-out;}

.mntImgImg:hover{transform: scale(1.2); }

.mntImgTxt{display: table-cell;text-align:center; vertical-align:middle; background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 30%, #929292 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 30%,#929292 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ffffff 0%,#ffffff 30%,#929292 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.mntImgTxt:hover{filter: invert(1);}

.flex-table {display: flex;flex-flow: row wrap; align-items: center;  justify-content: space-around;margin:2em 0;}

.mntImgContent2{border-collapse: collapse; border-spacing: 0;border: outset 2px #006; 0;float: left; text-weight:bold;margin:20px;text-align:left;
	padding:0;background:#000;overflow-hidden;}
.mntImgTxt2{display: table-cell;text-align:center; vertical-align:middle;color:#ffa;font-family: Verdana;text-shadow: 1px 1px #966;}
.mntImgTxt2:hover, .mntImgTxt3:hover{filter: invert(1);}
.mntImgTxt3{display: table-cell;text-align:center; vertical-align:middle;color:#000;font-family: Verdana;text-shadow: 1px 1px #733;}
.mntTxtBck{background: #ccc;background: linear-gradient(to right, #fff 0%,#ccc 30%,#777 100%); border-bottom-left-radius: 4px;border-bottom-righ-radius: 4px;}
.mntTxtBck0{background: #790909; background: linear-gradient(356deg, #220002 0%, #790909 35%, #ccb400 100%);}
.mntTxtBck1{background: #097909; background: linear-gradient(356deg, #022400 0%, #097909 35%, #00ccb4 100%);}
.mntTxtBck2{background: #090979; background: linear-gradient(356deg, #020024 0%, #090979 35%, #00b4cc 100%);}
.mntTxtBck3{background: #097979; background: linear-gradient(356deg, #022424 0%, #097979 35%, #00cccc 100%);}
.mntTxtBck4{background: #797909; background: linear-gradient(356deg, #242400 0%, #797909 35%, #cccc00 100%);}
.mntTxtBck5{background: #790979; background: linear-gradient(356deg, #240024 0%, #790979 35%, #cc00cc 100%);}
.mntTxtBck6{background: #888; background: linear-gradient(356deg, #000 0%, #666 35%, #bbb 100%);}

.vinculoInterno,.vinculointerno{font-weight: bold; color: #00467e; text-decoration: none}
.vinculoInterno:hover,.vinculointerno:hover{color: #00467e; text-decoration: underline}

.vinculoAncla,.vinculoancla{font-weight: bold; color: #00467e; text-decoration: none}
.vinculoAncla:hover,.vinculoancla:hover{color: #f00; text-decoration: underline}

.vinculoAnclaO,.vinculoanclao{font-weight: normal; color: #000; text-decoration: none}
.vinculoAnclaO:hover,.vinculoanclao:hover{background-color:inherit; color: #9d340c; text-decoration: underline}
.vinculoAnclaO:link,.vinculoanclao:link{color: #000; text-decoration: none}

.vinculoExterno,.vinculoexterno{font-weight: bold; color: #00467e; text-decoration: none}
.vinculoExterno:hover,.vinculoexterno:hover{color: #00467e; text-decoration: underline}

.vinculoInternoO,.vinculointernoo{font-weight: bold; color: #00467e; text-decoration: none}
.vinculoInternoO:hover,.vinculointernoo:hover{color: #00467e; text-decoration: underline}

.vinculoExternoO,.vinculoexternoo{font-weight: normal; color: #00467e; text-decoration: none}
.vinculoExternoO:hover,.vinculoexternoo:hover{color: #00467e; text-decoration: underline}

.vinculoBlancoNegrita,.vinculoblanconegrita{font-weight: bold; color: #66f; text-decoration: none}
.vinculoBlancoNegrita:hover,.vinculoblanconegrita:hover{background-color:inherit;color: #f66; text-decoration: none}

.vinculonormal,.vinculonormal:hover{font-weight: normal; color: #00467e; text-decoration: underline}

.vinculoblanconegrita2,.vinculoBlancoNegrita2{font-weight: bold; color: #fff; font-size:.75em; text-decoration: none}
.vinculoBlancoNegrita2:hover,.vinculoblanconegrita2:hover{color: #fff; text-decoration: none}

.vinculoblanco,.vinculoBlanco{font-size:1em;color:#fff;text-decoration: none}
.vinculoblanco:hover,.vinculoBlanco:hover{background-color:inherit;color:#000;text-decoration: none}

.vinculoCapa,.vinculocapa{font-size: 1.0em; color: #00467e; text-decoration: none}
.vinculocapa:hover,.vinculoCapa:hover{color: #f00; text-decoration:underline}

.vinculonegro,.vinculoNegro{background-color:inherit;color:#000;  text-decoration: none}
.vinculonegro:hover,.vinculoNegro:hover{color: #933; text-decoration: none}
a.vinculoNegro, a.vinculonegro:visited{color: #000;}
a.vinculoNegro, a.vinculonegro:link{color: #000; text-decoration: none;}
a.vinculoNegro, a.vinculonegro:hover{color: #933; text-decoration: none;}

.vinculorojo{font-weight: bold; color: #f00; text-decoration: none}
a.vinculorojo:hover{color: #060; text-decoration: underline}
a.vinculorojo:visited{color: #f00;}
a.vinculorojo:link{color: #f00;}

.border0{border-style:none}

.sbtn{border: outset 2px #bccbec; font-weight: bold; background: #888; cursor: pointer; color: #fff;padding:3px;background-image: url('/v10/img/topbtn1.gif');background-repeat:repeat-x;text-align:center;}
.sbtn:hover{background-image: url('/v10/img/topbtn1b.gif');color:#fff;background-color:#000}
.txbtn{font-weight: bold;cursor: pointer; color: #fff;text-align:center}
a.sbtn:link,a.sbtn:visited,a.sbtn:hover,a.sbtn:active{color:#fff}
a.txbtn:link,a.txbtn:visited,a.txbtn:hover,a.txbtn:active{color:#fff}
	
.scap{font-weight: normal; background-color:#eee;}
.scapr{font-weight: normal; background-color:#eee;text-align:right}

.scapdegradado{background: rgba(149,173,222,1);background: -moz-linear-gradient(left, rgba(149,173,222,1) 0%, rgba(252,254,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(149,173,222,1)), color-stop(100%, rgba(252,254,255,1)));
	background: -webkit-linear-gradient(left, rgba(149,173,222,1) 0%, rgba(252,254,255,1) 100%);
	background: -o-linear-gradient(left, rgba(149,173,222,1) 0%, rgba(252,254,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(149,173,222,1) 0%, rgba(252,254,255,1) 100%);
	background: linear-gradient(to right, rgba(149,173,222,1) 0%, rgba(252,254,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95adde', endColorstr='#fcfeff', GradientType=1 );
	font-weight:bold;padding:1px 3px;}

.textoNegro, .textonegro{font-family: Arial, helvetica, sans-serif;font-size: 1em; font-weight:normal;text-decoration:none;color:#000;}

.textoVerde, .textoverde{color:#360;}

.textoRojo, .textorojo{background-color:inherit; font-weight: normal; color: #9d340c;}

.titularRojo, .titularrojo{background-color:inherit; font-weight: bold; color: #9d340c;font-size:1.15em;}
a.titularRojo:link,a.titularRojo:visited,a.titularRojo:active, a.titularrojo:link,a.titularrojo:visited,a.titularrojo:active{color: #9d340c;}
a.titularRojo:hover, a.titularrojo:hover{background-color:#ff9;}

.titularVerde, .titularverde{background-color:inherit; font-weight: bold; color: #360;font-size:1.15em;}
a.titularVerde:link,a.titularVerde:visited,a.titularVerde:active, a.titularverde:link,a.titularverde:visited,a.titularverde:active{color: #360;}
a.titularVerde:hover, a.titularverde:hover{background-color:#ff9;}

.titularAmarillo, .titularamarillo{font-weight: bold; font-size: 1.15em; color: #ff0;background-color:inherit; }

.titularCeleste, .titularceleste{font-weight: bold; font-size: 1.15em; color: #69f;background-color:inherit; }

.cabeceraAzul, .cabeceraazul{border: solid 1px #a0a0a0;padding-right: 4px; padding-left: 4px;font-weight: bold; background: #3963ad; padding-bottom: 2px; color: #f0fff0; padding-top: 2px;text-align: center}

.cabeceraAzulClaro,.cabeceraazulclaro{border-right: solid 1px #a0a0a0; padding-right: 4px; border-top: solid 1px #a0a0a0; padding-left: 4px; font-weight: bold; background: #edf0f5; padding-bottom: 2px; border-left: solid 1px #a0a0a0; color: #00457c; padding-top: 2px; border-bottom: solid 1px #a0a0a0; text-align: center}

.cabeceraVerde,.cabeceraverde{font-weight: bold; font-size: 1.02em; color: #f0ffff; background-color: #003333; text-align: center}

.cabeceraVerdeClaro,.cabeceraVerdeClaro{font-weight: bold; font-size: 1.02em; color: #f0ffff; background-color: #00995c; text-align: center}

.cabeceraRojo, .cabecerarojo{font-weight: bold; font-size: 1.02em; color: #fff0f0; background-color: #9d340c; text-align: center}

.cabeceraRojoClaro,.cabecerarojoclaro{font-weight: bold; font-size: 1.02em; color: #fff0f0; background-color: #dc5555; text-align: center}

.bordetablaexterior1,.bordeTablaExterior1{border: solid 1px #a0a0a0}

.tablacontenido, .tablaContenido{border: outset 2px #a0a0a0}

.tablaContenidoBrd{border: outset 2px #a0a0a0;border-radius:5px; margin:1em 0;padding:.5em 1em;box-shadow: 8px 8px 4px #888;}

.tablatd td:hover{background: #FFB;}

.tablatr tr:nth-child(odd){ background-color:#ddd; }
.tablatr tr:nth-child(even){ background-color:#fff; }
.tablatr tr:hover{background: #FFB;}
.tablatr a:hover{color: #a00;}
.tablatr li:hover{background: #FFB;}
.tablatr table{width:100%}

.tablatr1 tr:hover{background: #FCB;}
.tablatr1 a{font-weight: bold; color: #047; text-decoration: none}
.tablatr1 a:hover{color: #a00;}

.tablatr2 tr:hover{background: #ADF;}
.tablatr2 a:hover{color: #a00;}
.tablatr2 li:hover{background: #ADF;}

.tab100 table{width:100%}

.vinculonegronegrita{color: #000; text-decoration: none;font-weight:bold}
.vinculonegronegrita:visited{color: #000;}
.vinculonegronegrita:link{color: #000; text-decoration: none;}
.vinculonegronegrita:hover{color: #009ee0; text-decoration: underline}
a.linkfondoblanco{background-color:#fff;color:#000;font-weight:bold;padding:.2em}

a.linkfondoblanco:link{color:#000;text-decoration: none;}
a.linkfondoblanco:active{color:#000;text-decoration: none;}
a.linkfondoblanco:visited{color:#000;}
a.linkfondoblanco:hover{color:#f00;text-decoration: none;}

.corte{clear:both;}
.titresumen{text-align:center;font-weight:bold;font-size:1.2em;background-image:url("/v10/bgdg.gif"); padding:.4em; background-position: left bottom; background-repeat: repeat-x;
	border:2px outset #aaa;border-radius:6px;}

.bodyresumen{background-color:#e8e8e8;padding-bottom:.6em}

.mappy{border: 8px solid #C1D9F7;}

.hrptos{border-top:none; border-left:none;border-right:none;border-bottom:dotted 1px #000}
.ptosdchaabajo{border-top:none; border-left:none;border-right:dotted 1px #000;border-bottom:dotted 1px #000;text-align:center;vertical-align:top;padding:.3em}

.divprensa{padding-top:1.2em;min-height:110px;}
.divprensa:hover img{opacity:.6;filter:alpha(opacity=60);}

.tituloprensa{font-size:1.2em;padding-bottom:1em;text-transform:uppercase}

.divimgprensa{float:left; height:95px; width:130px; overflow:hidden;margin:0 2em 1.2em 0;position:relative}

.divimgnoticia{float:left; height:100px; width:100px; overflow:hidden;margin-right:.3em}
.prensaImg{float: left; margin-right: 1em; cursor: pointer;width: 70%;}


.puntosup{text-align:right;padding-left:.5em;padding-right:.5em;padding-top:.3em;padding-bottom:.7em;border-top:dotted 1px #000}

.textobannersede{background: url(/v10/img/fondotxt.jpg) #e8e8e8 repeat-x left bottom;height:29px;}

.bannerlinksede{color:#000;padding-top:6px;}

.xmenu{padding-left:3em;padding-left:0}
.xmenu li{list-style-position:inside}
.xli{padding:.4em 0 .4em 0;}
.xli2{padding:.4em 0 .4em 0;background-color:#ffd}
.xli20{line-height:200%; padding:5px 5px 5px 30px;background-image:url("/v10/img/pleg.png");background-repeat:no-repeat;background-position:left top;	list-style-type: none;
	border:1px solid #ddd;margin-bottom:10px;}

.xli21{line-height:200%; padding:5px 5px 5px 30px; background-image:url("/v10/img/despleg.png"); background-repeat:no-repeat; background-position:left top;
	list-style-type: none; border:1px solid #ddd; margin-bottom:10px;}

.xli200{list-style-image:url("/v10/img/pleg.png");vertical-align:middle;margin-left:30px;border:1px solid #eee;margin-bottom:6px;padding-bottom:5px;}
.xli210{list-style-image:url("/v10/img/despleg.png");vertical-align:middle;margin-left:30px;border:1px solid #eee;margin-bottom:6px;padding-bottom:5px;}
.xlid{list-style:inside square}
.xlid1{list-style:inside square;background-color:#ffd}

.aligncenter{text-align:center; margin-left:auto; margin-right:auto;}
.aligncenter table{margin: 0 auto;text-align: left;}
.alignright{text-align:right; margin-right:0}
.alignleft{text-align:left; margin-left:0}
.playing{font-weight:bold;text-decoration:underline;}

/* 	------------------------- 	icono play video prensa	--------------------------------	*/
.fotodebajo{position:relative;z-index:2;border:0}
.fotoencima2{display:block;float:left;position:relative;z-index:3;top:-161px;left:145px; width:60px;height:60px; opacity: 0.8; filter: alpha(opacity=80);border:0}  /* docs */
.fotoencima2v{display:block;float:left;position:relative;z-index:3;top:-191px;left:106px; width:60px;height:60px; opacity: 0.8; filter: alpha(opacity=80);border:0}
.contenfotovw{width:120px;height:80px;overflow:hidden;text-align:center;margin:auto;}
.fotoencimavw{display:block;float:left;position:relative;z-index:3;top:-59px;left:40px;width:36px;height:36px;border:0;}
.fotoencimavwv{display:block;float:left;position:relative;z-index:3;top:-79px;left:20px;width:36px;height:36px;border:0;overflow:hidden}
.fotoencima{display:block;float:left;position:relative;z-index:3;top:-65px;left:47px;width:36px;height:36px;border:0;}
.fotoencimav{display:block;float:left;position:relative;z-index:3;top:-150px;left:47px;width:36px;height:36px;border:0;}
.prensaplay{display:block;position:relative;z-index:3;width:36px;height:36px;border:0;}
.prensafoto{position:relative;border:0;top:-66px;}
/* ----------------------- julio 2013 ----------------------------------------------------- */
.textofondorojo{font-weight: bold; color: #fff; background-color: #f00;}
.textofondoverde{font-weight: bold; color: #fff; background-color: #060;}
.textofondoazul{font-weight: bold; color: #fff; background-color: #00f;}
.textofondonaranja{font-weight: bold; color: #000; background-color: #f90;}

.titularoscuro{color: #000;font-weight: bold;font-size: 1.0em;}
.contadorRojo{padding-top:.4em;padding-top:.2em;color: #711;font-weight: bold;text-align: center;font-size: 1.3em;}
.contador{padding-top:.4em;padding-top:.2em;color: #060;font-weight: bold;text-align: center;}
.widget{margin-left: 5px; margin-right: 5px;}

.modalDialog {position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.8);z-index: 99999;
	opacity:0;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;	-o-transition: opacity 400ms ease-in;
	-ms-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in; pointer-events: none;display:none}

.modalDialog:target {opacity:1;pointer-events: auto;}

.modalDialog > div {width: 700px;height:440px;position: relative;margin: 5% auto;padding: 5px 20px 13px 20px;border-radius: 10px;background: #ddd;
	background: linear-gradient(#fff, #999);background: -moz-linear-gradient(#fff, #999);background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);background: -ms-linear-gradient(top left, #FFFFFF 0%, #999999 100%);}
	
.detallesModal{overflow-y: scroll;height:400px;}

.closeModal {background: #aaa;color: #FFF;line-height: 25px;position: absolute;right: -12px;text-align: center;top: -10px;width: 24px;text-decoration: none;font-weight: bold;
	-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;}

.closeModal:hover {background: #00d9ff;}

.actCultural{margin:5px;padding:5px;min-height:105px;height:105px;_height:105px;height:auto !important;min-width:640px;width:640px;_width:640px;width:auto !important;
	border-width:0 1px 2px 0; border-color:#cccccc; border-style:outset; padding:2px; background: linear-gradient(#ffffff, #ddddee);background: -moz-linear-gradient(#ffffff, #ddddee);
	background: -webkit-linear-gradient(#ffffff, #ddddee);background: -o-linear-gradient(#ffffff, #ddddee);	background: -ms-linear-gradient(top left, #ffffff 0%, #ddddee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffaa', endColorstr='#ddddee',GradientType=0 ); 
	-moz-transition: all .2s ease-in;  -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;}
	
.actCultural:hover{background:#003333;background: linear-gradient(#004444, #002222);background: -moz-linear-gradient(#004444, #002222);background: -webkit-linear-gradient(#004444, #002222);
	background: -o-linear-gradient(#004444, #002222);background: -ms-linear-gradient(top left, #004444 0%, #002222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004444', endColorstr='#002222',GradientType=0 );color:#ffffff}

.titCultural{font-weight: bold;font-size:1.2em; text-decoration: none;}
.titCultural:hover{color: #ffc; background-color:#000;text-decoration: none}
.titCultural a{font-size:1em}
.titCultural a:hover{color: #ffc; background-color:#000;text-decoration: none}
.cmpCultural{background-color: inherit;color: #dd3300;font-weight: bold;}

.actCultural:hover a{color: #ffc; background-color:#000;text-decoration: none}
	
.actCultural0:hover{background:#ffcc99;background: linear-gradient(#ffcc99, #ffff88);background: -moz-linear-gradient(#ffcc99, #ffff88);background: -webkit-linear-gradient(#ffcc99, #ffff88);
	background: -o-linear-gradient(#ffcc99, #ffff88);background: -ms-linear-gradient(top left, #ffcc99 0%, #ffff88 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc99', endColorstr='#ffff88',GradientType=0 ); }
	
.imgCultura{border:0;width:130px;height:100px;margin-top:3px;margin-right:10px;margin-bottom:3px;margin-left:3px;float:left;}

.notas{margin:8px;padding:10px;border: outset  2px #ccc;border-radius:5px; text-align:center;color:#006;font-weight:bold;font-style:italic; background:#cdc;
	background: linear-gradient(#eeffee, #bbccbb);background: -moz-linear-gradient(#eeffee, #bbccbb);background: -webkit-linear-gradient(#eeffee, #bbccbb);
	background: -o-linear-gradient(#eeffee, #bbccbb);background: -ms-linear-gradient(top left, #efe 0%, #bcb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeffee', endColorstr='#bbccbb',GradientType=0 );}
	
.sbtn1{margin:8px;padding:10px;border: outset  2px #ccc;border-radius:5px; text-align:center;color:#006;font-weight:bold;
	background: linear-gradient(#eeffee, #bbccbb);background: -moz-linear-gradient(#eeffee, #bbccbb);background: -webkit-linear-gradient(#eeffee, #bbccbb);
	background: -o-linear-gradient(#eeffee, #bbccbb);background: -ms-linear-gradient(top left, #eeffee 0%, #bbccbb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeffee', endColorstr='#bbccbb',GradientType=0 );}
	
.sbtn1:hover{color:#600;background:linear-gradient(#ff9, #cc6);background: -moz-linear-gradient(#ff9, #cc6);background: -webkit-linear-gradient(#ff9, #cc6);
	background: -o-linear-gradient(#ff9, #cc6);background: -ms-linear-gradient(top left, #ff9 0%, #cc6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff99', endColorstr='#cccc66',GradientType=0 );cursor: pointer;}
	
.sbtn2{margin:8px;padding:5px;border: outset  2px #cccccc;border-radius:5px; text-align:center;color:#000066;font-weight:bold;
	background: linear-gradient(#eeffee, #bbccbb);background: -moz-linear-gradient(#eeffee, #bbccbb);background: -webkit-linear-gradient(#eeffee, #bbccbb);
	background: -o-linear-gradient(#eeffee, #bbccbb);background: -ms-linear-gradient(top left, #eeffee 0%, #bbccbb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffaa', endColorstr='#ddddee',GradientType=0 ); }
	
.sbtn2:hover{color:#660000;background:linear-gradient(#aabbaa, #ddeedd);background: -moz-linear-gradient(#aabbaa, #ddeedd);background: -webkit-linear-gradient(#aabbaa, #ddeedd);
	background: -o-linear-gradient(#aabbaa, #ddeedd);background: -ms-linear-gradient(top left, #aabbaa 0%, #ddeedd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aabbaa', endColorstr='#ddeedd',GradientType=0 ); }
	
.sbtn2:link{color:#000066;}

.bodyOpcional{border: outset 2px #a0a0a0;margin:60px 5px 10px 5px;padding:10px;}
.divOpcional{border: outset 2px #a0a0a0;margin:0 5px 10px 5px;padding:10px;}

.ageDia{font-family: Verdana, Arial,helvetica,sans-serif;font-size: 11px; width:14%; text-align:center;background-color:#fff;}
.ageFS{font-family: Verdana, Arial,helvetica,sans-serif;font-size: 11px;background-color:#ddd; text-align:center;width:14%}
.ageDia a:hover, .ageFS a:hover{font-weight:bold}
#calendario2{width:237px;margin:1%;margin:auto;padding:3px;text-align:center;border:2px outset #cc9;background-color:#ffd;}

.ageImagen{float: left;height: 100px; margin-right: 1em;overflow-x: hidden;overflow-y: hidden;width: 130px;background-repeat: no-repeat;background-position: left top;}
.cIcon{background-image: url("/ob2.nsf/in/cultura/$file/espectaculos.gif");}
.cCent{background-image: url("/ob2.nsf/in/cultura/$file/centroscivicos.jpg");}
.cCine{background-image: url("/ob2.nsf/in/cultura/$file/cine.gif");}
.cCong{background-image: url("/ob2.nsf/in/cultura/$file/congresos_conferencias.gif");}
.cDepo{background-image: url("/ob2.nsf/in/cultura/$file/deporte.gif");}
.cEspe{background-image: url("/ob2.nsf/in/cultura/$file/espectaculos.gif");}
.cExpo{background-image: url("/ob2.nsf/in/cultura/$file/exposiciones.jpg");}
.cFies{background-image: url("/ob2.nsf/in/cultura/$file/fiestas_ferias.gif");}	
.cLite{background-image: url("/ob2.nsf/in/cultura/$file/literatura_poesia.gif");}	
.cMonu{background-image: url("/ob2.nsf/in/cultura/$file/monumentos_museos.gif");}	
.cMusi{background-image: url("/ob2.nsf/in/cultura/$file/musica_danza.gif");}
.cMúsi{background-image: url("/ob2.nsf/in/cultura/$file/musica_danza.gif");}
.cOtra{background-image: url("/ob2.nsf/in/cultura/$file/otras.jpg");}
.cProg{background-image: url("/ob2.nsf/in/LI3HSAS/$file/TG7_logo.jpg");}	
.cTall{background-image: url("/ob2.nsf/in/cultura/$file/talleres.gif");}
.cTeat{background-image: url("/ob2.nsf/in/cultura/$file/teatro.gif");}
.ageDivDoc{float: right; height: 104px; margin-left:1em; overflow: hidden; width: 134px;background-repeat: no-repeat;background-position: 2px 2px;}
img.ageImagen{width:130px;height:100px;border:0;}
.ageImagenImg{width:130px;height:100px;border:0;}

.ageInfo0{float:right;width:78%;}
.ageInfo{}
.plegableTitulo{min-height:32px;background-color:#edf0f5;border: outset 2px #a0a0a0;border-radius:5px;}
.plegableTitulo:hover{background-color:#ffff66;}
/* ----------------------------- 20/03/2020 ----------------------------------------*/
.plegableTituloV{min-height:32px;background-color:#dd6;border: outset 2px #999;border-radius:5px;}
.plegableTituloR{min-height:32px;background-color:#fca;border: outset 2px #999;border-radius:5px;}
.plegableTituloA{min-height:32px;background-color:#bbf;border: outset 2px #999;border-radius:5px;}
.plegableTituloY{min-height:32px;background-color:#ffb;border: outset 2px #999;border-radius:5px;}
.plegableTituloV:hover,.plegableTituloA:hover,.plegableTituloY:hover,.plegableTituloR:hover{background-color:#ff6;}
/* --------------------------------------------------------------------------------*/
.plegableGrande{background-color:#edf0f5;border: outset 2px #a0a0a0;font-size:1.3em;}
.plegableContent{border: solid 1px #a0a0a0;padding: 5px 3px 7px 3px;border-radius: 0 0 7px 7px;}
.plegableImg{float:left;padding:.6em .3em;border:0}
.plegableTexto{padding:.6em;font-weight: bold; color: #00467e; text-decoration: none}
.brd{border-radius:5px}
.contenidoPlegable{margin:0 10px 10px 15px;padding:5px;border:1px solid #ddd;box-shadow: 10px 10px 5px #888888;border-radius:5px;}
.divAmarillo{border: 2px outset #ccc; border-radius: 5px; padding: 5px; background-color:#ffc;}
.divAzul{border: 2px outset #bbd; border-radius: 5px; padding: 5px; background-color:#ddf;}
.divRojo{border: 2px outset #dbb; border-radius: 5px; padding: 5px; background-color:#fcc;}
.divVerde{border: 2px outset #bdb; border-radius: 5px; padding: 5px; background-color:#cfc;}


/* ----------------------------------------------------- Galería fotos ---------------------------------------------------------- */
.galeriafotos{list-style-type:none;text-align:center}
.galeriafotos li{display:inline}  

/* ----------------------------------------------------- divs ocultables (sin/con borde )---------------------------------------- */
.ocultableSin{padding:.2em}
.ocultableCon{border: outset 2px #aaa;padding:.3em;background-color:#ffc}
/* ----------------------------- clases nuevas ---------------------------------------------------- */
.btnplg{float:left;padding-right:5px;border:0}

.plgtxt{min-height:26px; padding-top:5px;}

.bordeabajo{border-bottom:solid 1px #111; border-top:none; border-left:none;border-right:none}

.tablacontent{padding-right:.4em;padding-left:.4em;background: url(/v70/titlebarbg.gif) #fafafa repeat-x left bottom; padding-bottom:.2em;padding-top:.2em;text-align:center;}

.bannertitulosede{font-size:1em;font-weight:bold;text-align:center;background-color:#e8e8e8;padding:.8em; margin:1em 0;}

.bannertitulo2{color:#000;font-size:1.1em;font-weight:bold;text-align:center;border-bottom: solid 1px #000; border-top: solid 1px #000;padding:.2em}

.bannertitulo3{font-size:1.1em;font-weight:bold;border-top:solid 1px #306;color:#306;border-bottom:solid 1px #306; padding-left:.3em;padding-right:.3em}

.titulogordo{background-color:#4c4d50;color:#009ee0;font-size:1.3em;padding-left:1em;padding-right:4em; padding-top:.3em;padding-bottom:.3em;font-weight:bold;margin-top:.3em;margin-bottom:.3em}
.tituloazulx{color:#009ee0;font-size:1.3em;text-align:center;font-weight:bold;margin-bottom:2em;}
.stxt{background-color:#ffc; border:2px outset #ccc; font-family: Arial;color:#006;}
.stxtv{background-color:#dfd; border:2px inset #ccc; font-family: Arial;color:#500;}
.stxta{background-color:#dff; border:2px inset #ccc; font-family: Arial;color:#000;}

.stxtarea{background-color:#ffc; border:2px outset #ccc; font-family: Arial;color:#006;font-size:10pt;width:40em;height:5em;}

.solonumeros{background-color:#ffc; border:2px outset #ccc; font-family: Arial;color:#009;}

.cabboton{padding-left:.1em;vertical-align:bottom;border-style:none}

.cajagrande{background-color:#e8e8e8; padding:.8em .8em;margin-top:.8em;margin-bottom:.8em}

.cajanoticia{float:left;width:30%;height:100px;margin:.6em .3em;text-align:left;border: outset 2px #88c;border-radius:7px;background-color:#fff;}
.cajanoticia:hover{float:left;width:30%;height:100px;margin:.6em .3em;text-align:left;border: outset 2px #c88;border-radius:7px;background-color:#ddf;}

.cajaredonda{margin:.6em .3em;text-align:left;border: outset 2px #88c;border-radius:7px;}

.imgnoticia{float:left;padding-right:.3em;border:0}

.mayu{text-transform:uppercase}

/* --------------------------------------------- 3. Botones ---------------------------------------------- */

.vxbtn{width: 21px; height: 20px; background:url('https://www.granada.org/v10/vxbotones.png') no-repeat;margin:1px;border:0}
.vxbtn.ant0{background-position: -189px -40px}
.vxbtn.ant1{background-position: -168px -40px}
.vxbtn.rss0{background-position: -147px -40px}
.vxbtn.rss1{background-position: -126px -40px}
.vxbtn.bus0{background-position: -105px -40px}
.vxbtn.bus1{background-position: -84px -40px}
.vxbtn.val0{background-position: -63px -40px}
.vxbtn.val1{background-position: -42px -40px}
.vxbtn.sub0{background-position: -21px -40px}
.vxbtn.sub1{background-position: 0 -40px}
.vxbtn.imp0{background-position: -189px -20px}
.vxbtn.imp1{background-position: -168px -20px}
.vxbtn.men0{background-position: -147px -20px}
.vxbtn.men1{background-position: -126px -20px}
.vxbtn.mas0{background-position: -105px -20px}
.vxbtn.mas1{background-position: -84px -20px}
.vxbtn.pri0{background-position: -63px -20px}
.vxbtn.pri1{background-position: -42px -20px}
.vxbtn.ult0{background-position: -21px -20px}
.vxbtn.ult1{background-position: 0 -20px}
.vxbtn.hom0{background-position: -189px 0}
.vxbtn.hom1{background-position: -168px 0}
.vxbtn.hlp0{background-position: -147px 0}
.vxbtn.hlp1{background-position: -126px 0}
.vxbtn.buz0{background-position: -105px 0}
.vxbtn.buz1{background-position: -84px 0}
.vxbtn.cer0{background-position: -63px 0}
.vxbtn.cer1{background-position: -42px 0}
.vxbtn.sig0{background-position: -21px 0}
.vxbtn.sig1{background-position: 0 0}

.vxbtn30{width: 31px; height: 30px; background:url('https://www.granada.org/v10/vxbotones31.png') no-repeat;margin:1px 2px;border:0}
.vxbtn30.ant0{background-position: -283px -60px}
.vxbtn30.ant1{background-position: -252px -60px}
.vxbtn30.rss0{background-position: -221px -60px}
.vxbtn30.rss1{background-position: -189px -60px}
.vxbtn30.bus0{background-position: -157px -60px}
.vxbtn30.bus1{background-position: -126px -60px}
.vxbtn30.val0{background-position: -93px -60px}
.vxbtn30.val1{background-position: -62px -60px}
.vxbtn30.sub0{background-position: -31px -60px}
.vxbtn30.sub1{background-position: 0 -60px}
.vxbtn30.imp0{background-position: -283px -30px}
.vxbtn30.imp1{background-position: -252px -30px}
.vxbtn30.men0{background-position: -221px -30px}
.vxbtn30.men1{background-position: -189px -30px}
.vxbtn30.mas0{background-position: -157px -30px}
.vxbtn30.mas1{background-position: -126px -30px}
.vxbtn30.pri0{background-position: -93px -30px}
.vxbtn30.pri1{background-position: -62px -30px}
.vxbtn30.ult0{background-position: -31px -30px}
.vxbtn30.ult1{background-position: 0 -30px}
.vxbtn30.hom0{background-position: -283px 0}
.vxbtn30.hom1{background-position: -252px 0}
.vxbtn30.hlp0{background-position: -221px 0}
.vxbtn30.hlp1{background-position: -189px 0}
.vxbtn30.buz0{background-position: -157px 0}
.vxbtn30.buz1{background-position: -126px 0}
.vxbtn30.cer0{background-position: -93px 0}
.vxbtn30.cer1{background-position: -62px 0}
.vxbtn30.sig0{background-position: -31px 0}
.vxbtn30.sig1{background-position: 0 0}

.limpiar{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

.boxInfo{margin:5px;padding:5px;min-height:3.5em;border:outset 2px #999;padding:8px;border-radius:7px;background:#eef;
	background: linear-gradient(#ffffdd, #ddddee);background: -moz-linear-gradient(#ffd, #dde);background: -webkit-linear-gradient(#ffd, #dde);
	background: -o-linear-gradient(#ffffff, #ddddee);	background: -ms-linear-gradient(top left, #FFd 0%, #dde 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffdd', endColorstr='#ddddee',GradientType=0 );}

.v10progress {position: relative;padding: 3px;background:-moz-linear-gradient(53% 13% -90deg,#555 0%,#555 47%,#333 48%,#333 100%);
	background:-webkit-gradient(linear,53% 13%,53% 79%,color-stop(0, #555),color-stop(0.47, #555),color-stop(0.48, #333),color-stop(1, #333));
	background:-webkit-linear-gradient(-90deg,#555 0%,#555 47%,#333 48%,#333 100%);background:linear-gradient(-180deg,#555 0%,#555 47%,#333 48%,#333 100%);
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}

.v10progress div {font-family: arial;font-size: 6px;color: #ffffff;text-align: right;text-shadow: 0px 0px 2px #000;text-indent: 9999px;overflow: hidden;
	background:-webkit-gradient(linear,71% 25%,71% 69%,color-stop(0, #99ccff),color-stop(0.47, #99ccff),color-stop(0.48, #8899ff),color-stop(1, #8899ff));
	background:-webkit-linear-gradient(-90deg,#99ccff 0%,#99ccff 47%,#8899ff 48%,#8899ff 100%);background:-moz-linear-gradient(71% 25% -180deg,#99ccff 0%,#99ccff 47%,#8899ff 48%,#8899ff 100%);
	background:linear-gradient(-180deg,#99ccff 0%,#99ccff 47%,#8899ff 48%,#8899ff 100%);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
}

.filavistas{border-width:1px 0;border-color:#cccccc;border-style:solid;padding:3px;}

.filavistas:hover{background-color:#ffff99;}

.vxli{list-style:inside square;padding:2px;margin:2px;}
.vxli li:nth-child(odd){ background-color:#ddd;padding: 5px 3px;}
.vxli li:nth-child(even){ background-color:#fff;padding: 5px 3px;}
.vxli li:hover{ background-color:#ffc;}

.calculoNum{border:outset 2px #339;border-radius:5px;padding:7px;margin:5px;background-color:#ffffaa;
	background: linear-gradient(#edf0f6, #cceeff);background: -moz-linear-gradient(#edf0f6, #cceeff);background: -webkit-linear-gradient(#edf0f6, #cef);
	background: -o-linear-gradient(#edf0f6, #cceeff);background: -ms-linear-gradient(top left, #edf0f6 0%, #cceeff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf0f6', endColorstr='#cceeff',GradientType=0 ); }
/* ------vistas */
.celdasSeparadas td{padding:7px;margin:3px;border:2px outset #cccccc;border-radius:5px}
.celdasSeparadas td:hover{background: #ffffbb;}
.celdasSeparadas table{border-spacing: 10px;}

.ficha{margin:5px;padding:0;min-width:600px;width:600px;_width:600px;width:auto !important;border: outset 2px #a0a0a0;border-radius:7px;
	background: linear-gradient(#ffffff, #ddddee);background: -moz-linear-gradient(#ffffff, #ddddee);background: -webkit-linear-gradient(#ffffff, #ddddee);
	background: -o-linear-gradient(#ffffff, #ddddee);background: -ms-linear-gradient(top left, #ffffff 0%, #ddddee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddddee',GradientType=0 );}
.fichaTitulo{padding:3px;margin:0;font-weight: bold; background: #36a; color: #fff;text-align: center;-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 4px;border-top-left-radius: 6px;border-top-right-radius: 4px;border-bottom:2px outset #36a;}
.fichaContent{margin:2px;padding:3px}
.fichaContent:hover{ background-color:#ffc;}


.vxPestanas{display:block;margin-top:8px;}
.vxPestana{padding:4px 28px;background-color: #ccc;border: 1px solid #aaa;border-top-right-radius: 6px;border-top-left-radius: 6px;color: #666;display: inline;font-weight: bold;
	text-decoration: none;white-space: nowrap;cursor:pointer;}
.vxPestana:hover{background-color:#669;color:#ffc;}
.vxPestana.Activa{background-color: #ff9;color: #000;font-size:1.3em;}
.vxPestana.Activa:hover{background-color: #006;color: #fff;}
.vxPestanaContent{margin:3px 0;padding:4px;border:1px solid #aaa;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}

.vxCaduca{background: rgba(54, 54, 54, 0.5);color:#555;}
.vxCaduca img{opacity:.6;filter:alpha(opacity=40);}

.rrhhFicha{margin:5px;padding:0;min-width:600px;width:600px;_width:600px;width:auto !important;border: outset 2px #a0a0a0;border-radius:7px;
	background: linear-gradient(#ffffff, #ddddee);background: -moz-linear-gradient(#ffffff, #ddddee);background: -webkit-linear-gradient(#ffffff, #ddddee);
	background: -o-linear-gradient(#ffffff, #ddddee);background: -ms-linear-gradient(top left, #FFF 0%, #dde 100%);}
.rrhhTitulo{padding:3px;margin:0;font-weight: bold; background: #36a; color: #fff;text-align: center;-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 4px;border-top-left-radius: 6px;border-top-right-radius: 4px;border-bottom:2px outset #36a;}
.rrhhContent{margin:2px;padding:3px}
.rrhhContent:hover{ background-color:#ffc;}
.rrhhTitulo.urgencia, .rrhhTitulo.urgencia0{background: #6c9;}
.rrhhTitulo.urgencia1{background: #36a;}
.rrhhTitulo.urgencia2{background: #900;}

/*		Redes sociales */

.icoRedSoc{width: 37px; height: 37px; background:url('https://www.granada.org/v10/icoRedSoc5.png') no-repeat;margin:0;border:0}
.icoRedSoc.icofb0{background-position: 0 0}
.icoRedSoc.icotw0{background-position: -37px 0px}
.icoRedSoc.icogg0{background-position: -74px 0px}
.icoRedSoc.icows0{background-position: -111px 0px}
.icoRedSoc.icoml0{background-position: -148px 0px}
.icoRedSoc.icofb1{background-position: 0 -37px}
.icoRedSoc.icotw1{background-position: -37px -37px}
.icoRedSoc.icogg1{background-position: -74px -37px}
.icoRedSoc.icows1{background-position: -111px -37px}
.icoRedSoc.icoml1{background-position: -148px -37px}
/* ----------------- para MontaImagenAlt y MontaImagen Responsive y quitar las tablas ----------------------------------------------*/
.cuadroDcha{float:left;width:120px;min-height;170px;margin:1em 2em;}
/* ---------------- cookiesPolicy ------------------------------------*/
.infoCookies{ bottom: 0;color: #fff;display: inline-table;position: fixed;text-align: center;width: 100%;z-index: 1000;background: #000 none repeat scroll 0 0;font-size: 1.5em;
	line-height: 1.5em;padding: 1em 0;opacity:0.9;filter:alpha(opacity=90);} 
.infoCookies:hover{opacity:1;filter:alpha(opacity=100);}

.cerrarCookies{float:right;padding-right:2em;}
.lnkBlanco{color:#fff; font-weight:bold;}
a.lnkBlanco:visited{color: #ff9;}
a.lnkBlanco:link{color: #fff; text-decoration: none;}
a.lnkBlanco:hover{color: #fff; text-decoration: underline;}

.lnkBlancoCookie{color:#fff; font-weight:bold;background-color:#030;border:2px inset #060;}
a.lnkBlancoCookie:visited{color: #fff;}
a.lnkBlancoCookie:link{color: #fff; text-decoration: none;}
a.lnkBlancoCookie:hover{color: #fff; text-decoration: none; background-color:#300;border:2px inset #600;}

/* ---------------- agenda institucional ---------------------------- */
.agendaBox{margin:5px;padding:5px;min-height:110px;height:110px;_height:110px;border:outset 2px #999;padding:8px;border-radius:7px;background:#eef;
	background: linear-gradient(#ffd, #dde);background: -moz-linear-gradient(#ffd, #dde);background: -webkit-linear-gradient(#ffd, #dde);
	background: -o-linear-gradient(#ffd, #dde);background: -ms-linear-gradient(top, rgba(255,255,221,1) 0%, rgba(221,221,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffdd', endColorstr='#ddddee',GradientType=0 );}
.agendaBox:hover{background:#ff9;}
	
.agendaFoto{max-width:200px;border:2px outset #049;float:right;margin:5px;}
.agendaIcono{height:100px;width:97px;float:left;margin-right:5px;}
.agendaEvento{text-align:right;color:#047;text-decoration:none;}
.agendaEvento:hover{ color: #f00; text-decoration:underline;}
.agendaBody{font-weight:normal;color:#360;padding:3px;}

.agendaMes{font-size:1.4em;font-weight:bold;color:#600;background-color:#fcc;height:32px;border:outset 2px #aaa;border-radius:5px;padding-top:12px;}
.agendaMes:hover{background-color:#9ff;}
.agendaMes img{margin-top:-7px;float:left;padding:3px;border:0}

.agendaDia{font-size:1.2em;min-height:20px;background-color:#cdf;height:28px;border:outset 2px #339;border-radius:5px;padding-top:7px;margin:5px;font-weight:bold;}
.agendaDia:hover{background-color:#ff9;}
.agendaDia img{margin-top:-7px;float:left;padding:3px;border:0}

.agendaPlegable{padding-left:20px;margin-bottom:10px;}

.imgMovil{width:99%}
/* ------------------------------ loading 6/8/2021 ----------------------------- */ 
.loading{font-size: 1.2em;font-weight: bold;color:#220088;}
.loading:after {
  content: ' .';
  animation: dots 1s steps(5, end) infinite;}
@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: #220088;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 #220088,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 #220088,
      .5em 0 0 #220088;}
}

/* ---------------------------- tablaGradiente ---------------------------------- */
.tablaGradiente{width:100%;border:0;}
.tablaGradiente td{border:1px solid #999;padding:3px;margin:0;text-align:center;}
.tablaGradiente td:hover{border:2px solid #000;padding:2px;}
.tablaGradiente tr:hover{background: #afa;}

.textSombra{color:#fff;font-weight:bold;text-shadow: 1px 1px #000;}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media print{    
    .noprint, .noprint *	{display: none !important;}
	.boton, .boton *{display: none !important;}
	.volverindice, .volverindice *{display: none !important;}
	#superiorForm, #superiorBotones, #superiorBuscar, #buscatop, #superiorSelect{display:none;}
	#cabeceraBanner, #cabeceraTexto, #izdaOtros, #menuHorizontal, #menuHorizontalsd{display:none;}
	#columnaIzquierda, #pie, #busquedagoogle,  #bodybodyfin{display:none}
	h1{color: #000;background-color:#fff;font-weight: bolder;text-align: center;margin:0;font-size: 1.3em;}
	#mainBody{width:auto}
	#superior{width:100%;position:inherit}
	#superiorTexto{font-size:1em}
	#columnaDerecha {width: auto;float: none; margin:2em 1em; padding:1em;}
	#mibody{padding:1em;page-break-inside: avoid;}
	#superiorTexto{display:inline}

/*	body{font-size: 100%;}	*/
}

/* for 980px or less */
@media screen and (max-width: 980px) and (min-width:801px) {
	#mainBody, #superior{width:100%;margin:0;}
	#columnaIzquierda{width: 231px;min-height:150px;}
	#columnaDerecha{margin-left:240px;}
	#pie{font-size:.85em;}
}

@media screen and (max-width: 800px) {
	#mainBody, #superior{width:100%; margin:0;}
	#izdaOtros, #superiorSelect, #piecentro{display:none;}
	#columnaIzquierda {width: auto;min-height:150px;margin:2px; float:none;}
	#columnaDerecha {width: auto;margin:2px;}
	#pie{font-size:.85em;}
}

@media only screen and (max-width: 736px){
	#mainBody, #superior{width:100%}
	#columnaDerecha {width: auto;float: none;margin:2px;}
	#columnaIzquierda {width: auto;min-height:150px;float: none;}
	#izdaOtros, #superiorForm, #menuHorizontal, #menuHorizontalsd, #superiorSelect{display:none;}
	#menuChicoDiv{display:block;}
}

/* for 700px or less */
@media screen and (max-width: 700px) {
	#mainBody, #superior{width:100%}
	#columnaIzquierda {width: auto;min-height:150px;margin:2px; float:none;}
	#izdaOtros, #superiorForm, #menuHorizontal, #menuHorizontalsd{display:none;}
	#menuChicoDiv{display:block;}
	#columnaDerecha {width: auto;float: none;margin:2px;}
	.ficha{min-width:90%}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
	body{margin:0;padding:0;width:100%;overflow-x:hidden;}
	#mainBody {width: 100%;overflow-x:hidden;}
	#superior {width:100%;overflow-x:hidden;}
	#superiorTexto{;overflow-x:hidden;}
	#header {height: auto;}
	#superiorForm, #superiorBotones, #superiorBuscar, #buscatop, #superiorSelect{display:none;}
	#cabeceraBanner, #cabeceraTexto, #izdaOtros, #menuHorizontal, #menuHorizontalsd{display:none;}
	#columnaIzquierda {width: auto;min-height:150px;float:none;margin:0;}
	#menuChicoDiv{display:block;margin:2.5em 0 0 0;}
	#mibody{padding:0;}
	#columnaDerecha {width: auto;float: none; margin:0; padding:2px;}
	.actCultural{min-width:300px;}
	.ficha{min-width:90%}
	.prensaImg{float:none;margin:.4em;width:96%}
}

