/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 06-jul-2015, 14:40:32
    Author     : diputacion
*/
/*cabecera*/


#cabecera {
/*	height: 61px;*/
/*		background: #99D6F5 url("../img/fondo_cab.jpg") top left no-repeat;0*/
}

#cabecera h1 {
	margin: 10px 0px 0px 8px;
	height: 54px;
/*	background: url("../img/logo.gif") 0px 10px no-repeat;
	text-indent: -3000px;*/
}

#cabecera h3 {
	margin: 0px;
	position: absolute;
	top: 6px;
	left: 279px;
/*	cambiar para cabecera sin margen */
	width: 415px;
	height: 60px;
/*	background: url("../img/portal_organismo.gif") 0px 0px no-repeat;*/
	text-indent: -3000px;
}

#cabecera .salir {
	position: absolute;
	background: url("../img/exit.gif") top left no-repeat;
	text-align: right;
	top: 28px;
	right: 26px;
}

.salir a {
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	color: #307CB6;
	font-weight: bold;
	font-family: verdana, arial, tahoma, geneva, sans-serif;
	text-decoration: none;
}
#barra_usuario .ayuda  {
	margin: 0px 10px;
	padding: 0px;
	text-align: right;
	Height: 23px;
	line-height: 23px;
}

#barra_usuario .ayuda a {
	background: url("../img/help.gif") right 0px no-repeat;
	text-decoration: none;
	Height: 23px;
	line-height: 23px;
	margin: 0px;
	padding: 1px 0px 0px 6px;
}
.cuadro {
	border: 1px solid #c7d9d3;
	background: #FFFFFF;
	/*padding: 15px;*/
	margin-bottom: 20px;
	height: 110px;
}
.cuadro h4{
	margin: 0px;
	padding-left: 10px;
}
.cuadro columns{
	padding-top: 10px;
}
.labelpart {
    color: #494949;
    font-weight: 600;
    font-size: 1.6rem;
    /*margin: 5px 0 4px 0;*/
}
.inputpart {
    color: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    /*margin: 5px 0 4px 0;*/
}
margin-input{
	    margin: 0 0 12px 0!important;
}

.titlepart{
	background-color: #a6d2f4;
	padding: 5px 0 5px 0;
}

/* FIELDSET*/
.marg-y-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important;
}
fieldset {
    border: 1px solid #11558A!important;
    border-radius: 4px!important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -goog-ms-border-radius: 4px;        
    padding: 7px;
    flex: auto;
}

fieldset legend {
    top: -10px;
    font-size: 1.7rem;
    font-weight: 700;
    color: #11558A;
    padding: 5px;
    margin-bottom: 0!important;
    border: none;
    width: auto!important;
}
.input-group{
	position: relative;
	display: flex;
	border-collapse: separate;
	height: 30px;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #444;
    text-align: center;
    background-color: #eee;
    
    border-top: 1px solid #969393;
   	border-right: 0px solid #969393;   
   	border-bottom: 1px solid #969393;
   	border-left: 1px solid #969393;   
    border-radius: 2px 0 0 2px;
}

.input-icon{
	border-radius: 0 2px 2px 0!important;
}


.button.aceptar { background-color: #0e736d;border-color: #09504c;  }
.button.aceptar:hover { background-color: #16b7ae;   }

.captcha {
	border: 1px solid;
    color: #f5e0ba;
}

/*BOTONES*/


.btn {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%);
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 35px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.btn-accion {
    color: #fff; 
    background-color: #2e8fc3;
    border-color: #1b5575;
}
.btn-accion:hover {
	 background-color:#81bbdb;
	}
.btn-home {
    color: #fff; 
    background-color: #d7b553;
    border-color: #be9178;
}
.btn-home:hover {
	background-color:#dfc375;
	}


.logo { 
    /*margin: 3px 0px 12px 0; */
    width: 22%;
    margin:0px 7px 20px 0px; 
    display: inline-block;
}
.headermenu{
    width: 77%; margin-top: 30px;
}
.aviso{
	position: relative;
    font-style: italic;
    font-size: 1.3rem;
    font-weight: 600;
}

@media screen and (max-width: 900px) {
	.aviso {
		position: relative;
		font-style: italic;
		font-size: 1.2rem;
		font-weight: 600;
	}

}

@media screen and (max-width: 480px) {
	.labelpart {
		color: #494949;
		font-weight: 600;
		font-size: 1.1rem;
		/*margin: 5px 0 4px 0;*/
	}
}

.ver{
    display: block;
}
.nover{
    display: none;
}
.ablanco {color: #FFFFFF;}

.atenuado{color:#CCC; font-size: 90%;}

div.column ul li { font-size: 90%; }

.columna { float: left; min-height: 1px; position: relative; text-align: center }


.columnafoto { float: left; min-height: 1px;  position: relative; }

.menusup {color:#555;  padding-top: 30px ;text-align: center;  }

.menusup:hover {color: #33877d;text-decoration: underline;}

.imgresponsive { position: relative; width: 100%; height: initial;  border: none; }

.novisible{display: none}

.hff { height: 5px }
.hf {height: 10px;}
.hg { height: 24px }
.hgg { height: 300px}

.supersmall{
    font-family: BitterItalic;
    color: #999;
    font-size:8.5px;    
}

.boxdestacadostitulo{
    background: #78909C;
    color: #FFF; 
    font-size: 13px;
    padding: 1px; 
    text-align: left; 
    min-height: 33px;
}
.boxdestacadoscontenido{
    font-size: 12px;
    line-height: 25px;
    padding: 8px;
    background-color: #F8F8F8; 
    border: 1px solid #e9e9e9; 
    border-bottom: 1px solid #999; 
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
.boxdestacadoscontenido .subrayado{
    font-size: 12px;
}
.boxdestacadoscontenido:hover .subrayado{
    font-size: 12px;
    text-decoration: underline;
}

.smallrightmargin { margin-right: 10px !Important }

.button.home{
    background:#FAFAFA;
    border: solid #DDD 1px;
    text-align: center;
    color:#2284a1;
    width: 100%;
    /* padding: 10px 22px 10px; */
    border-radius: 5px;
}
.button.home:hover { background-color: #E0E0E0}

.centrar{
  display:block;
  margin-left: auto;
  margin-right: auto;
}
#wrap { margin:0 auto 0 auto;}

.secundario:hover { background-color: #E0E0E0}
.secundario:focus { 
   /* -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
      -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; */
    box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.boxinicio { 
    cursor: pointer;
    padding: 3px;
    min-width: 100px;
    min-height: 30px;
    font-size: 12px; 
    color: white; 
    background-color: #FAFAFA; 
    border: 1px solid rgba(0, 0, 0, 0.1); 
   /* -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    -ms-border-radius: 2px; 
    -o-border-radius: 2px; */
    border-radius: 2px; 
    position: relative; 
    box-shadow: rgb(200,200,200) 2px 2px 2px;
    background: url(../images/sh.png) no-repeat 50% 0;
    background-color: #C8C8C8;
    margin: 3px;
}

.boxinicio:hover{
    box-shadow: rgb(150,150,150) 2px 2px 2px;
    background: url(../images/sh.png) no-repeat 50% 0;
    background-color: #B0B0B0;   
}
.temas{width:  100px; border-radius: 3px; border:1px solid #ccc;padding: 1px; }

.boxturismo {
    border-radius: 5px;
    min-width: 100%;
    border:1px solid #ddd;
    padding:1px 4px 1px 4px;
    margin-bottom:7px;
    /*display: -webkit-inline-block;*/
    display: inline-block;
    background: url(../images/sh.png) no-repeat 50% 0;
    background-color: #F8F8F8;      
}

/*  INICIO BOX NOTICIA ---------------------- */

.boxnoticia {
    border-radius: 5px;
    min-width: 100%;
    border:1px solid #ddd;
    padding:1px 4px 1px 4px;
    margin-bottom:7px;
   /* display: -webkit-inline-block;*/
    display: inline-block;
    background: url(../images/sh.png) no-repeat 90% 0;
    background-color: #F8F8F8;
}
.boxnoticia:hover{
    box-shadow: rgb(150,150,150) 5px 5px 10px;
    background-color: #FFFFFd;
}

.titularbox {color: #494949; font-weight: normal; font-size: 14px; line-height: 1.5; margin-top: 5px; margin-bottom: 6px; display: inline}
.antetitulo {color: #666; font-weight: normal; font-style: oblique; font-size: 12px; line-height: 1.3; margin-top: 5px; margin-bottom: 3px;}
.cabecera {color: #666; font-weight: normal; font-size: 16px; line-height: 1.3; margin-top: 5px; margin-bottom: 3px; }


.imgnoticia {
    overflow:hidden;
    border-radius: 3px;
    width: 50%;
    float:left;
    margin: 0 10px 0 -17px;
    }
    
 .imgbuscar {
	background:#d9d9d9;
	padding:0.5em 0.5em 0em 0.5em;
	border:1px solid #BBBBBB;
	border-radius:5px;
        /*display: -webkit-flex;*/
        display: flex;
        display: block;
        height: 250px;
        
        
}
.imgbuscar img{

        /*display: -webkit-flex;*/
        display: block;
        max-height: 200px;
}

.imgbuscador{
    overflow: hidden;
    border-radius: 3px;
    width: 50%;
    float: left;
    margin: 1px 10px 0 5px;
}

.titularizq  {border-radius: 3px;width:35%; border:1px solid #ccc; float:left; margin-bottom:3px; margin-top:1px;margin-right: 1px}

.titularder {border-radius: 3px;width:35%; border:1px solid #ccc; float:right; margin-bottom:3px; margin-top:1px;margin-left: 1px}


/* TABLA CALENDARIO ---------------------- */
.botoncalendario {background: #BBBBBB;color: #333; padding: 6px 0px; text-align: center; border: outset; }
.titulocalendario {background: #BBBBBB;font-size: 15px;color: #333;  text-align: center; border: 0px outset; }


/* PORTALES DE CADA AREA ---------------------- */
.dosierarea {
    border-radius: 3px;
    border: 1px solid #DDD;
    margin: 0 0 25px;
    padding: 20px;
    background: url(../images/sh.png) no-repeat 10% 0;
    background-color: 	#fffffe
   

}
.dosierarea .titularder{
    width:15%;
    margin-left: 25px;}
.dosierarea .titularizq{
    width:15%;
    margin-right: 25px;}
.dosierarea a{color: rgb(119, 119, 119);}
.dosierarea p{margin-left: 50px}
.dosierarea p a:hover{color:#33877d;}

.sobre a{margin-left: 10%}
.sobre{
    background: url(../images/sobre.gif);
    background-repeat: no-repeat;
    background-position: 0%;
}
.sobre:hover{
    background: url(../images/sobrehover.gif);
    background-repeat: no-repeat;
    background-position: 0%;
}

.nofound{    
    text-align: center;
}
.nofound b{
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 60px;
    color: #333;   
}
.activo:hover{ background: url(../images/undersharea.png) no-repeat 50% 0;background-color: #fffffd;}
.botonarea { 
    display: inline-block; 
    padding: 8px 8px 8px 18px;
    margin: 8px 0 0 0;
    font-size: 14px; 
    line-height: 20px;
    color: #181818;
    text-align: left;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); 
    vertical-align: middle; cursor: pointer;
    background: url(../images/undersharea.png) no-repeat 70% 0;
    background-color: #f8f8f8; 
    border-radius: 4px; 
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); 
}
a .botonarea {border: #ccc 1px outset; margin: 6px 0 0 0;}
a .botonarea:hover {border: #ccc 1px inset;}
.guion  {  
    background: transparent url("../images/timeline_century_tick.gif") no-repeat scroll left center;
    clear: left;
    float: left;
    width: 100%;
    border-left: 2px solid #CCC;
    padding-left: 7px}

/* PUBLICACIONES -------------------- */
.publicacion{
    padding: 5px 25px 10px 10px;
    float: left;
    color: #33877d; 
    width:80%; 
}
.observaciones{
    padding: 5px 25px 10px 25px;
    float: left;
    color: #33877d; 
}
.imgpublicacion  {
    border-radius: 3px;
    width:20%; 
}
.agotado{
    background: url(../images/publicaciones/agotado.gif);
    background-repeat: no-repeat; 
    height: 100%;

}
.publicacion span{
    color:#808080;
}
.publicacion strong{
    color:#808080;
}
.publicacion .autor{
    color:#808080;
}
.publicacion b{
    font-style: italic;
}
.publicacion em{
    color:#808080;
    font-style: italic;
}


.caption {caption-side: bottom;}

.columnatema { width: 14.2857142857% }/*14.2857142857%*/

.textobox {color: #555; }

.textoarea{color: #444}
.textoarea:hover{color: #33877d;text-decoration: underline;}

.centrado {text-align: center}

.enlace {color:#2284a1;}

.enlace:hover { 
    color:#808080;}

.decorado {color:#2284a1;font-size: 12px}
.decorado:focus { color: #2ba6cb; outline: none; }
.decorado:hover {color: #33877d;text-decoration: underline;}

.subrayado {color:#2284a1;font-size: 90%;}
.subrayado:focus { color: #2ba6cb; outline: none; }
.subrayado:hover {color: #33877d;text-decoration: underline;}

.subrayadomini {color:#2284a1;font-size: 80%;}
.subrayadomini:focus { color: #2ba6cb; outline: none; }
.subrayadomini:hover {color: #33877d;text-decoration: underline;}

.subrayado_no {color:#333; font-size: 90%;}

.subrayado_sangrado li {
	color:#2284a1;
	font-size: 90%;
	list-style-type: square;
}

.simplebox { 
    background: #fff; 
    border: 1px solid #eee;
    padding: 15px 20px; 
    font-size: 13px; 
    border-left: 1px solid #33877d; 
    line-height: 26px;  
}
.separador {border-bottom: dashed #099 1px;}

ul ol a {border-bottom: solid #099 1px;}



.tituloseccion {color: #494949;font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size: 17px;font-style: normal;font-weight: bold;  margin-bottom: 20px; border-bottom: 1px dashed #ccc; line-height: 1.1;margin-bottom: 24px; margin-top: 24px;}


.titulobanner:hover {color: #fff;text-decoration: underline;}



.tex_comarca { font-family: arial ;font-size: 11px; line-height: 0.1; margin-top: 0px; margin-bottom: 0px; }




.foto {width:50%;border:1px solid #ccc; padding:2px;float:left;margin-right:10px; margin-bottom:10px; margin-top:1px;}

.imagen {height: 70%}

.borde{max-height: 550px; border-radius: 3px; border:1px solid #ccc;padding: 1px; }

.titulo h3 { font-size: 25px; background:#fff; display: inline; padding-right: 10px; padding-left: 10px; }

.secciontitulo {  margin: 1px 0 25px ; min-height: 20px; }

.secciontitulo h4 { font-size: 20px; background:#fff; display: inline; padding-right: 10px; padding-left: 10px; }

.fecha {/* padding-left: 5px; */font-family:BitterItalic;color: #999;}

.slide { margin: 0; padding: 0;}


.img_opacidad {
   /* -webkit-box-shadow: none;
    -moz-box-shadow: none;*/
    box-shadow: none;

}
.img_opacidad:hover {
    /*-webkit-box-shadow: 2px 2px 15px 3px #DDD;
    -moz-box-shadow: 2px 2px 15px 3px #DDD;*/
    box-shadow: 2px 2px 15px 3px #DDD;
}

.iconogaleria {  width: 90px; }

.lead { background: #f9f9f9; margin: 0 0 22px 0; padding: 20px; }


/* MUNICIPIOS ---------------------- */

.letrasdirectorio{color:#2284a1;font-size: 1.1em;font-weight: bold}
.letrasdirectorio:focus { color: #2ba6cb; outline: none; }
.letrasdirectorio:hover {color: #33877d;text-decoration: underline;}


.letraactual{
    font-size:2.5em;
}
.escudo{ 
    margin-right:15px; 
    float: left; 
    background: #fff; 
    width: 100px; 
    height: 100px; 
    padding: 10px 10px 15px 25px;
    border: 1px solid #999; 
    border-radius: 50%; 
    box-shadow: 0px 1px 1px 1px #bbb;
}
.escudo img{ 
    display: block; 
    width: 75%;
    border: 0; 
    margin: 0;
    border-radius: 50%;
}

.img_pueblo {
    border: 10px solid #FFF;
    margin-top: 20px;
    position: relative;
    box-shadow: rgb(200,200,200) 3px 3px 3px 3px;
}

.google-maps {
    position: relative;
    padding-bottom: 75%; 
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.tituloseccion2{
    color: #494949;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    border-bottom: 1px dashed #ccc;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-top: 10px;
}
/* Turismo Municipios ---------------------- */

.tabs dd{    
    line-height: 20px;
    color: #181818;
    text-align: left;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); 
    vertical-align: middle; cursor: pointer;
    background-color: #f5f5f5; 
   /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); 
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); 
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x; border: 1px solid #ffffff; */
    background: url(../images/sh.png) no-repeat 50% 0;
    background-color: #F8F8F8;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 

}

/* Panels ---------------------- */
.panelnoticia {background: #f9f9f9; margin: 0 0 22px 0; padding: 20px; border-left:4px solid #33877D;}
.panelnoticia > :first-child { margin-top: 0 }
.panelnoticia > :last-child { margin-bottom: 0 }
.panelnoticia.callout { background: #fff; color: #000; border-color: #2284a1;/* -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);*/ box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.panelnoticia.callout a { color: #fff }
.panelnoticia.callout .button {
}
.panelnoticia.callout .button:hover {
}
.panelnoticia.radius { /*-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;*/ border-radius: 3px; }

.panelnoticia strong {font-size: 15px}
.panel2 { background: #fff; margin: 0 0 22px 0; padding: 20px; }
.panel2 > :first-child { margin-top: 0 }
.panel2 > :last-child { margin-bottom: 0 }
.panel2.callout { background: #fff; color: #000; border-color: #2284a1; /*-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);*/ box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.panel2.callout a { color: #fff }
.panel2.callout .button {
}
.panel2.callout .button:hover {
}
.panel3 { background: #fff; margin: 0 0 33px 0; padding: 30px; }
.panel3 > :first-child { margin-top: 0 }
.panel3 > :last-child { margin-bottom: 0 }
/*.panel3.callout { background: #fff; color: #000; border-color: #3384a1; -webkit-box-shadow: inset 0px 1px 0px rgba(355, 355, 355, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(355, 355, 355, 0.5); box-shadow: inset 0px 1px 0px rgba(355, 355, 355, 0.5); }*/
.panel3.callout a { color: #fff }
.panel3.callout .button {
}
.panel3.callout .button:hover {
}

.panel2.radius { /*-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;*/ border-radius: 3px; }
#panel {
	background: #fff;
	display: none;
	padding: 5px 0 5px 0;
}
#panel2 {
	background: #fff;
	display: none;
	padding: 5px 0 5px 0;
}
#panel3 {
	background: #fff;
	display: none;
	padding: 5px 0 5px 0;
}





.centersectiontitle h3 {color: #999; font-size: 20px; background: #fff; display: inline; padding-right: 10px; padding-left: 10px;}

/* Carrusel ---------------------- */

div#carrusel {
    margin: 84px;
    
}

ul{
	padding: 0;
	margin: 0;
}
.col-md{
	background: #F3F3F3;
	padding: 0.5em 0.5em 0em 0.5em;
	border: 1px dotted #BBBBBB;
	border-radius: 5px;
        /*display: -webkit-flex;*/
        display: block;
        height: 270px;
        width: 175px;      
}


.col-md a{
        font-family:"Times New Roman", Times, serif;
        font-style: italic;
        font-size: 12px;
        color: black;
}

.col-md p { 
    font-size: 12px; 
    line-height: 1.4; 
    margin-top: 5px; 
    margin-bottom: 1px; 
}
.col-md img{
        width: 160px;
        height: 160px;
        /*display: -webkit-flex;*/
        display: block;
}
.content-top-in {
  padding: 3em 0;
}

.top-content h5{
	font-size:0.8em;
	padding:0.5em 0 1.5em;
}
.top-content h5 a{
	color:#494949;
	text-decoration:none;
}
.top-content h5 a:hover{
	color:#f95a32;
}

/*NO TOCAR*/
.content-middle-in,.content-bottom-in {
  padding: 2em 0;
}
#flexiselDemo1 ,#flexiselDemo2{
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	list-style-type: none;
	text-align:center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:90%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;	
}
/*---- Navigation ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width:40px;
	height:40px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.nbs-flexisel-nav-left {
	left: 0px;
	background: url(../images/img-sprite.png) no-repeat -149px 0px ;
}
.nbs-flexisel-nav-right {
	right: 0px;
	background: url(../images/img-sprite.png) no-repeat -187px 0px;
}

.bag h5{
	text-align:left;
}

.oculto {
        display: block;
        opacity: 0.6;
        padding: 10px 0 0 0;
        margin: 390px auto;

        /*-webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;*/
        transition: all 500ms ease-in-out;
}
.oculto p{
        background-color: #666;
        background-position: bottom;
        border: 1px solid #999;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        font-size: 15px;
        padding: 0 0 0 5px;
}
.oculto:hover {
        opacity: 0.9;
}

div.imprimir:hover {
    opacity: 0.7;
}

div .icono {
	padding: 15px 0 15px 10px;
}


.logo_area {
        width: 100%;
	background-color: #DDD;
	border: solid #666 1px;
	padding: 1px;
	text-align: center;
	min-width: 200px;
}

.tema{
	border: dotted #666 1px;
	border-radius: 15px;
	/*-moz-border-radius: 15px;
	-webkit-border-radius: 15px;*/

}

.tema:hover{
	background-color: #444;
}

.tema:hover a{
	color: #FFF;
}

.tema div ul li {
	padding: 2px;
	list-style-type: disc;
}

#responsable{
        width: 100%;
	background-color: #F3F3F3;
	border: dotted #CCC 1px;
	border-radius: 15px;
	/*-moz-border-radius: 15px;
	-webkit-border-radius: 15px;*/
	text-align: center;
	min-width: 200px;
}
#actual_agenda_buscar {
	background: url(../images/fondo_aab.png) center no-repeat;
	margin-bottom: 10px;
	padding: 8px;
	text-align: left;
}

.circulo {
	background-color: #999;
	display: inline-block;
	width: 80px;
	height: 50px;
	border-radius: 40%;
	/*-moz-border-radius: 40%;
	-webkit-border-radius: 40%;*/
	margin-left: 5px;
	padding-top: 2px;
	text-align: center;
}

.circulo div {
	color: #FFF;
}

.circulo:hover {
	background-color: #33877d;
	border-radius: 40% 40% 5% 40%;
	/*-moz-border-radius: 40% 40% 5% 40%;
	-webkit-border-radius: 40% 40% 5% 40%;*/
}

.circulo.seleccionado {
	background-color: #33877d;
	border-radius: 40% 40% 5% 40%;
	/*-moz-border-radius: 40% 40% 5% 40%;
	-webkit-border-radius: 40% 40% 5% 40%;*/
}

.circulito {
	width: 25px;
	height: 20px;
	background-color: #33877d;
	border-radius: 50% 5% 40% 40%;
	/*-moz-border-radius: 40% 5% 40% 40%;
	-webkit-border-radius: 40% 5% 40% 40%;*/
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.fondo_titulo {
	color: #666;
	border-bottom-color: #33877d;
	font-size: 18px;
	font-weight: bold;
}

.fecha_dcha {
	background-color: #FFF;
	border-radius: 0 0 15px 15px;
	border: 1px solid #ccc;
	border-top: none;
	border-bottom-color: #666;
	border-right-color: #666;
	display: inline-block;
	float: right;
	font-style: italic;
	font-size: 11px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: -20px;
	text-align: center;
	width: 180px;
}

.fecha_dcha .num_actual {
	font-size: 16px;
	padding: 2px;
}

.fecha_dcha .num_agenda {
	font-size: 14px;
	padding: 2px;
}

#cal_agenda {
	margin-bottom: 10px;
	padding: 8px;
}

#cal_agenda ul {
	border-radius: 50%;
	/*-moz-border-radius: 50%;
	-webkit-border-radius: 50%;*/
	display: inline-block;
	margin: 2px;
	padding: 4px;
}

#cal_agenda ul.anio {
	background-color: #F3F3F3;
	padding: 7px;
}

#cal_agenda ul li.nn {
	font-weight: bold;
	border-bottom: #33877d 1px dashed;
}

#cal_agenda ul.n li {
	border-bottom: none;
}

#cal_agenda ul.n {
	background-color: #FFF;
	border: solid #33877d 1px;
	font-weight: bold;
}

#cal_agenda ul.anio a:link {
	font-size: 18px;
}

/* MENU LATERAL
*/


.menulateral  
{
    height: 100%;
    width: 100%; /*or pixel value*/
    min-width: 200px; 
    border-top:1px solid #D2D8DE;
    border-left: 1px solid #D2D8DE;
    border-right: 1px solid #D2D8DE;
}
.menulateral  ul li.titulo1
{
    background: none;
    background-color: #DDD;
    color: #066;
    font-weight: bold;
    line-height: 18px;
    padding: 0 5px 0 5px;
}

.menulateral  li.titulo2
{
    border-bottom: 1px solid #D2D8DE;
    padding: 6px 20px 6px 12px;
    font:normal 12px Verdana;
    outline:none;
    text-align:left;
    text-decoration:none;
    
}    


.menulateral  li.titulo2.noseleccionado
{
    background:#EEE url(../images/bg.gif) repeat-x 0 0;

}
.menulateral  li.titulo2.seleccionado
{
    background-color: #FFF;
    
    display: block;
    background: url(../images/arrows_r.gif) no-repeat left;
    background-position: 95% 50%;
  
}
.menulateral  li.titulo2.seleccionado a
{
    color: #09F;
    text-decoration: underline;
    background: none;
  
}
  
.menulateral  div.current, .menulateral  div:hover, .menulateral  a.link:hover, .menulateral  div.current a.link
{
    color:#333;
    font-weight:normal;
    text-decoration:none;   
    background-position:0 -64px;
}


/* arrow image for the top headings */
.menulateral  div.arrowImage {
    width:12px;
    height:12px;
    top:9px;
    right:6px;
	left:auto; /*Setting "left:8px;right:auto;" will position the arrow image to the left*/
    background-image:url(../images/arrows.gif);
    background-position:0 0;
}

.menulateral  div.current div.arrowImage {
    background-position:0 -12px;
}

.menulateral  li.separator
{
    border-top:1px solid #D2D8DE;
    border-bottom: none; 
}


/* ##### Sub level items #####*/
.menulateral  ul.sub
{
	padding-left:25px; /*This determines the hierarchical offset*/ 
}

.menulateral  ul.sub div.heading
{
    text-align:left;
    font:normal 12px Arial;
    padding:5px;
	padding-left:0px;
    color:Black;
    background:none; 
}
.menulateral  ul.sub div.heading a
{
    color:Black;
}

.menulateral  ul.sub div.current
{
    color:Black;
    background:none; 
}

.menulateral  ul.sub a.link
{
    font:normal 12px Arial;
    color:#333;
    padding:5px; 
	padding-left:5px;
    text-decoration:none;
    background:none; 
}

/*submenus*/
.menulateral  ul.sub a.link:hover, .menulateral  ul.sub a.current, .menulateral  ul.sub div.heading a:hover, .menulateral  ul.sub div.heading a.current
{
    color:#09F;
    text-decoration:underline;
    background:none; 
}

/*FORZADO DE CATEGORIA ACTUAL*/
.menulateral  ul.sub a.smenu_actual
{
   color: #09F;
   text-decoration: underline;
   background:none; 
}


.menulateral  ul.sub div.arrowImage {
    width:12px;
    height:12px;
    top:6px;
    left:4px;
    background-image:url(../images/arrows.gif);
    background-position:0 -24px;
}
.menulateral  ul.sub div.current div.arrowImage {
    background-position:0 -36px;
}

.publicacio


/* ##### Followings usually don't need modification ###### */
/*Hack the font-size:0 bug for IE6 */
.menulateral ,  .menulateral  ul
{
    display:block;
    font-size:0px;
    line-height:0px;
}
.menulateral  li {
	color: #066;
	font-size:12px;
	line-height:16px;
}
.menulateral :after {
	content:'.';
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
} 





.menulateral  div.heading, .menulateral  div.current
{
	position:relative;
    cursor: pointer;
}
.menulateral  div.arrowImage {
	position:absolute;
	overflow:hidden;
}





.lista ul li {
	list-style-type: disc;
	margin-left: 20px;
}

.justificado {
	text-align: justify;
}

table.normal tr td, th {
	text-align: left;
	padding: 5px;
}

/* ============ FAQ============= */

.faqs dl { margin-bottom: 20px }
.faqs dl, .faqs dt, .faqs dd { padding: 0; margin: 0; }
.faqs {/* padding-top: 20px; 
    border: 1px solid #eee;/* padding: 20px; */  
    /*-webkit-border-radius: 4px; 
    -moz-border-radius: 4px;*/
    border-radius: 4px; }
.faqstitle { color: #333; font-size: 15px; padding-bottom: 20px; line-height: 0; padding-top: 20px; background: #eee; padding-left: 20px; padding-right: 20px; margin-bottom: -5px; font-family: OpenSansRegular; border: 1px solid #e7e7e7; font-weight: bold; }
.faqs dt { font-size: 17px;  padding: 3px 0 12px 10px; position: relative; }
.faqs dt:hover { cursor: pointer }
.faqs dd { padding: 0 0 5px 30px; position: relative; line-height: 1.8; }
.faqs .hover { color: #0E8FAB }
.faqsicon { float: left; margin-top: -9px !Important; padding-right: 10px; font-size: 18px; }
.faqs .resultado{   
    border: 1px solid #ccc;
    padding: 10px 0 0 10px;
    margin-bottom: 10px;  
        
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); 
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); 
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x; border: 1px solid #bbbbbb;*/ 
    background: url(../images/sh.png) no-repeat 50% 0;
    background-color: #f5f5f5; 
    border-radius: 4px; 

}

.campo_prop {
    font-family: 'Courier New', Courier, mono;
}

.img_destacados {
    padding: 5px;
    width: 100%;
    height: auto;
}


@media only screen and (max-width: 800px) { 

	div#contenido.nine{
		margin-left: 220px;
		float: none;
		width: auto;
	}

}


@media only screen and (max-width: 480px) { 

	div#contenido.nine{
		margin-left: 0px;
		float: none;
		width: auto;
	}
        #actual_agenda_buscar {
		background: none;
		margin-top: 20px;
		text-align: center;
	}

        .img_destacados {
            padding: 2px;
            width: 60px;
            height: auto;
        }

}
hr.faded {
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 1.4em 0;
  border: none; 
              background: url(../images/sh.png) no-repeat 50% 0;
            background-color: 	#C8C8C8
 /* background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, rgb(255,255,255)),
      color-stop(0.1, rgb(221,221,221)),
      color-stop(0.9, rgb(221,221,221)),
      color-stop(1, rgb(255,255,255))
  )
  background-image: -moz-linear-gradient(
      left center,
      rgb(255,255,255) 0%,
      rgb(221,221,221) 10%,
      rgb(221,221,221) 90%,
      rgb(255,255,255) 100%
  )*/
}

.nav-footer > li { 
    font-size: 13px;
    float: left; 
    display: block; 
    position: relative;  
    margin: 20px 7px 0 0; 
    line-height: 40px; 
    height: 40px;
}
 .nav-footer :hover { 
     text-decoration: underline;
 }
/* ============ BOTONES DE TEMAS HOME ============= */
 .row.collapse .colum { padding: 0 }
 .columnasinpadding { float: left; min-height: 1px;padding: 0 2px;}
 .tamaniodos{
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 
    color: #222222;
    display: block;
    font-weight: bold;
 }
 /* ============ CAJAS DESTACADOS HOME ============= */
 .hometitulocaja {
    background: #0E8FAB;
    color: #fff;
    font-size: 17px;
    margin-top: 5px;
    text-align: center;
    margin-bottom: 0px;
    padding: 5px;
	}
.contenidocaja {
    width: 100%;
    padding: 3px 3px 3px 5px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-top: 0px;
    display: inline-block;
    font-size: 14px;
    color: #353535;

}
.fechacaja {
    font-size: 11px;
    padding-right: 3px;
    font-family: BitterItalic;
}
.novedad  {
   
    font-size: 10px;
    padding: 3px 5px;
    margin: -10px 0 0 20px;
    /* margin-right: 20px; */
    border-radius: 0 0 5px 5px;
    background: #009688;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
}
.imgdestacadosizq {
    border-radius: 3px;
    max-height: 60px;
    border: 1px solid #ccc;
    float: left;
    margin-left:  10px;
    margin-right: 15px;

}
.imgdestacadosder {
    border-radius: 3px;
    max-height: 60px;
    border: 1px solid #ccc;
    float: right;
    margin-right: 10px;


        
}