@charset "UTF-8";

/*----- generales -----*/
html{
    font-size: inherit;
}

html[lang]{
    min-height: 100% !important;
    position: relative !important;
}

body{
    margin: 0;
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size: 13px;
    color: #333;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.section{
    display: table;
    width: 77em;
    margin: 0 auto;
}

ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul li{
    margin: 0;
    padding: 0;
}

a{
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    text-decoration: none;
    color: #333;
}

a:hover,
a:focus{
    text-decoration: underline;
}

img,
a{
    border: 0;
}

acronym,
abbr{
    border-bottom: 1px dotted;
    cursor: help;
}

abbr[title],
acronym[title]{
    text-decoration: none !important;
}

.sub{
    text-decoration: underline;
}

.textocursiva{
    font-style: italic;
}

.clearboth{
    clear: both;
}

.oculto,
figcaption{
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: fixed;
}

figcaption{
    margin: 0 !important;
}

.subir{
    float: right;
    margin-right: 1em;
    background: url(subir.gif) no-repeat right center;
}

	/*----- encabezados -----*/
h4{
    font-size: 1.154em;
}
	
h5{
    font-size: 1em;
    text-decoration: underline;
}

    /*----- imagenes -----*/
.imagen-izq{
    float: left;
    display: block;
    margin: 5px 12px 10px 0px;
}

.imagen-der{
    float: right;
    display: block;
    margin: 5px 0 5px 12px;
}

.imagen-centra{
    text-align: center;
}

.img-der{
    margin: 5px 0 0 12px !important;
    float: right;
}

.img-izq{
    margin: 5px 12px 0 5px !important;
    float: left;
}

.img-centra{
    text-align: center;
}

.imagen{
    margin: 3em 0;
}

.img-30 img,
.img-30{
    width: 30px;
}

.img-80 img,
.img-80{
    width: 80px;
}

.img-100 img,
.img-100{
    width: 100px;
}

.img-120 img,
.img-120{
    width: 120px;
}

.img-150 img,
.img-150{
    width: 150px;
}

.img-180 img,
.img-180{
    width: 180px;
}

.img-200 img,
.img-200{
    width: 200px;
}

.img-240 img,
.img-240{
    width: 240px;
}

.img-250 img,
.img-250{
    width: 250px;
}

.img-280 img,
.img-280{
    width: 280px;
}

.img-300 img,
.img-300{
    width: 300px;
}

.img-350 img,
.img-350{
    width: 350px;
}

.img-400 img,
.img-400{
    width: 400px;
}

.img-500 img,
.img-500{
    width: 500px;
}

.img-600 img,
.img-600{
    width: 600px;
}

.img-720 img,
.img-720{
    width: 720px;
}

.img-800 img,
.img-800{
    width: 800px;
}

.centrada,
.centrada img{
    display: block;
    margin: auto auto 1em !important;
}

.dos-centradas,
.dos-centradas img{
    text-align: center;
}

.dos-centradas img:first-child{
    margin-right: 2px !important;
}
	
p.centrada + .dos-col.centrada{
    margin-top: 4em !important;
}

.oculto_nolee{
    display: none; 
}

/*----- menu movil -----*/
.menu_bar{
	display: none;  
}

.menu_bar + nav{
	display: none;
}

.menu_bar + nav ul li{
	display: inline-block;
	position: relative;
}

.menu_bar + nav ul li:hover,
.menu_bar + nav ul li:focus{
    background-color: #007936;
}

.menu_bar + nav ul li:hover a,
.menu_bar + nav ul li:focus a,
.menu_bar + nav ul li:hover span,
.menu_bar + nav ul li:focus span{
    color: #FFF;
}

.menu_bar + nav ul li.submenu{
    background-color: #F4F4F4;
}

.menu_bar + nav ul li.submenu a{
    color: #000;
}

.menu_bar + nav ul li.submenu.desplegado{
    background-color: #007936;
}

.menu_bar + nav ul li.submenu.desplegado a{
    color: #FFF;
}

.menu_bar + nav ul li a,
.menu_bar + nav ul li span{
	color: #000;
	display: block;
	text-decoration: none;
	padding: 20px;
}

.menu_bar + nav ul li a span{
	margin-right: 10px;
}

.menu_bar + nav ul li:hover .children{
	display: block;
}

.menu_bar + nav ul li .children{
	display: none;
	background: #333;
	position: absolute;
	width: 150%;
	z-index: 1000;
}

.menu_bar + nav ul li .children li{
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #FFF;
}

.menu_bar + nav ul li .children li.activa{
    background-color: #007936;
    border-top: 1px solid #FFF;
}

.menu_bar + nav ul li .children li a{
	display: block;
    color: #FFF;
}

.menu_bar + nav ul li .children li a:hover{
    color: #FFF;
}

.menu_bar + nav ul li .children li a span{
	/*CHV*/
	/*float: right;*/
	float: bottom;
	position: relative;
	top: 3px;
	/*CHV*/
	/*margin-right:0;*/
	margin-bottom: 0;
	margin-left: 10px;
}

/*----- header -----*/
#content-header{
    margin: 0 0 35px;
    padding-top: 1.2em;
}

#content-header .section{
    display: table;
}

#content-header .logos{
    display: table;
    width: 88%;
    float: left;
}

#content-header .logos a{
    height: 65px;
}

#content-header .logos a:hover,
#content-header .logos a:focus{
    outline: 1px solid #000;
}

#content-header .logos img{
    height: 65px;
}

#content-header .logos .logo{
    width: 38%;
    float: left;
}

#content-header .logos .centro{
    width: 62%;
    float: left;
}

#content-header .logo-centro{
    margin-bottom: .5em;
}

#content-header .section a{
    display: inline-block;
}

#content-header .section > a:hover,
#content-header .section > a:focus{
    outline: 1px solid #000;
}

#content-header h1{
    display: inline-block;
    width: 81%;
    margin-left: 1em;
    vertical-align: top;
    font-size: 1.5em;
    color: #000;
    font-weight: normal;
}

#content-header .section h1.elaboracion span{
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size: 1em;
}

    /*----- idiomas -----*/
#idiomas{
    float: right;
}

#idiomas p{
    margin: 0;
    padding: 5px 15px 5px 10px;
    font-weight: bold;
    background-color: #F4F4F4;
    border-radius: 5px;
}

#idiomas .sf-menu{
    position: relative;
    width: 100%;
    z-index: 11;
}

#idiomas .sf-menu .desplegable{
    position: relative;
    background-color: #F4F4F4;
    border-radius: 5px;
}

#idiomas .sf-menu .desplegable > a{
    display: block;
    padding: 5px 15px 5px 10px;
    margin-right: 9px;
    font-weight: bold;
    background: url(flecha-menu-idiomas.png) no-repeat right 9px;
   
}

#idiomas > ul:focus-within .desplegable > a,
#idiomas ul li.desplegable:hover > a,
#idiomas ul li.desplegable:focus > a,
#idiomas ul li.desplegable > a:hover,
#idiomas ul li.desplegable > a:focus{
    background: url(flecha-menu-idiomash.png) no-repeat right 9px;
}

#idiomas .desplegable ul{
    position: absolute;
    width: 100%;
    display: block;
    background-color: #fff;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    text-align: center;
}

#idiomas .desplegable ul li{
    display: block;
    margin: 0;
}

#idiomas .desplegable .activa{
    background-color: #F4F4F4;
}

#idiomas .desplegable .activa:hover,
#idiomas .desplegable .activa a:focus{
    outline: 1px solid #000;
}

#idiomas .desplegable ul a{
    display: block;
    padding: 6px 10px;
    font-weight: bold;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

#idiomas .desplegable ul a:hover,
#idiomas .desplegable ul a:focus{
    text-decoration: none;
    background-color: #F4F4F4;
}

    /*----- navegacion -----*/
#nav-cabecera{
    width: 100%;
    margin: 1.5em 0 1em;
    border-bottom: 8px solid #007936;
}

#nav-cabecera .section{
    margin: 0 auto;
    display: table;
}

#nav-cabecera .sf-menu{
    position: relative;
    z-index: 10;
    font-weight: bold;
    padding: 0;
}

#nav-cabecera .sf-menu li{
    position: relative;
}

#nav-cabecera .sf-menu > li{
    float: left;
    margin: 0 .5em;
}

#nav-cabecera .sf-menu > li:first-child{
    margin: 0;
    border-left: none;
}

#nav-cabecera .sf-menu > li:first-child.activa a:hover,
#nav-cabecera .sf-menu > li:first-child.activa a:focus{
    text-decoration: none;
    cursor: context-menu;
}

#nav-cabecera .sf-menu li.activa a{
    color: #FFF;
    background-color: #007936;
    border-radius: 5px 5px 0 0;
}

#nav-cabecera .sf-menu li a{
    display: block;
    padding: 6px 10px;
    white-space: nowrap;
    font-size: 1em;
    color: #000;
    font-weight: bold;
}

#nav-cabecera .sf-menu .desplegable > a{
    display: block;
    padding: 6px 20px 6px 10px;
    background: url(flecha-menu-idiomas.png) no-repeat right 9px;
    cursor: context-menu;
}

#nav-cabecera ul .desplegable:focus-within > a,
#nav-cabecera ul .desplegable:hover > a,
#nav-cabecera ul .desplegable:focus > a,
#nav-cabecera ul .desplegable > a:hover,
#nav-cabecera ul .desplegable > a:focus{
    text-decoration: none;
    background: url(flecha-menu-idiomash.png) no-repeat right 9px;
}

#nav-cabecera .sf-menu .desplegable ul{
    position: absolute;
    left: 0;
    background-color: #fff;
    border: 1px solid #d6d6d6;
}

#nav-cabecera .sf-menu .desplegable ul li.activa a{
    border-radius: 0;
    color: #FFF;
}

#nav-cabecera .sf-menu .desplegable ul li.activa a:hover,
#nav-cabecera .sf-menu .desplegable ul li.activa a:focus{
    color: #000;
    background-color: #FFF;
    outline: 1px solid #000;
}

#nav-cabecera .sf-menu .desplegable ul li a{
    color: #000;
     transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

#nav-cabecera ul .desplegable ul li a:hover,
#nav-cabecera ul .desplegable ul li a:focus{
    text-decoration: none;
    color: #FFF;
    background-color: #007936;
}

    /*----- buscador -----*/
#nav-cabecera #busca{
    float: right;
    height: 27px;
    margin: 0;
    padding: 0!important;
    border: none;
}

#nav-cabecera #busca form{
    margin: 0;
}

#nav-cabecera #busca #buscar{
    height: 25px;
    width: 220px;
    border: none;
    background-color: #ededed;
    padding: 0 .5em;
}

#nav-cabecera #busca #buscar:hover,
#nav-cabecera #busca #buscar:focus{
    background-color: #fff;
    outline: 2px solid #ededed;
}

#nav-cabecera #busca #botonBuscar{
    width: 22px;
    height: 25px;
    background: url(ico-buscar_sede.png) no-repeat center;
    cursor: pointer;
    border: 0 none;
}

#nav-cabecera #busca #botonBuscar:hover,
#nav-cabecera #busca #botonBuscar:focus{
    outline: 1px solid #000;
}


/*----- main-content -----*/
#main-content{
    margin-bottom: 43px;
}

#main-content .section h2{
    font-size: 1.3em;
    font-weight: bold;
}
	
/*----- contenido principal de la home -----*/
#contenido-home{
    float:left;
    width: 73%;
    margin: 0 0 92px;
}
	
    /*----- directo a -----*/
#directo-a{
    display: table;
    width: 100%;
    margin-bottom: 1.5em;
}

#directo-a h2{
    margin: 0 0 16px 0px;
    font-size: 1.923em;
    text-transform: uppercase;
    font-weight: normal;
}

#directo-a ul{
    display: table;
    width: 100%;
}

#directo-a ul li{
    float: left;
    width: 18%;
    margin: 0 2% 0 0;
    padding: 0 0 10px;
    vertical-align: top;
    background: url("linea-horizontal.png") repeat-x left bottom;
}

#directo-a ul li:last-child{
    margin: 0;
}

#directo-a li#actualidad{
    display: none;
}

#directo-a li:nth-child(2){
    margin-left: 1%;
}

#directo-a ul li a{
    display: block;
    height: 70px;
}

#directo-a ul li a span{
    display: block;
    width: 67%;
    padding-top: 8px;
    margin-left: 10px;
    font-size: 0.923em;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
}

    /*----- enlace a la sede -----*/
.enlacesede{
    display: none;
}
		
    /*----- avisos -----*/
#contenido-home div.mensaje{
    width: 680px;
    margin: 7px auto;
    padding: 20px 23px;
}

#contenido-home div.mensaje p{
    margin: 0;
}

#contenido-home div.mensaje p:first-child{
    float: left;
}

#contenido-home div.mensaje p,
#contenido-home div.mensaje p+p{
    display: inline-block;
    vertical-align: middle;
}

#contenido-home div.mensaje a{
    display: inline-block;
}

#contenido-home div.mensaje p#aviso{
    padding: 10px 0 10px 45px;
}
		
#contenido-home div.mensaje p#aviso+p{
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    width: 80%;
}
		
#contenido-home div.mensaje p#retrans{
    padding: 10px 0 10px 45px;
}
		
#contenido-home div.mensaje p#retrans+p{
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    width: 70%;
}
		
#contenido-home div.mensaje p#info{
    padding: 10px 0 10px 45px;
}
		
#contenido-home div.mensaje p#info+p{
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    width: 70%;
}
		
#contenido-home div.mensaje p#navidad{
    padding: 17px;
}
		
#contenido-home div.mensaje p#navidad+p{
    margin: 0 0 0 10px;
    padding: 0 0 0 15px;
    width: 90%;
}

#contenido-home div.mensaje p#aviso,
#contenido-home div.mensaje p#retrans,
#contenido-home div.mensaje p#info{
    font-size: 1.154em;
    text-transform: uppercase;
    font-weight: bold;
}	

#contenido-home div.mensaje p#navidad{
    background: url("ico-navidad.png") no-repeat left center;
    color: #2a5937;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.154em;
}

#contenido-home div.mensaje p+p{
    color: #333;
    border-left: 1px solid #d6d6d6;
    font-weight: bold;
}
		
    /*----- carruseles -----*/
.carrusel{
    margin-bottom: 45px;
    clear: right;
    border-radius: 5px;
}

.carrusel.margen-top{
    margin-top: 45px;
}

.carrusel.last{
    margin-bottom: 0;
}

.subhome .carrusel.auto{
    padding-bottom: 40px;
}

.bxslider li{
    padding: 0 !important;
    background: none;
}

.bx-wrapper .bx-viewport{
    padding: 10px 0 5px;
    margin: 0 0 0 3px;
    background: none;
    border: 0 none;
    box-shadow: none;
}

.bx-viewport li{
    min-height: 1px;
    min-width: 1px;
}

.bxslider .banner-text a{
    font-weight: bold;
}

.banner-text a span.fecha{
    display: block;
    font-weight: normal;
}

        /*----- encabezados -----*/
h2.notis-destacadas{
    float: left;
    margin-top: 0;
    text-transform: uppercase;
}

div.encabezado-publicaciones{
    margin-bottom: 15px;
}

#contenido-interior.subhome div.encabezado-publicaciones{
    margin-top: 15px;
}

div.encabezado-publicaciones h2{
    display: inline-block;
    margin: 0;
    padding: 0 !important;
    font-weight: normal;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #333 !important;
} 

.carrusel h2{
    padding: 20px 0 0 90px !important;
}

.carrusel h2.destacamos{
    padding: 0 0 0 25px !important;
    margin: 25px 0 25px 35px;
}

h2.destacamos {
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 35px;
}

            /* Controles carruseles */
.bx-controls-direction{
    position: absolute;
    bottom: 50%;
    width: 100%;
    display: block;
}

.bx-wrapper .bx-controls .bx-prev,
.bx-wrapper .bx-controls .bx-next{
    position: absolute;
    width: 20px;
    height: 34px;
    top: -20px;
    cursor: pointer;
    border: 1px solid transparent;
}

.bx-wrapper .bx-controls .bx-prev{
    left: -29px !important;
    background: url("ico-previous.jpg") no-repeat !important;
}

.bx-wrapper .bx-controls .bx-next{
    right: -25px !important;
    background: url("ico-next.jpg") no-repeat !important;
}

.bx-wrapper .bx-controls .bx-next:hover,
.bx-wrapper .bx-controls .bx-next:focus,
.bx-wrapper .bx-controls .bx-prev:hover,
.bx-wrapper .bx-controls .bx-prev:hover{
    border-color: #333; 
}

.carrusel.auto .carrusel_1banner{
    padding: 25px 0 0 0;
    margin-bottom: -15px;
}

.bx-wrapper .bx-controls-auto{
    width: 80%;
    bottom: -22px;
    text-align: left;
}

.bx-wrapper .bx-controls .bx-start,
.bx-wrapper .bx-controls .bx-stop{
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0;
    border: 1px solid transparent;
    background-size: 20px !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.bx-wrapper .bx-controls-auto .bx-start{
    background: url(bx-starth.jpg) no-repeat;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active{
    background: url(bx-start.jpg) no-repeat;
}

.bx-wrapper .bx-controls-auto .bx-stop{
    background: url(bx-stoph.jpg) no-repeat;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active{
    background: url(bx-stop.jpg) no-repeat;
}

.bx-wrapper .bx-controls .bx-start:hover,
.bx-wrapper .bx-controls .bx-start:focus,
.bx-wrapper .bx-controls .bx-stop:hover,
.bx-wrapper .bx-controls .bx-stop:focus{
    border-color: #333;
}

    /*----- noticias destacadas -----*/
h2.notis-destacadas + .carrusel > a{
    float: right;
    margin-right: 25px;
    padding: 5px 25px 5px 0;
    color: #333 !important;
    font-size: 0.846em;
    background: url(vermash.jpg) no-repeat right center;
    background-size: 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

h2.notis-destacadas + .carrusel > a:hover,
h2.notis-destacadas + .carrusel > a:focus{
    background: url("vermas_sede.png") no-repeat right center;
    background-size: 20px;
}

h2.notis-destacadas + .carrusel{
    position: relative;
    margin-bottom: 35px;
}

h2.notis-destacadas + .carrusel .bx-wrapper{
    max-width: 685px !important;
    padding: 5px 0 !important;
}

h2.notis-destacadas + .carrusel .bx-wrapper .bx-viewport{
    padding: 0 !important;
    margin: 0 !important;
    left: 0 !important;
}

.bxslider.destacadas li{
    width: 685px !important;
}

.bxslider.destacadas li div{
    top: inherit;
    width: 100%;
    padding: 30px 0 0 10px;
    position: absolute;
    bottom: 0;
    background-color: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 7px;
    margin: 0 !important;
    box-sizing: border-box;
}

.bxslider.destacadas li img{
    border-radius: 7px;
}

.bxslider.destacadas li div p{
    margin: 0 10px 1em 0;
}

.bxslider.destacadas li div p a{
    display: block;
    color: #fff !important;
    font-weight: normal;
}

.bxslider.destacadas li div p a > img{
    display: inline-block;
}

.bxslider.destacadas li div span.fecha{
    position: absolute;
    top: 0;
    margin-top: 10px;
    border-bottom: 1px solid #fff;
}

    /*-----controles -----*/
h2.notis-destacadas + .carrusel .bx-wrapper .bx-controls-auto{
    bottom: -20px !important;
}

h2.notis-destacadas + .carrusel .bx-wrapper .bx-controls .bx-prev{
    left: -25px !important;
}

h2.notis-destacadas + .carrusel .bx-wrapper .bx-controls .bx-next{
    right: -24px !important;
}

    /*----- noticias destacadas 1 noti -----*/
.carrusel div.destacadas1noti{
    margin: 0 auto;
    padding: 5px 0;
    display: table;
}

.carrusel div.destacadas1noti > div{
    width: 690px;
    float: left;
    position: relative;
}

.carrusel div.destacadas1noti div > img{
    display: block;
    width: 690px;
    border-radius: 7px;
}

.carrusel div.destacadas1noti div div{
    width: 100%;
    padding: 30px 0 0 10px;
    position: absolute;
    bottom: 0;
    margin: 0 !important;
    top: inherit;
    background-color: rgba(51,51,51,0.7);
    color: #fff;
    border-radius: 7px;
    box-sizing: border-box;
}

.carrusel div.destacadas1noti div div p{
    margin: 0 10px 1em 0;
}

.carrusel div.destacadas1noti div div p a{
    color: #fff !important;
    font-weight: normal;
}

.carrusel div.destacadas1noti div div p a > img{
    display: inline-block;
}

.carrusel div.destacadas1noti div div span.fecha{
    position: absolute;
    top: 0;
    margin-top: 10px;
    border-bottom: 1px solid #fff;
}
				
    /*----- destacamos home con mas de 6 banners (doble, auto y no auto, divs, tipo2) -----*/
.carrusel .bxslider.tipo2,
.carrusel .bxslider.tipo2auto{
    padding: 0;
}

.carrusel .bxslider.tipo2 > div,
.carrusel .bxslider.tipo2auto{
    margin-right: 7px !important;
}

.carrusel .tipo2 div.banner-text,
.carrusel .tipo2auto div.banner-text{
    display: table;
    width: 206px;
    margin-bottom: 5px;
    border: 1px solid #d6d6d6;
}

.carrusel .tipo2 div.banner-text img + a,
.carrusel .tipo2auto div.banner-text img + a{
    width: 61%;
    display: table-cell;
    vertical-align: middle;
    color: #333 !important;
    font-size: 0.846em;
}
			
    /*----- destacamos home entre 3 y 6 banners (doble, no auto, divs) -----*/
.carrusel div.tipo2nocarrusel{
    display: table;
    margin: 0 auto;
    padding: 10px 0 0;
}

.carrusel div.tipo2nocarrusel > div{
    position: relative;
    width: 204px;
    float: left;
    margin-right: 6px !important;
}

.carrusel .tipo2nocarrusel div.banner-text{
    display: table;
    width: 204px;
    margin-bottom: 5px;
    border: 1px solid #d6d6d6;
}

.carrusel div.tipo2nocarrusel > div div.banner-text img{
    display: block;
    max-width: 100%;
}

.carrusel .tipo2nocarrusel > div div.banner-text img + a{
    display: table-cell;
    width: 61%;
    vertical-align: middle;
    font-weight: bold;
    color: #333 !important;
    font-size: 0.846em;
}
				
    /*----- destacamos home con 2 banners (lista, doble, no auto) -----*/
.carrusel ul.tipo2nocarrusel{
    padding: 25px 0 20px;
}

.carrusel ul.tipo2nocarrusel li.banner-text{
    display: table;
    width: 204px;
    padding: 0 !important;
    margin: 0 auto 5px;
    background: none;
    border: 1px solid #d6d6d6;
}

.carrusel ul.tipo2nocarrusel li.banner-text img{
    display: block;
    max-width: 100%;
}

.carrusel ul.tipo2nocarrusel li.banner-text img + a{
    width: 61%;
    display: table-cell;
    vertical-align: middle;
    text-align: center !important;
    color: #333 !important;
    font-weight: bold;
    font-size: 0.846em !important;
}	
				
    /*----- carrusel home con 1 banner (no auto, div, tipo2, tipo4, tipo5) -----*/
.carrusel_1banner{
    padding: 25px 0;
}

.carrusel_1banner div.banner-text{
    display: table;
    width: 204px;
    padding: 0 !important;
    margin: 0 auto;
    background: none;
    border: 1px solid #d6d6d6;
}

.carrusel_1banner div.banner-text img{
    display: block;
    max-width: 100%;
}

.carrusel_1banner div.banner-text img + a{
    display: table-cell;
    width: 61%;
    vertical-align: middle;
    color: #333 !important;
    font-size: 0.846em;
    font-weight: bold;
}

.carrusel_1banner div.banner-text img + a:hover,
.carrusel_1banner div.banner-text img + a:focus{
    text-decoration: underline;
}

.carrusel_1banner div.banner-text a .fecha{
    display: block;
    color: #333 !important;
    border-bottom: 1px solid #333;
    font-weight: normal;
}
				
    /*----- banners home con mas de 3 banners(no auto, lista, tipo4) -----*/
h2.destacamos + .carrusel + .carrusel .bx-viewport{
    padding-bottom: 10px;
}

.bxslider.tipo4{
    padding: 0 30px 25px;
}

.bxslider.tipo4 li{
    display: table;
    border: 1px solid #d6d6d6;
}

.bxslider.tipo4 li img + a{
    display: table-cell;
    width: 61%;
    vertical-align: middle;
    color: #333 !important;
    font-size: 0.846em;
}

    /*----- controles -----*/
h2.destacamos + .carrusel + .carrusel .bx-wrapper .bx-controls .bx-prev,
h2.destacamos + .carrusel + .carrusel .bx-wrapper .bx-controls .bx-next{
    top: -15px !important;
}

h2.destacamos + .carrusel + .carrusel .bx-wrapper .bx-controls .bx-next{
    right: -25px !important;
}
			
    /*----- banners home entre 2 y 3 banners (lista) -----*/
.carrusel ul.tipo4nocarrusel{
    display: flex;
    margin: 0 auto;
    padding: 10px 0 0;
    justify-content: center;
}

.carrusel ul.tipo4nocarrusel li.banner-text{
    display: table;
    width: 204px;
    float: left;
    margin-right: 5px;
    padding: 0 !important;
    border: 1px solid #d6d6d6;
}

.carrusel ul.tipo4nocarrusel li img + a{
    display: table-cell;
    width: 61%;
    vertical-align: middle;
    font-size: 0.846em;
    font-weight: bold;
    color: #333 !important;
}

.carrusel ul.tipo4nocarrusel li.banner-text img{
    display: block;
}
				
    /*----- publicaciones home con mas de 4 publicaciones(auto, lista, tipo3) -----*/
div.encabezado-publicaciones + .carrusel > a{
    position: absolute;
    right: 55px;
    bottom: -22px;
    padding: 5px 25px 5px 0;
    color: #333 !important;
    font-size: 0.846em;
    background: url("vermash.jpg") no-repeat right center;
    background-size: 20px;    
     transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

div.encabezado-publicaciones + .carrusel > a:hover,
div.encabezado-publicaciones + .carrusel > a:focus{
    background: url("vermas_sede.png") no-repeat right center;
    background-size: 20px;
}

.subhome div.encabezado-publicaciones + .carrusel > a{
    right: 110px;
}

div.encabezado-publicaciones + .carrusel{
    position: relative;
}

.carrusel.last .bx-wrapper .bx-viewport{
    margin-left: 7px !important;
}

.bxslider.tipo3 li div p{
    margin: 0;
}

.bxslider.tipo3 li img{
    display: inline-block;
    padding: 0;
    margin-bottom: 10px;
    text-decoration: none;
}

.bxslider.tipo3 li a{
    display: inline-block;
    padding: 0;
    text-decoration: none;
    font-size: 0.923em;
    font-weight: bold;
    color: #333 !important;
}

.bxslider.tipo3 li span{
    display: inline-block;
    padding: 0;
    text-decoration: none;
    font-size: 0.923em;
}

.bxslider.tipo3 li a img{
    margin-bottom: 0;
}

    /*----- controles -----*/
.carrusel.last .bx-wrapper .bx-controls .bx-prev,
.carrusel.last .bx-wrapper .bx-controls .bx-next{
    top: -50px;
}

.carrusel.last .bx-wrapper .bx-controls .bx-prev{
    left: -27px !important;
}

.carrusel.last .bx-wrapper .bx-controls .bx-next{
    right: -23px !important;
}

    /*----- publicaciones home entre 2 y 4 publicaciones (no auto, lista) -----*/
.carrusel ul.tipo3nocarrusel{
    display: table;
    margin: 0 auto !important;
    padding: 25px 0 25px 35px;
}

.carrusel ul.tipo3nocarrusel li{
    width: 130px;
    float: left;
    margin-right: 35px;
    padding: 0 !important;
}

.carrusel ul.tipo3nocarrusel li div p{
    margin: 0;
}

.carrusel ul.tipo3nocarrusel li > img{
    width: 130px;
    display: inline-block;
    margin-bottom: 10px;
}

.carrusel ul.tipo3nocarrusel li a{
    font-size: 0.923em;
    font-weight: bold;
    color: #333 !important;
}

.carrusel ul.tipo3nocarrusel li a:hover,
.carrusel ul.tipo3nocarrusel li a:focus{
    text-decoration: none;
    color: #007936 !important;
}

.carrusel ul.tipo3nocarrusel li span{
    display: inline-block;
    font-size: 0.923em;
}
				
    /*----- publicaciones home con 1 publicaciones (div) -----*/
.carrusel_1publi{
    display: table;
    padding: 25px 0;
    margin: 0 auto;
}

.carrusel_1publi div{
    width: 130px;
    float: left;
}
				
.carrusel_1publi div p{
    margin: 0;
}
				
.carrusel_1publi div > img{
    width: 130px;
    display: inline-block;
    margin-bottom: 10px;
}

.carrusel_1publi div a{
    display: inline-block;
    font-size: 0.923em;
    font-weight: bold;
    color: #333 !important;
}

.carrusel_1publi div a:hover,
.carrusel_1publi div a:focus{
    text-decoration: none;
    color: #007936 !important;
}
				
.carrusel_1publi div a img{
    margin-bottom: 0;
}

.carrusel_1publi div span{
    display: inline-block;
    font-size: 0.923em;
}
				
/*----- carruseles paginas interiores -----*/
#contenido-interior h2.destacamos + .carrusel{
    margin-bottom: 30px;
}
			
    /*----- carrusel destacamos subhome con mas de 4 banners (lista, auto y no auto, tipo5) -----*/
.bxslider.tipo5 li,
.bxslider.tipo5auto li{
    display: table;
    width: 130px;
    background: none;
    border: 1px solid #d6d6d6;
}

.bxslider.tipo5 li img + a,
.bxslider.tipo5auto li img + a{
    width: 61%;
    display: table-cell;
    vertical-align: middle;
    color: #333 !important;
    font-size: 0.846em;
}
        /*----- controles -----*/
#contenido-interior h2.destacamos + .carrusel .bx-wrapper .bx-controls .bx-prev{
    left: -27px !important;
}

#contenido-interior h2.destacamos + .carrusel .bx-wrapper .bx-controls .bx-next{
    right: -23px !important;
}
			
    /*----- carrusel destacamos subhome entre 2 y 4 banners (lista) -----*/
.carrusel ul.tipo5nocarrusel{
    display: flex;
    margin: 0 auto !important;
    justify-content: center;
}

.carrusel ul.tipo5nocarrusel li{
    display: table;
    width: 204px;
    float: left;
    margin-right: 5px !important;
    padding: 0 !important;
    border: 1px solid #d6d6d6;
}

.carrusel ul.tipo5nocarrusel li img{
    display: block;
}

.carrusel ul.tipo5nocarrusel li img + a{
    width: 61%;
    display: table-cell;
    vertical-align: middle;
    font-size: 0.846em;
    font-weight: bold;
    color: #333 !important;
}

.subhome .bx-wrapper .bx-viewport{
    padding: 0;
}

.subhome .carrusel .bxslider{
    padding: 0;
}

#contenido-interior.subhome .carrusel .bx-controls .bx-controls-direction span{
    top: -10px !important;
}

#contenido-interior.subhome .carrusel.last .bx-controls .bx-controls-direction span{
    top: -120px !important;
}

#contenido-interior.subhome .carrusel .bx-controls .bx-controls-direction .bx-next{
    right: -25px !important;
}
				
    /*----- carrusel infografias pagina interior con mas de 3 infografias (lista, auto, tipo1)-----*/
.carrusel.info{
    margin-top: 2em;
}

.carrusel.info .bxslider.tipo1 li{
    margin: 0 5px 0 0;
}

.carrusel.info .bxslider.tipo1 li div{
    padding: 5px;
    line-height: 1.5em;
    text-align: center;
}
			
    /*----- carrusel infografias pagina interior entre 2 y 3 infografias (lista) -----*/
.carrusel.info ul.tipo1nocarrusel li{
    margin: 0 5px 0 0;
}

.carrusel.info ul.tipo1nocarrusel li div{
    padding: 5px;
    text-align: center;
    line-height: 1.5em;
}
			
    /*----- carrusel interior para 1 infografia -----*/
.carrusel .carrusel_1info{
    margin: 5px auto;
    width: 235px;
}

.carrusel .carrusel_1info div{
    padding: 5px;
    text-align: center;
    line-height: 1.5em;
}
							
div.carrusel-subhome.tipo1 h2{
    text-transform: uppercase;
    font-size: 1.231em !important;
}

div.carrusel-subhome.tipo1 .slick-list .slick-slide{
    background: url("fondo-carrusel-destacados.png") no-repeat left top;
}

div.carrusel-subhome.tipo1 .slick-list .slick-slide a{
    color: #333 !important;
    font-size: 0.846em;
}

div.carrusel-subhome.tipo1 .slick-list .slick-slide a strong{
    font-size: 1.091em;
}

    /*----- controles de direccion carrusel infografias pagina interior (flechas) -----*/
#contenido-interior .carrusel.info .bx-controls .bx-controls-direction{
    position: absolute !important;
}
			
#contenido-interior .carrusel.info .bx-controls .bx-controls-direction .bx-prev, 
#contenido-interior .carrusel.info .bx-controls .bx-controls-direction .bx-next{
    display: block;
    position: absolute !important;
    height: 27px;
    width: 13px;
    cursor: pointer;
    margin-top: 0 !important;
}
			
#contenido-interior .carrusel.info .bx-wrapper .bx-controls .bx-next{
    right: -35px !important;
}
			
#contenido-interior .carrusel.info .bx-wrapper .bx-controls .bx-prev{
    left: -35px !important;
}

/*----- los elaboradores introducen el codigo del banner dentro de la introduccion, para el caso del mapa de ciudades amigables. -----*/
#contenido-interior .introduccion .carrusel_1banner{
    margin-top: 1.5em;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
}

#contenido-interior .introduccion .carrusel_1banner .banner-text span{
    display: table-cell;
    width: 61%;
    vertical-align: middle;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 0.8em;
}

#contenido-interior .introduccion .carrusel_1banner .banner-text .grande{
    font-size: 2.1em;
}

/*----- carrusel dentro del formulario -----*/
#contenido-interior .formulario .carrusel{
    margin-bottom: 0;
}

#contenido-interior .formulario h2.destacamos{
    margin-top: 45px;
    padding: 6px 0 6px 0;
    text-transform: uppercase;
    font-weight: normal;
    color: #333;
}

    /*----- controles de direccion en paginas internas (flechas) -----*/
#contenido-interior .carrusel .bx-controls .bx-controls-direction{
    position: relative !important;
    height: 0 !important;
}

#contenido-interior .carrusel .bx-controls .bx-controls-direction .bx-prev{
    position: relative !important;
    float: left;
    margin-top: -35px !important;
    left: -23px !important;
}

#contenido-interior .carrusel .bx-controls .bx-controls-direction .bx-next{
    position: relative !important;
    float: right;
    margin-top: -35px !important;
    right: -16px !important;
}
			
#contenido-interior .carrusel.auto .bx-controls .bx-controls-direction .bx-next,
#contenido-interior .carrusel.auto .bx-controls .bx-controls-direction .bx-prev{
    margin-top: -50px !important;
}
				
#contenido-interior.subhome .carrusel .bx-controls .bx-controls-direction .bx-prev{
    left: -30px !important;
}
				
/*----- columna derecha -----*/
#col-dch{
    float: right;
    width: 25%;
}

#col-dch h2{
    margin-top: 0;
    font-size: 1.154em !important;
    text-transform: uppercase;
    text-align: center;
} 

/*----- canales de atencion -----*/
ul#canales-atencion{
    padding: 0;
}

ul#canales-atencion li{
    margin: 0 0 5px !important;
    padding: 5px 0 5px 45px !important;
    min-height: 35px;
}
			
ul#canales-atencion li.mas-grande{
    padding: 0 0 0 45px;
}

ul#canales-atencion li#info span{
    display: block;
    margin-top: 5px;
}

ul#canales-atencion li#informacion span{
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size: 1.615em;
    line-height: 100%;
}

ul#canales-atencion li a,
ul#canales-atencion li p{
    display: block;
    padding-bottom: 7px;
    margin: 0;
    color: #333;
    background: url("linea-horizontal.png") repeat-x left bottom;
    text-transform: uppercase;
}

ul#canales-atencion li+li a{
    padding-top: 7px;
}
		
/*----- ultimas novedades -----*/
#bloque-ultimas-noticias{
    max-height: 550px;
    padding: 25px;
    margin-top: 28px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

#bloque-ultimas-noticias h2{
    margin-bottom: 5px;
    font-size: 1.154em !important;
    text-transform: uppercase;
    text-align: center;
}

#bloque-ultimas-noticias #lista-noticias{
    max-height: 490px;
    overflow: auto;
}

#bloque-ultimas-noticias #lista-noticias ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#bloque-ultimas-noticias #lista-noticias ul li{
    position: relative;
    padding: 25px 15px 10px;
    margin: 15px 0 0;
    background: url("linea-horizontal.png") repeat-x left bottom;
}

#bloque-ultimas-noticias #lista-noticias ul li a{
    display: block;
    color: #333;
    font-size: 0.923em;
}

#bloque-ultimas-noticias #lista-noticias ul li span.fecha{
    position: absolute;
    top: 0;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-weight: bold;
    border-bottom: 1px solid;
}

#bloque-ultimas-noticias.subhome{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
}
			
#bloque-ultimas-noticias.subhome h2{
    padding: 5px 0 5px 30px;
    margin: 0;
}
			
#bloque-ultimas-noticias.subhome #lista-noticias{
    max-height: none;
}
			
#col-dch p.ver-mas{
    text-align: right;
}

#col-dch p.ver-mas a,
#col-dch p.ver-mas a strong{
    margin: 20px 0;
    padding: 5px 25px 5px 0;
    font-size: 0.846em;
    color: #333;
    background: url("vermash.jpg") no-repeat right center;
    background-size: 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

#col-dch p.ver-mas a:hover,
#col-dch p.ver-mas a:focus{
    background: url("vermas_sede.png") no-repeat right center;
    background-size: 20px;    
}

#col-dch p.ver-mas a:hover,
#col-dch p.ver-mas a:focus,
#col-dch p.ver-mas a:hover strong,
#col-dch p.ver-mas a:focus strong{
    text-decoration: underline;
}

#col-dch p.ver-mas a strong{
    text-transform: uppercase;
    font-weight: normal;
}

#bloque-ultimas-noticias.subhome{
    border: 0 none;}

#bloque-ultimas-noticias.subhome #lista-noticias ul li{
    background: none;
}

/*----- calendario -----*/
#calendario-eventos{
    margin: 30px 0 25px;
}

#calendario-eventos h2{
    margin-bottom: 20px;
}

#calendario-eventos #eventos ul li,
#calendario-eventos #eventos div.evento{
    position: relative;
    display: table;
    height: 40px;
    padding-left: 40px;
    margin-bottom: 10px;
    background: url("linea-vertical.png") repeat-y 38px top;
}

#calendario-eventos #eventos span{
    font-size: 0.923em;
    font-weight: bold;
    text-transform: uppercase;
}

#calendario-eventos #eventos ul li span.fecha,
#calendario-eventos #eventos div.evento span.fecha{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 15%;
    padding: 5px 7px;
    vertical-align: top;
    text-align: center;
}

#calendario-eventos #eventos ul li a span{
    display: block;
    width: 100%;
    padding: 0;
    text-align: left;
    background: none;
    text-transform: none;
    font-weight:normal;
}

#calendario-eventos #eventos ul li a,
#calendario-eventos #eventos div.evento a{
    display: table-cell !important;
    width: 78%;
    padding: 5px;
}

#calendario-eventos #eventos a{
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size: 0.923em;
}
#calendario-eventos a.agenda{
    display: block;
    width: 100%;
    padding: 15px;
    color: #333;
    text-align: center;
    border: 1px solid #333;
    border-radius: 5px;
    background: url(ico-fechas.jpg) no-repeat 30px center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

#calendario-eventos a.agenda:hover,
#calendario-eventos a.agenda:focus{
    text-decoration: none;
    color: #FFF;
    background: #333 url(ico-fechash.jpg) no-repeat 30px center;
}

/*----- subhome -----*/
#contenido-interior.subhome{
    float: none;
    width: 100%;
    margin: 0 0 50px;
    padding: 0;
    border: 0 none;
}

#contenido-interior div.cabecera-subhome{
    min-height: 289px;
    padding-bottom: 30px;
    border-bottom: 1px solid #D6D6D6;
}

#contenido-interior div.cabecera-subhome > img{
    float: right;
    margin-left: 40px;
}

#contenido-interior div.cabecera-subhome h2{
    padding: 0;
    font-size: 2.077em;
    font-weight: bold;
    text-transform: none;
}

#contenido-interior .cabecera-subhome .introduccion{
    padding: 0;
}

#contenido-interior div.cabecera-subhome > ul{
    padding: 0;
    margin-top: 0;
}

#contenido-interior div.cabecera-subhome ul li{
    background: url("bullet-lista.png") no-repeat 0 -6px;
}

#contenido-interior div.cabecera-subhome > ul > li,
#contenido-interior.subhome .cabecera-subhome ul li ul li{
    padding: 0 0 0 1.5em !important;
    margin: 7px 0 !important;
}

#contenido-interior div.cabecera-subhome ul li a{
    font-weight: bold;
    color: #333;
    font-size: 0.923em;
}

#contenido-interior div.cabecera-subhome ul.lista-n2 li{
    padding: .4em 0 0 1.5em;
    background: url("bullet-lista.png") no-repeat 0 -2px;
}

#contenido-interior div.cabecera-subhome .introduccion ul{
    margin: 0;
}

#contenido-interior div.cabecera-subhome .introduccion ul li{
    padding: 0 0 0 1.5em;
    margin: 7px 0;
}

/*----- paginas interiores sin menú izquierdo -----*/	
#contenido-interior-marco{
    margin: 0 1% 92px;
}

    /*----- visita virtual Creer -----*/
#contenido-interior-marco div.iframe{
    display: inline-block;
    width: 85%;
}

#contenido-interior-marco div.iframe iframe{
    width: 785px;
    height: 476px;
}
		
#contenido-interior-marco div.dcha{
    width: 15%;
    float: right;
}

#contenido-interior-marco div.dcha h2{
    padding: 0;
    margin-top: 0;
    color: #000;
    font-weight: bold;
    text-align: center;
}

#contenido-interior-marco div.dcha ul li{
    text-align: center;
}

#contenido-interior-marco div.dcha ul li a:hover img,
#contenido-interior-marco div.dcha ul li a:focus img,
#contenido-interior-marco div.dcha ul li a.activa img{
    outline: 1px solid #333;
}

/*----- paginas interiores -----*/
#col-izq + #contenido-interior{
    float: right;
    width: 79%;
    margin: 0 1% 50px;
    padding: 0 0 30px 28px;
    border-left: 1px solid #d6d6d6;
}
    /*----- encabezados -----*/

        /*----- titulo con mas de una linea -----*/
#contenido-interior h2.no-icono{
    padding: 3px 0 3px 0;
}

/*----- seccion agenda -----*/
#contenido-interior #calendario-eventos{
    margin-bottom: 45px;
}

#contenido-interior.noticias #col-relacionados #calendario-eventos h2:hover,
#contenido-interior.noticias #col-relacionados #calendario-eventos h2:focus{
    cursor: auto;
    text-decoration: none;
}

#contenido-interior #mes-ant-post{
    position: relative;
}

#contenido-interior #mes-ant-post a{
    position: absolute;
    top: 140px;
    width: 23px;
    height: 23px;
}

#contenido-interior #mes-ant-post a:hover,
#contenido-interior #mes-ant-post a:focus{
    outline: 1px solid #333;
}

#contenido-interior #mes-ant-post a#ant{
    left: 40px;
}

#contenido-interior #mes-ant-post a#post{
    right: 40px;
}

#contenido-interior #calendario{
    width: 70%;
    margin: 0 auto;
}

#contenido-interior #calendario caption span{
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#contenido-interior #calendario caption a{
    text-transform: uppercase;
}

#contenido-interior #calendario th,
#contenido-interior #calendario td{
    padding: 8px;
    border: none !important;
}

#contenido-interior #calendario td:hover,
#contenido-interior #calendario td:focus{
    background: none;
}

#contenido-interior #calendario .fecha{
    position: relative;
    width: 14.28%;
    height: auto;
    font-weight: normal;
    line-height: inherit;
    background: none !important;
}

#contenido-interior #calendario .hoy{
    color: #000 !important;
    font-weight: 900;
    text-decoration: underline;
}

#contenido-interior #calendario .hoy a:hover,
#contenido-interior #calendario .hoy a:focus{
    font-weight: 900 !important;
}

#contenido-interior #calendario td a{
    display: block;
    text-decoration: none;
    outline: 1px solid #D6D6D6;
     transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;    
}

#contenido-interior #calendario td a:hover,
#contenido-interior #calendario td a:focus{
    color: #000 !important;
    font-weight: bold;
    background-color: #D6D6D6;
}

    /*----- listas -----*/
#contenido-interior ul{
    padding-left: 5px;
    margin: 10px 0;
}

#contenido-interior ul li{
    padding-left: 10px;
    background: url("bullet-lista.png") no-repeat 0 0;    
}

#contenido-interior p.imitalista{
    margin: 10px 0 10px 5px;
    padding: .4em 0 0 1.5em;
    background: url("bullet-lista.png") no-repeat 0 0;
}

#contenido-interior ol{
    margin: 10px 0;
    padding-left: 2em;
}

#contenido-interior ol li{
    padding: .4em 0 0;
}
	
#contenido-interior p[class^="img-"] ~ ul li{
    display: table;
}
	
#contenido-interior div.video{
    margin-top: 25px;
    padding: 0 20px;
}
	
#contenido-interior .carrusel .bxslider{
    margin: 0;
}

#contenido-interior .carrusel li{
    background: none;
}
	
#contenido-interior #accordion p,
#contenido-interior #accordion ul,
#contenido-interior .informacion p,
#contenido-interior .informacion ul,
#contenido-interior .informacion ol{
    line-height: 1.5em;
}

#contenido-interior .introduccion ul{
    margin: 12px 0;
}
	
#contenido-interior .introduccion ul li{
    margin: 0 0 10px;
    padding: .4em 0 0 1.5em;
}

#contenido-interior p.actuali{
    margin: 25px 0;
    clear: both;
    font-size: 0.923em;
    font-style: italic;
}

#contenido-interior .error{
    margin: 35px 0;
    padding: 100px 50px 30px;
    text-align: center;
    background: url("ico-error.jpg") no-repeat center 15px;
    background-size: 5rem 5rem;
    border: 3px solid #993333;
}
	
#contenido-interior .error p{
    margin: 0;
    font-weight: bold;
    font-size: 1.077em;
}

#contenido-interior .informacion .mapa{
    overflow: auto;
    overflow-x: hidden;
}

    /*----- paginador -----*/
.paginador{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
    font-size: 0.923em;
}

.paginador div p{
    margin: 0;
}

.paginador .orden{
    width: 100%;
    margin-bottom: 15px;
}

.paginador .num-paginas{
    width: 100%;
    text-align: center;
}

.paginador .num-paginas ul{
    list-style: none;
    padding: 15px 0 0;
    margin: 0;
}

.paginador .num-paginas ul li{
    display: inline-block;
    padding: 0 !important;
    vertical-align: middle;
    background: none !important;
}

.paginador .num-paginas ul li span{
    display: block;
    min-width: 15px;
    height: 17px;
    color: #FFF;
    font-weight: bold;
    background-color: #007936;
    border: 1px solid transparent;
    border-radius: 5px;
}

.paginador .num-paginas ul li a{
    display: block;
    min-width: 15px;
    height: 17px;
    text-decoration: underline;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 5px;
}

.paginador .num-paginas ul li a:hover,
.paginador .num-paginas ul li a:focus{
    color: #FFF !important;
    text-decoration: none !important;
    background-color: #007936;
    transition: .4s all;
}

.paginador .num-paginas ul li.primera a{
    width: 19px;
    height: 20px;
    background: url(ico-p-primera.jpg) no-repeat;
}

.paginador .num-paginas ul li.anterior a{
    width: 19px;
    height: 20px;
    background: url(ico-p-anterior.jpg) no-repeat;
}

.paginador .num-paginas ul li.siguiente a{
    width: 19px;
    height: 20px;
    background: url(ico-p-siguiente.jpg) no-repeat;
}

.paginador .num-paginas ul li.ultima a{
    width: 19px;
    height: 20px;
    background: url(ico-p-ultima.jpg) no-repeat;
}

.paginador .num-paginas ul li[class] a:hover,
.paginador .num-paginas ul li[class] a:focus{
    background-color: #FFF;
    border: 1px solid #333;
}

    /*----- encabezados -----*/
#contenido-interior .introduccion h2,
#contenido-interior .informacion h2,
#contenido-interior .formulario h2,
#contenido-interior .error h2{
    margin: 0;
    padding: 9px 0 7px 40px;
    font-weight: bold;
    text-transform: none;
}

#contenido-interior-marco h2{
    padding: 6px 0 8px 40px;
    font-weight: bold;
    text-transform: none;
}
				
#contenido-interior > div > h2{
    font-size: 1.923em;
}

/*#contenido-interior h2.dos-lineas{
    background-position: left 10px !important;
}*/

#contenido-interior h3{
    font-size: 1.154em;
    color: #007936;
}

#contenido-interior .introduccion .mapa-lista .mapa-nivel1 > li h3,
#contenido-interior .informacion .mapa-lista .mapa-nivel1 > li h3{
    font-size: 1.154em;
}
		
    /*----- banderas cabecera de seccion -----*/
#contenido-interior h2#andalucia{
    background: url("cab-andalucia.png") no-repeat left top;
}

#contenido-interior h2#aragon{
    background: url("cab-aragon.png") no-repeat left top;
}

#contenido-interior h2#asturias{
    background: url("cab-asturias.png") no-repeat left top;
}

#contenido-interior h2#baleares{
    background: url("cab-baleares.png") no-repeat left top;
}

#contenido-interior h2#canarias{
    background: url("cab-canarias.png") no-repeat left top;
}

#contenido-interior h2#cantabria{
    background: url("cab-cantabria.png") no-repeat left top;
}

#contenido-interior h2#castleon{
    background: url("cab-castleon.png") no-repeat left top;
}

#contenido-interior h2#castmancha{
    background: url("cab-castmancha.png") no-repeat left top;
}

#contenido-interior h2#catalunia{
    background: url("cab-catalunia.png") no-repeat left top;
}

#contenido-interior h2#ceuta{
    background: url("cab-ceuta.png") no-repeat left top;
}

#contenido-interior h2#estatal{
    background: url("cab-estatal.png") no-repeat left top;
}

#contenido-interior h2#europa{
    background: url("cab-europa.png") no-repeat left top;
}

#contenido-interior h2#euskadi{
    background: url("cab-euskadi.png") no-repeat left top;
}

#contenido-interior h2#extremadura{
    background: url("cab-extremadura.png") no-repeat left top;
}

#contenido-interior h2#galicia{
    background: url("cab-galicia.png") no-repeat left top;
}

#contenido-interior h2#madrid{
    background: url("cab-madrid.png") no-repeat left top;
}

#contenido-interior h2#melilla{
    background: url("cab-melilla.png") no-repeat left top;
}

#contenido-interior h2#murcia{
    background: url("cab-murcia.png") no-repeat left top;
}

#contenido-interior h2#navarra{
    background: url("cab-navarra.png") no-repeat left top;
}

#contenido-interior h2#rioja{
    background: url("cab-rioja.png") no-repeat left top;
}

#contenido-interior h2#valencia{
    background: url("cab-valencia.png") no-repeat left top;
}
		
    /*----- columna izquierda -----*/
#col-izq{
    float: left;
    width: 18%;
    margin-bottom: 50px;
}

#col-izq ul#menu-lateral li{
    padding: 0 0 0 10px;
}

#col-izq ul#menu-lateral li a{    
    display: block;
    padding: 10px 0;
    background: url("linea-horizontal.png") repeat-x left bottom;
    font-size: 0.923em;
}

#col-izq ul#menu-lateral li.activa a{
    font-weight: bold;
}

    /*----- breadcrumb -----*/
#breadcrumb{
    margin: 0 0 20px;
    color: #555;
    font-size: 0.923em;
}

#breadcrumb ul{
    display: inline;
    margin: 0;
    padding: 0;
}

#breadcrumb ul li{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 3px;
    padding: 0 5px 0 3px;
    background: none;
    border-right: 1px solid #555;
}

#breadcrumb ul li.last{
    border: 0 none;
}

#breadcrumb ul li a{
    display: block;
    color: #555;
}

#breadcrumb ul li.first a:hover,
#breadcrumb ul li.first a:focus{
    outline: 1px solid #333;
}

#breadcrumb ul li span{
    color: #333;
}

        /*----- readspeaker -----*/
.rsbtn .rsbtn_left .rsbtn_text{
    margin-right: 0 !important;
    margin-top: 4px !important;
    padding: 0 0 18px 18px;
    background: transparent url(voz.gif) no-repeat scroll 0 0 !important;
}

#readspeaker_button1{
    width: auto !important;
    z-index: 5;
}
.rsbtn.rsplaying .rsbtn_play,
.rsbtn.rspaused .rsbtn_play,
.rsbtn.rsstopped .rsbtn_play{
    width: 33.5px;
}

.rsbtn.rsexpanded .rsbtn_exp{
    margin-top: 1px;
}

.rsbtn .rsimg,
#rslightbox_logo.rsimg,
.rsbtn a.rsimg{
    background-image: url(rs_button.png) !important;
}

.rsbtn.rspopup.rscompact .rsbtn_left .rsbtn_text{
    margin-top: 10px !important;
    padding-left: 18px !important;
}

.rsbtn.rspopup .rsbtn_exp,
.rsbtn .rsbtn_powered {
    background-image: none !important;
}

    /*----- actualidad -----*/
#contenido-interior.noticias{
    display: table;
    float: none;
    width: 100%;
    margin: 0 0 50px !important;
    padding: 0 0 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none !important;
}

#contenido-interior.noticias .informacion{
    width: 74%;
    float: left;
}

        /*----- columna derecha -----*/
#contenido-interior.noticias #col-relacionados{
    float: inherit;
    display: inline-block;
    width: 25% !important;
    margin: 0;
    padding-left: 1.5em;
    background-image: none !important;
    border: 1px solid #d6d6d6;
    border-width: 0 0 0 1px;
}

#contenido-interior.noticias #col-relacionados #calendario-eventos{
    margin: 0 0 30px !important;
}

#contenido-interior.noticias #col-relacionados #calendario-eventos h2{
    margin-bottom: 15px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid;
    background: none;
}

#contenido-interior.noticias #col-relacionados #calendario-eventos #eventos{
    margin: 0;
    padding: 0;
    border: none;
}

#contenido-interior.noticias #col-relacionados #calendario-eventos #eventos ul li{
    padding-top: 0 !important;
}

#contenido-interior.noticias #col-relacionados #calendario-eventos #eventos ul li a{
    width: 100% !important;
    color: #333;
}

#contenido-interior.noticias #col-relacionados #calendario-eventos #eventos ul li span.fecha{
    line-height: normal;
}

        /*----- noticias -----*/
#contenido-interior.noticias .introduccion #col-relacionados #calendario-eventos #eventos ul li a,
#contenido-interior.noticias .introduccion #col-relacionados #calendario-eventos #eventos div.evento a{
    color: #333;
}

#contenido-interior.noticias .informacion.noticias{
    width: 74%;
}

#contenido-interior.noticias .informacion.noticias .paginador .num-paginas{
    clear: none !important;
}

#contenido-interior .informacion.noticias div.noticia{
    position: relative;
    margin: 20px 0 0;
    padding: 0 0 25px 80px;
}

#contenido-interior .informacion.noticias > ul{
    margin: 10px 0 0;
    padding: 0;
}

#contenido-interior .informacion.navegacion.noticias > ul+ul > li{
    margin: 10px 0 0;
    padding: 0 0 0 10px;
}
		
#contenido-interior .informacion.noticias > ul > li{
    position: relative;
    margin: 20px 20px 0 0;
    padding: 0 0 25px 80px;
    background: url("linea-horizontal.png") repeat-x left bottom;
}

#contenido-interior .informacion.noticias ul li.first{
    margin-top: 0;
}

#contenido-interior .informacion.noticias ul li.last{
    background: none;
}

#contenido-interior .informacion.noticias .fecha-noticia{
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 10%;
    vertical-align: top;
    background: url("ico-fecha-noticia.png") no-repeat center 5px;
}

#contenido-interior .informacion.noticias .fecha-noticia span{
    display: block;
    text-align: center;
    font-size: 1.154em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2em;
}

#contenido-interior .informacion.noticias .fecha-noticia span.mes{
    margin-top: 8px;
    color: #fff;
}

#contenido-interior .informacion.noticias .fecha-noticia span.dia{
    font-size: 2em;
}

#contenido-interior.noticias .informacion.noticias ul li .cuerpo-noticia{
    width: 95% !important;
}

#contenido-interior .informacion.noticias .cuerpo-noticia{
    display: inline-block;
    line-height: 1.5em;
}

#contenido-interior .informacion.noticias .cuerpo-noticia h3{
    font-size: 1.154em;
}

#contenido-interior .informacion.noticias .cuerpo-noticia h3,
#contenido-interior .informacion.noticias .cuerpo-noticia div.entradilla p{
    margin: 0 0 10px;
}

#contenido-interior .noticias .entradilla p a,
#contenido-interior .noticias .cuerpo p a{
    text-decoration: underline;
}

#contenido-interior .noticias .entradilla p a:hover,
#contenido-interior .noticias .entradilla p a:focus,
#contenido-interior .noticias .cuerpo p a:hover,
#contenido-interior .noticias .cuerpo p a:focus,		
#contenido-interior .noticias .cuerpo a span,
#contenido-interior .noticias .entradilla a span{
    text-decoration: none;
}

#contenido-interior .noticias .cuerpo a span:hover,
#contenido-interior .noticias .cuerpo a span:focus,
#contenido-interior .noticias .entradilla a span:hover,
#contenido-interior .noticias .entradilla a span:focus{
    text-decoration: none;
    color: #333;
}

#contenido-interior .informacion.noticias .publicado{
    float: left;
}

#contenido-interior .informacion.noticias .publicado p{
    display: table;
    padding-left: 15px;
    font-size: .9em !important;
    font-style: italic;
    background: url(ico-publicadopor.png) no-repeat 0 10px;
}

#contenido-interior .informacion.noticias .publicado p img{
    vertical-align: bottom;
    margin-left: 3px;
}

    /*----- listas -----*/
ul.sinbullet li{
    padding: 0 !important;
    background: none !important;
}

#contenido-interior .informacion ul li a,
#contenido-interior .informacion ol li a,
#contenido-interior .informacion p.imitalista a{
    text-decoration: none;
} 

#contenido-interior .informacion ul li a:hover, 
#contenido-interior .informacion ul li a:focus,
#contenido-interior .informacion ol li a:hover, 
#contenido-interior .informacion ol li a:focus,
#contenido-interior .informacion p.imitalista a:hover,
#contenido-interior .informacion p.imitalista a:focus{
    text-decoration: underline;
}

#contenido-interior .lista-n2,		
#contenido-interior .lista-n3{
    margin: 0;
}
		
#contenido-interior p.lista-n2,
#contenido-interior p.lista-n3{
    margin: 10px 0 0 10px;
    padding-left: 10px;
}

#contenido-interior .introduccion .mapa-lista,
#contenido-interior .informacion .mapa-lista{
    font-size: 0.923em;
}

#contenido-interior .mapa-lista p{
    padding: .4em 0 0 1.9em;
    margin: 10px 0;
}

#contenido-interior .introduccion .mapa-lista a,
#contenido-interior .informacion .mapa-lista a{
    color: #333;
}

#contenido-interior .introduccion .mapa-lista .mapa-nivel1 > li,
#contenido-interior .informacion .mapa-lista .mapa-nivel1 > li{
    display: inline-block;
    width: 30%;
    vertical-align: top;
    background: none;
}

#contenido-interior .introduccion .mapa-lista .mapa-nivel1 > li.latin,
#contenido-interior .informacion .mapa-lista .mapa-nivel1 > li.latin{
    margin: 0 0 5px 0;
}

#contenido-interior .introduccion .mapa-lista .mapa-nivel1 > li.latin a,
#contenido-interior .informacion .mapa-lista .mapa-nivel1 > li.latin a{
    font-weight: bold;
}

#contenido-interior .introduccion .mapa-lista .mapa-nivel1 > li.latin p.imitalista,
#contenido-interior .informacion .mapa-lista .mapa-nivel1 > li.latin p.imitalista{
    margin: 0 0 0 5px;
}
		
#contenido-interior .introduccion .mapa-lista .mapa-nivel1 > li h3,
#contenido-interior .informacion .mapa-lista .mapa-nivel1 > li h3{
    margin-bottom: 7px;
}
		
#contenido-interior .introduccion .mapa-lista .mapa-nivel1 .mapa-nivel2,
#contenido-interior .informacion .mapa-lista .mapa-nivel1 .mapa-nivel2{
    padding: 0;
    margin: 0;
}
		
#contenido-interior .introduccion .mapa-lista .mapa-nivel1 .mapa-nivel2 > li,
#contenido-interior .informacion .mapa-lista .mapa-nivel1 .mapa-nivel2 > li{
    margin: 0;
}
		
#contenido-interior .informacion.mapa-web ul li a{
    color: #333;
    font-size: 0.923em;
}

#contenido-interior .informacion.mapa-web > ul > li > a,
#contenido-interior .informacion.mapa-web > ul > li > ul > li > a{
    font-weight: bold;
}

#contenido-interior .mapa-lista p a{
    text-decoration: none;
}

#contenido-interior .mapa-lista p a:hover,
#contenido-interior .mapa-lista p a:focus{
    text-decoration: underline;
}
		
        /*----- listas en las cuales el enlace no es el elemento entero -----*/
#contenido-interior .informacion ul.sub-lista li a{
    text-decoration: underline;
}

#contenido-interior .informacion ul.sub-lista li a:hover,
#contenido-interior .informacion ul.sub-lista li a:focus,		
#contenido-interior .introduccion ul li a,
#contenido-interior .introduccion ol li a,
#contenido-interior .introduccion p.imitalista a{
    text-decoration: none;
} 

#contenido-interior .introduccion ul li a:hover, 
#contenido-interior .introduccion ul li a:focus,
#contenido-interior .introduccion ol li a:hover, 
#contenido-interior .introduccion ol li a:focus,
#contenido-interior .introduccion p.imitalista a:hover,
#contenido-interior .introduccion p.imitalista a:focus{
    text-decoration: underline;
}			
	
    /*----- listas ordenadas -----*/
#contenido-interior ol ul li{
    background: url("bullet-lista.png") no-repeat 0 0;
}

#contenido-interior ol li{
    background: none;
}

#contenido-interior ol.alfa,
#contenido-interior ol.alfamayus{
    list-style-type: lower-alpha;
}

#contenido-interior ol.alfa ol{
    margin-left: 2em;
    list-style-type: decimal;
}

#contenido-interior ol.alfa ol ol{
    list-style-type: lower-alpha;
}

#contenido-interior ol.alfa ol ol ol{
    list-style-type: decimal;
}

#contenido-interior ol.alfamayus{
    margin-left: 2.5em;
    list-style-type: upper-alpha;
}

#contenido-interior ol.alfamayus ol{
    padding-bottom: 0;
    list-style-type: decimal;
}

#contenido-interior ol.alfamayus ol ol{
    list-style-type: lower-alpha;
}

#contenido-interior ol.alfamayus ol ol ol{
    list-style-type: decimal;
}

#contenido-interior ol.alfa ul,
#contenido-interior ol.alfamayus ul{
    margin-left: 2.5em;
    padding-bottom: 0;
    list-style-type: square;
}

#contenido-interior ol.alfa ul li,
#contenido-interior ol.alfamayus ul li{
    padding-left: 0;
    background-image: none;
}

#contenido-interior ol.alfa ul ul,
#contenido-interior ol.alfamayus ul ul{
    list-style-type: disc;
}

#contenido-interior ol.alfa ul ul ul,
#contenido-interior ol.alfamayus ul ul ul{
    list-style-type: circle;
}

    /*----- tablas -----*/
.ancho-20{width: 20%;}
.ancho-40{width: 40%;}
.ancho-60{width: 60%;}
.ancho-80{width: 80%;}
.ancho-100{width: 100%;}

#contenido-interior table{
    margin: 15px 0;
    font-size: 1em;
    border-collapse: collapse;
}

#contenido-interior .tabla-centrada table,
table.tabla-centrada{
    margin: 15px auto !important;
}

#contenido-interior table caption{
    margin-bottom: 15px;
    font-size: 1.077em;
    font-weight: bold;
}

#contenido-interior table th,
table .fila-destacada{
    font-weight: bold;
    background-color: #e3e3e3;
}

#contenido-interior table tbody tr th{
    font-weight: normal;
}

#contenido-interior table th,
#contenido-interior table td{
    padding: 8px;
    text-align: center;
    border: 1px solid #d6d6d6;
}

#contenido-interior table td:hover,
#contenido-interior table td:focus{
    background-color: #d6d6d6;
}

#contenido-interior table th:hover a,
#contenido-interior table td:hover a{
    color: #006C33 !important;
}

#contenido-interior table .fila-par{
    background-color: #efefef;
}


#contenido-interior table td.dto-izq{
    text-align: left;
}

#contenido-interior table td.dto-dcha{
    text-align: right;
}
		
#contenido-interior table tfoot td{
    padding: 3px !important;
    border: none !important;
    text-align: left !important;
}

#contenido-interior table tfoot td:first-child{
    text-align: center !important;
}

#contenido-interior table tfoot td:hover,
#contenido-interior table tfoot td:focus{
    background-color: #fff !important;
}

#contenido-interior table tfoot tr:first-child td:first-child,
#contenido-interior table tfoot tr:first-child td:first-child + td{
    padding-top: 15px !important;
}

#contenido-interior .informacion table.objbin a{
    text-decoration: none;
}

#contenido-interior .informacion table.objbin a:hover,
#contenido-interior .informacion table.objbin a:focus{
    text-decoration: underline;
}	

#contenido-interior .introduccion table.objbin a{
    text-decoration: none;
}

#contenido-interior .introduccion table.objbin a:hover,
#contenido-interior .introduccion table.objbin a:focus{
    text-decoration: underline;
}

        /*----- precios turismo 2019 -----*/
#contenido-interior table th[headers*="and"],
#contenido-interior table th[headers*="bal"],
#contenido-interior table th[headers*="can"],
#contenido-interior table th[headers*="tint"]{
    background-color: transparent;
}
		
    /*----- introduccion -----*/
#contenido-interior .introduccion{
    padding-top: 10px
}

#contenido-interior .introduccion p,
#contenido-interior .introduccion ul,
#contenido-interior .introduccion ol{
    line-height: 1.5em;
}
		
#contenido-interior .introduccion > p a,
#contenido-interior .introduccion a,
#contenido-interior .informacion a{
    text-decoration: underline;
} 

#contenido-interior .introduccion > p a:hover,
#contenido-interior .introduccion > p a:focus,
#contenido-interior .informacion a:hover,
#contenido-interior .informacion a:focus,
#contenido-interior .introduccion a:hover,
#contenido-interior .introduccion a:focus{
    text-decoration: none;
}

#contenido-interior .introduccion .fila-mapa{
    overflow: auto;
    padding-bottom: 1em;
}

#contenido-interior .introduccion .fila-mapa.filo{
    margin-top: 1em;
    padding-bottom: 0;
    border: 1px solid #007936;
}

#contenido-interior .introduccion .fila-mapa.filo p{
    margin-right: 15px;
}

#contenido-interior .introduccion .fila-mapa.filo img{
    margin-top: 15px;
}
		
#contenido-interior .introduccion .img-der{
    margin: 10px 0 5px 12px;
    float: right;
}

#contenido-interior .introduccion .img-izq{
    margin: 10px 12px 5px 0;
    float: left;
}

    /*----- atencion a la ciudadania(contacto) -----*/
#contenido-interior .introduccion div.canales{
    display: block;
    min-height: 245px !important;
    margin-top: 1em;
    padding-top: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px dashed #d6d6d6;
    border-radius: 5px;
}
				
#contenido-interior .introduccion div.canales div.catencion{
    display: block;
    width: 40%;
}

#contenido-interior .introduccion div.canales ul#canales-atencion{
    float: left;
    display: inline-block;
    margin: 0 2em 0 1em;
    padding: 0.7em 0;
}

#contenido-interior .introduccion div.canales ul#canales-atencion li{
    background-position: left top !important;
    background-image: none;
}

        /*----- horario -----*/
#contenido-interior .introduccion div.canales div{
    display: inline-block;
    width: 53%;
    padding: 0;
    margin: 0;
}

#contenido-interior .introduccion div.canales div h3{
    margin: 0;
    padding: 1em 0;
    text-align: center;
    font-size: 1.1em;
    color: #000;
}

#contenido-interior .introduccion div.canales div.catencion + div h3{
    background: url("ico-horario_imserso.png") no-repeat 2em 0.8em;
}

#contenido-interior .introduccion div.canales div.catencion + div h3 + p{
    padding: .4em 0 0 1.5em;
    margin: 0 0 1em 5px;
}

#contenido-interior .introduccion div.canales div.catencion + div ul li,
#contenido-interior .introduccion div.canales div.catencion + div h3 + p{
    background: url("bullet-horario.png") no-repeat 0 0;
}

#contenido-interior .introduccion div.canales div ul{
    margin: 0 0 1em;
}

#contenido-interior .introduccion div.canales div ul li{
    margin: 0;
}

#contenido-interior .introduccion div.canales div ul li ul{
    margin: 0;
    padding: 0;
}

#contenido-interior .introduccion div.canales div.catencion + div ul li ul li{
    background: url("bullet-lista.png") no-repeat 0 0;
}
					
#contenido-interior .introduccion div.canales div ul li p.imitalista{
    margin: 0;
    font-size: 1em;
}

    /*----- informacion -----*/
#contenido-interior .informacion{
    padding-top: 10px
}

#contenido-interior .informacion > ul{
    padding: 0;
    margin: 5px 0 0;
}	

#contenido-interior .informacion ul > li{
    padding: .4em 0 0 1em;
    margin: 0;
}

#contenido-interior .informacion ul > li > ul > li{
    padding: .4em 0 0 1em;
    margin: 0;
}

#contenido-interior .informacion ul li a{
    padding: 0;
    margin: 0;
}

#contenido-interior .informacion.tabla > div{
    margin-bottom: 3px;
}

#contenido-interior .informacion.tabla > div > p{
    display: inline-block;
    margin: 0 0 3px;
}

#contenido-interior .informacion.tabla > div > ul{
    display: block;
}

#contenido-interior .informacion.resultados ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

#contenido-interior .informacion.resultados ul li{
    margin: 0 0 10px;
}

#contenido-interior .informacion.resultados a{
    font-weight: bold;
}

#contenido-interior .informacion.resultados div.tab ul li div p a{
    font-weight: normal;
}	

#contenido-interior .informacion.descargas ul li{
    margin-bottom: 5px;
}

#contenido-interior .informacion.descargas ul li a{
    vertical-align: super;
}

#contenido-interior .informacion.navegacion > ul{
    margin-left: 25px;
    margin-bottom: 10px;
}

#contenido-interior .informacion.extra{
    margin: 15px 0;
}

#contenido-interior .informacion.resultados div.nores{
    font-weight: bold;
    font-size: 1.154em;
}

#contenido-interior .img-centra iframe{
    margin-bottom: 15px;
}

    /*----- informacion publicaciones -----*/
#contenido-interior .introduccion.publicacion{
    padding: 0;
}

#contenido-interior .introduccion.publicacion h2{
    padding: 0;
}

#contenido-interior .introduccion.publicacion h2[id]{
    padding: 9px 0 7px 40px;
}

#contenido-interior .introduccion.publicacion h2 a{
    text-decoration: none;
}

#contenido-interior .introduccion.publicacion h2 a:hover,
#contenido-interior .introduccion.publicacion h2 a:focus{
    text-decoration: underline;
}

#contenido-interior .informacion.publicacion{
    min-height: 350px;
    padding: 15px;
    margin: 0;
    border-bottom: 2px solid #EEE;
}

#contenido-interior .informacion.publicacion > div{
    margin-bottom: 10px;
}

#contenido-interior .informacion.publicacion > div.portada{
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

#contenido-interior .informacion.publicacion > div.portada img{
    width: 212px;
    border: 1px solid #333;
    -webkit-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.12);
    -moz-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.12);
    box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.12);
}

#contenido-interior .informacion.publicacion > div > h3{
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: top;
    color: #333;
}

#contenido-interior .informacion.publicacion > div > p{
    display: inline;
    margin: 0;
    padding: 0;
}

#contenido-interior .informacion.publicacion > div > p + p{
    display: block;
}

#contenido-interior .informacion.publicacion > div > p.imitalista{
    padding-left: 1em;
    background-position: 0 -7px;
}

#contenido-interior .informacion.publicacion > div > ul{
    display: inline-block;
    margin: 0;
    padding: 0;
}

#contenido-interior .informacion.publicacion > div > ul ul{
    margin: 0;
    padding: 0;
}

#contenido-interior .informacion.publicacion > div > ul li{
    padding-top: 0;
    background-position: 0 -5px;
}

#contenido-interior .informacion #noResultados{
    margin: 15px;
}

#contenido-interior .informacion.publicacion + #col-relacionados{
    margin-top: 1em;
}

#contenido-interior .informacion.publicacion + .actuali + .compartir + #imprimir{
    margin-bottom: 30px;
}

        /*----- etiqueta embed para mostrar el PDF -----*/
#contenido-interior .informacion.publicacion embed{
    width: 100%;
    margin-top: 15px;
    border: 2px solid;
}

    /*----- informacion acordeon -----*/
#contenido-interior #col-relacionados + .introduccion + #accordion.informacion h3,
#contenido-interior #col-relacionados + #accordion.informacion h3{
    width: 70%;
}

#contenido-interior #accordion.informacion h3{
    width: 100%;
    margin: 0 0 7px 0;
    padding: 0 10px;
    border: 0 none;
    color: #333;
    background-color: #EDEDED;
}

#contenido-interior #accordion.informacion h3:hover,
#contenido-interior #accordion.informacion h3:focus{
    cursor: pointer;
    text-decoration: underline;
}

#contenido-interior #accordion.informacion h3 > span{
    display: block;
    padding: 10px 30px 10px 10px;
    background: url(flecha-texto-cerrado_sede.png) no-repeat right center;
}

#contenido-interior #accordion.informacion h3.desplegado span{
    background: url(flecha-texto-abierto_sede.png) no-repeat right center;
}

#contenido-interior #accordion.informacion h3 + div{
    margin-bottom: 15px;
    margin-top: -8px;
    padding: 15px;
    border: 2px solid #eee;
    border-top-color: transparent !important;
}

#accordion.informacion h3 + div > ul li ul{
    margin: 0;
}

#accordion.informacion h3 + div > p:first-child,
#accordion.informacion h3 + div > ul:first-child{
    margin-top: 0;
}

#accordion.informacion h3 + div > p:last-child,
#accordion.informacion h3 + div > ul:last-child,
#col-relacionados h2 + div > ul:last-child{
    margin-bottom: 0 !important;
}

    /*----- informacion formulario -----*/
form p.text-der{
    width: 85%;
    margin: 0 auto 1em;
    text-align: right;
    font-weight: bold;
}

#contenido-interior .formulario.busqueda{
    padding-bottom: 25px;
    background: url("linea-horizontal.png") repeat-x left bottom;
}

#contenido-interior .formulario fieldset{
    padding: 0; margin: 0;
    border: 0 none;
}

#contenido-interior .formulario legend{
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 1.077em;
}

#contenido-interior .formulario span.ayuda{
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size: 0.846em;
    font-style: italic;}

#contenido-interior .formulario,
#contenido-interior .formulario option,
#contenido-interior .formulario input,
#contenido-interior .formulario textarea{
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    color: #333;
}

#contenido-interior .formulario textarea{
    font-size: 1em;
}

#contenido-interior .formulario .simulabel{
    width: 90%;
    margin: 0 auto 5px;
    padding: 0;
    color: #333;
    font-weight: normal;
    font-size: 1em;
}

#contenido-interior .formulario input,
#contenido-interior .formulario textarea,
#contenido-interior .formulario select{
    border: 1px solid #555;
}

#contenido-interior .formulario input:focus,
#contenido-interior .formulario textarea:focus,
#contenido-interior .formulario select:focus{
    outline: 1px solid #333;
}

#contenido-interior .formulario input[type=radio],
#contenido-interior .formulario input[type=checkbox]{
    outline: 1px solid #555;
}

#contenido-interior .formulario input[type=checkbox]{
    width: 15px;
    height: 15px;
    cursor: pointer;
}

#contenido-interior .formulario input[type=checkbox] + label{
    cursor: pointer;
}

#contenido-interior .formulario input[type=radio]:focus,
#contenido-interior .formulario input[type=checkbox]:focus{
    outline: 2px solid #333;
}

#contenido-interior .formulario .fila{
    display: table;
    width: 90%;
    margin: 0 auto 10px;
}
		
#contenido-interior .formulario .fila .izqda,
#contenido-interior .formulario .fila .dcha{
    display: block;
}
		
#contenido-interior .formulario .fila > label,
#contenido-interior .formulario .fila > span{
    margin: 0 7px 5px 0;
}
		
#contenido-interior .formulario .fila input[type=text]{
    width: 100%;
    height: 30px;
    padding: 0 5px;
    resize: vertical;
    border: 1px solid #555;
    border-radius: 5px;
}

#contenido-interior .formulario .fila textarea{
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    resize: vertical;
    border: 1px solid #555;
    border-radius: 5px;
}
		
#contenido-interior .formulario .fila select{
    display: inline-block;
    width: 100%;
    height: 30px;
    padding: 0 5px;
    cursor: pointer;
    border-radius: 5px;
    background: url(flechaselect.jpg) no-repeat right center;
    background-size: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;    
}

#contenido-interior .formulario .fila select[multiple]{
    height: auto !important;
    padding: 5px;
    cursor: context-menu;
    background: none !important;
}

#contenido-interior .formulario .fila select[multiple] option{
    cursor: pointer;
}

#contenido-interior .formulario .fila.dos-col{
    display: inline-block;
    margin-left: 7% !important;
    padding-left: 5px;
}
		
#contenido-interior .formulario .fila.dos-col > div input{
    display: inline-block;
}
		
#contenido-interior .formulario .fila.dos-col > div label{
    display: inline-block;
    margin-right: 10px;
    padding: 2px 0 0 7px;
    text-align: left;
    vertical-align: top;
    width: 85%;
}
		
#contenido-interior .formulario .fila.dos-col .izq{
    width: 50%;
    float: left;
}
		
#contenido-interior .formulario .fila.dos-col .dcha{
    width: 50%;
    float: right;
}
		
#contenido-interior .formulario .fila.dos-col #buscar_pdf+label{
    width: 60% !important;
}

#contenido-interior .formulario .fila.dos-valores > .dcha label:first-child{
    width: 5%;
    display: inline-block;
}

#contenido-interior .formulario .fila.dos-valores > .dcha label + input + label{
    width: 1%;
    display: inline-block;
}

#contenido-interior .formulario .fila.dos-valores > .dcha label + input{
    width: 46.2%;
}

#contenido-interior .formulario .fila.dos-valores > label + div input{
    display: inline-block;
    width: 48%;
}

#contenido-interior .formulario .fila.dos-valores > label + div label{
    width: 2.5%;
    display: inline-block;
    text-align: center;
}

#contenido-interior .formulario .fila.select.dos-valores{
    display: table;
}

#contenido-interior .formulario .fila.select.dos-valores .izqda,
#contenido-interior .formulario .fila.select.dos-valores .dcha{
    width: 50%;
    float: left;
}

#contenido-interior .formulario .fila.select.dos-valores .izqda label,
#contenido-interior .formulario .fila.select.dos-valores .dcha label{
    width: 100%;
    text-align: left !important;
}

#contenido-interior .formulario .fila.select.dos-valores .izqda input[type="text"],
#contenido-interior .formulario .fila.select.dos-valores .dcha input[type="text"]{
    width: 90%;
    margin-top: 5px;
}

#contenido-interior .formulario .fila.una-fila > div input{
    display: inline-block;
}

#contenido-interior .formulario .fila.una-fila > div label{
    display: inline-block;
    width: 25%;
    margin: 0 5px 0 0;
}

#contenido-interior .formulario .fila.multi-fila > div input{
    display: inline-block;
    width: 3%;
}

#contenido-interior .formulario .fila.multi-fila > div label{
    display: inline-block;
    width: 90%;
    margin: 0 10px 0 0;
}		

#contenido-interior .formulario .fila.select.dos-campos select{
    display: inline-block;
}

#contenido-interior .formulario .fila.dos-campos div.dcha{
    float: left;
    width: 70%;
}

#contenido-interior .formulario .fila.dos-campos div.izqda{
    float: left;
    width: 25%;
    margin-right: 5%;
}

#contenido-interior .formulario .fila.dos-campos div label.izqda{
    margin: 0 7px 5px 0;
}
		
#contenido-interior .formulario .fila.select .tres-campos{
    display: inline-block;
    width: 31%;
    margin-right: 8px;
}

#contenido-interior .formulario .fila.select .tres-campos label{
    display: block;
    margin-bottom: 5px;
}

#contenido-interior .formulario .fila.select .tres-campos select{
    width: 100%;
}

#contenido-interior .formulario .fila.archivo{
    padding-top: 15px;
    margin-bottom: 10px;
}		

#contenido-interior .formulario .fila.archivo > div input{
    width: 100%;
}

.formulario .fila.documentos .dcha label{
    display: inline !important;
}

#contenido-interior .formulario .fila.oculto{
    width: 0 !important;
}

#contenido-interior .formulario .fila.captcha{
    margin: 20px auto;
}

#contenido-interior .formulario .fila.captcha .izqda,
#contenido-interior .formulario .fila.captcha .dcha{
    display: inline-block;
}

#contenido-interior .formulario .fila.captcha .dcha{
    width: 15%;
}

#contenido-interior .formulario .fila.captcha span{
    display: block;
}

#contenido-interior .formulario .fila.pol-privacidad{
    clear: both;
    margin-top: 10px;
}

#contenido-interior .formulario .fila.pol-privacidad > div input{
    display: inline-block;
}

#contenido-interior .formulario .fila.pol-privacidad > div a{
    display: inline-block;
    padding-top: 3px;
    vertical-align: top;
}

#contenido-interior .formulario .fila.botonera{
    padding-top: 10px;
    text-align: center;
}

#contenido-interior .formulario .fila.botonera input{
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
    transition: .4s all;
}

#contenido-interior .formulario .fila.botonera .dcha p{
    display: block;
    text-align: left;
    margin: 10px 0;
}

#contenido-interior .formulario .fila.botonera .dcha span.mensajeFormulario{
    text-align: center;
}

#contenido-interior .formulario .fila.botonera input.botonBuscar{
    display: inline-block;
}

#contenido-interior .informacion.publicacion #borrarPublicacion .botonera .botonBuscar{
    display: inline-block;
}

#contenido-interior .formulario .fila.botonera input.botonBuscar.limpiar,
#contenido-interior .formulario .fila.botonera input.botonBuscar.enviar{
    padding: 0 7px;
    text-align: left;
    margin-right: 5px;
}

#contenido-interior .formulario .fila.archivo > div input{
    border: 0 none;
    font-size: 0.923em;
}

#contenido-interior .formulario .fila.botonera .dcha p,
#contenido-interior .formulario .fila.captcha p{
    font-size: 0.846em;
}

#contenido-interior .formulario .fila.botonera .dcha span.mensajeFormulario{
    font-weight: bold;
    font-size: 1em;
}

#contenido-interior .formulario .fila.captcha label{
    font-weight: bold;
}

#contenido-interior .formulario .fila.botonera .dcha a.busqueda{
    margin-right: 25px;
    padding: 5px 0 5px 25px;
    background: url("ico-buscavan.jpg") no-repeat left center;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
}

#contenido-interior .formulario .fila.botonera input.botonBuscar,
#contenido-interior .informacion.publicacion #borrarPublicacion .botonera .botonBuscar{
    color: #fff;
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size: 1.154em;
    font-weight: bold;
    border: 2px solid transparent;
    text-transform: uppercase;
}

#contenido-interior .formulario .fila.botonera input.botonBuscar:hover,
#contenido-interior .formulario .fila.botonera input.botonBuscar:focus,
#contenido-interior .informacion.publicacion #borrarPublicacion .botonera .botonBuscar:hover,
#contenido-interior .informacion.publicacion #borrarPublicacion .botonera .botonBuscar:focus{
    color: #007936;
    border-color: #007936;
    background-color: #FFF;
}

        /*----- mensaje de OK o fallo -----*/
.mensajeFormulario input{
    display: block;
    width: 90%;
    margin: 0 auto 30px;
    padding: 30px 0;
    font-size: 1.2em;
    font-weight: bold;
    border: 3px solid #333 !important;
    background-color: #FFF;
}

.mensajeFormulario.fallo input{
    border-color: #993333 !important;
}

.mensajeFormulario.ok input{
    border-color: #2f8652 !important;
}

        /*----- radiobutton con apariencia de checkbox -----*/
input[type="radio"] {
    -webkit-appearance: checkbox; 
    -moz-appearance: checkbox; 
    -ms-appearance: checkbox; /* not currently supported */ 
    -o-appearance: checkbox; /* not currently supported */
}

    /*----- glosario descriptores normativa -----*/
#contenido-interior .horizontal #lista-glosario{
    margin: 1.5em 0 1em 0;
}

#contenido-interior .horizontal #lista-glosario li{
    display: inline-block;
    padding: .2em .4em;
    background: none;
    border: 1px solid #c8c8c8;
    color: #555;
}

#contenido-interior .horizontal #lista-glosario li a{
    font-weight: bold;
}

    /*----- listado normas con aspecto de resultado de busqueda -----*/
#contenido-interior #resbusqueda{
    padding: 1em 0;
    margin: 0;
}

#contenido-interior #resbusqueda li{
    padding-left: 2.4em;
    font-size: .9em;
    line-height: 2em;
    background: url("bullet-lista.png") no-repeat 0 0;
}
		
    /*----- infogafrias -----*/
        /* basica de dos columnas */
#contenido-interior ul.infografia.dos-col{
    display: table;
    width: 100%;
    margin: 1em 0;
    padding: 0;
}

#contenido-interior ul.infografia.dos-col li{
    display: table;
    width: 49.5%;
    float: left;
    background-image: none; 
    height: 170px;
    margin: 0 0 .5em; 
    padding: 15px;
    border: 1px solid #d6d6d6;
}

#contenido-interior ul.infografia.dos-col li.izq{
    margin-right: 1.1%;
}

#contenido-interior ul.infografia.dos-col li img{
    max-width: 100%;
    display: block;
    float: left;
    margin-right: 1em;
}

#contenido-interior ul.infografia.dos-col li p{
    display: table-cell;
    width: 75%;
    vertical-align: middle;
    padding: 0;
    line-height: initial;
}

#contenido-interior ul.infografia.dos-col li ul{
    margin-top: 0;
}

#contenido-interior ul.infografia.dos-col li p strong{
    font-weight: bold;
    color: #007936;
}

#contenido-interior ul.infografia.dos-col li ul li{
    display: block;
    border: none;
    margin: 0;
    padding: .4em 0 0 1.5em;
    height: auto;
    float: none;
    width: auto;
    background: url("bullet-lista.png") no-repeat 0 0;
}
			
    /*----- solo div centrado -----*/
#contenido-interior ul.infografia.dos-col li.centrado{
    float: none;
    width: 100%;
    height: 170px;
}

#contenido-interior ul.infografia.dos-col li.centrado p{
    width: 87%;
}

#contenido-interior ul.infografia.dos-col li.centrado div{
    margin: 0.5em auto;
    width: 48%;
    height: 120px;
    padding: 0.5em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table;
    border: 1px solid #d6d6d6;
}

    /*----- infografia cuidadores -----*/
#contenido-interior ul.infografia.dos-col.cuidadores > li{
    height: 170px;
}

#contenido-interior ul.infografia.dos-col.cuidadores li.centrado{
    height: 120px;
}

#contenido-interior ul.infografia.dos-col.cuidadores span strong{
    color: #007936;
}

#contenido-interior ul.infografia.dos-col.cuidadores p{
    vertical-align: top;
}

#contenido-interior ul.infografia.dos-col.cuidadores ul{
    display: inline-table;
    margin: 0;
}

    /*----- sin listas (ciudades amiglables) -----*/
#contenido-interior div.dos-col{
    margin-bottom: 1em;
    display: table;
}

#contenido-interior div.dos-col div{
    width: 47%;
    float: left;
    padding-right: 1em;
}

#contenido-interior div.dos-col.banners div:first-child{
    border: none;
}

#contenido-interior div.dos-col div:first-child{
    border-right: 2px dotted #ddd;
}

#contenido-interior div.dos-col div:last-child{
    margin-left: 1em;
}

    /*----- tipo de archivos en enlace de descargas -----*/
a span.pdf, p span.pdf,
a span.xls, p span.xls,
a span.csv, p span.csv,
a span.doc, p span.doc,
a span.htm, p span.htm,
a span.jpg, p span.jpg,
a span.mdb, p span.mdb,
a span.pps, p span.pps,
a span.ppt, p span.ppt,
a span.text, p span.text,
a span.zip, p span.zip,
a span.xlsx, p span.xlsx,
a span.tif,	p span.tif,
a span.gif, p span.gif,
a span.rar, p span.rar,
a span.png, p span.png,
a span.psd, p span.psd,
a span.exe, p span.exe,
a span.mp3, p span.mp3,
a span.avi, p span.avi,
a span.cdr, p span.cdr,
a span.epub, p span.epub{
    padding: 3px 20px 3px 0 !important;
    color: #333;
    font-size: 0.923em;
}

a span.csv, p span.csv{
    background: url("descarga-csv.png") no-repeat right 3px;
}

a span.doc, p span.doc{
    background: url("descarga-doc.png") no-repeat right 3px;
}

a span.htm, p span.htm{
    background: url("descarga-htm.png") no-repeat right 3px;
}

a span.jpg, p span.jpg{
    background: url("descarga-jpg.png") no-repeat right 3px;
}

a span.mdb, p span.mdb{
    background: url("descarga-mdb.png") no-repeat right 3px;
}

a span.pdf, p span.pdf{
    background: url("descarga-pdf.png") no-repeat right 3px;
}

a span.pps, p span.pps{
    background: url("descarga-pps.png") no-repeat right 3px;
}

a span.ppt, p span.ppt{
    background: url("descarga-ppt.png") no-repeat right 3px;
}

a span.text, p span.text{
    background: url("descarga-text.png") no-repeat right 3px;
}

a span.tif, p span.tif{
    background: url("descarga-tif.png") no-repeat right 3px;
}

a span.xls, p span.xls{
    background: url("descarga-xls.png") no-repeat right 3px;
}

a span.xlsx, p span.xlsx{
    background: url("descarga-xlsx.png") no-repeat right 3px;
}

a span.zip, p span.zip{
    background: url("descarga-zip.png") no-repeat right 3px;
}

a span.gif,	p span.gif{
    background: url("descarga-gif.png") no-repeat right 3px;
}

a span.rar,	p span.rar{
    background: url("descarga-rar.png") no-repeat right 3px;
}

a span.png,	p span.png{
    background: url("descarga-png.png") no-repeat right 3px;
}

a span.psd,	p span.psd{
    background: url("descarga-psd.png") no-repeat right 3px;
}

a span.exe,	p span.exe{
    background: url("descarga-exe.png") no-repeat right 3px;
}

a span.mp3,	p span.mp3{
    background: url("descarga-mp3.png") no-repeat right 3px;
}

a span.avi,	p span.avi{
    background: url("descarga-avi.png") no-repeat right 3px;
}

a span.cdr,	p span.cdr{
    background: url("descarga-cdr.png") no-repeat right 3px;
}

a span.epub, p span.epub{
    background: url("descarga-epub.png") no-repeat right 3px;
}
		
a:hover span.pdf, p:hover span.pdf,
a:focus span.pdf, p:focus span.pdf,
a:hover span.xls, p:hover span.xls,
a:focus span.xls, p:focus span.xls,
a:hover span.doc, p:hover span.doc,
a:focus span.doc, p:focus span.doc,
a:hover span.csv, p:hover span.csv,
a:focus span.csv, p:focus span.csv,
a:hover span.htm, p:hover span.htm,
a:focus span.htm, p:focus span.htm,
a:hover span.jpg, p:hover span.jpg,
a:focus span.jpg, p:focus span.jpg,
a:hover span.mdb, p:hover span.mdb,
a:focus span.mdb, p:focus span.mdb,
a:hover span.pps, p:hover span.pps,
a:focus span.pps, p:focus span.pps,
a:hover span.ppt, p:hover span.ppt,
a:focus span.ppt, p:focus span.ppt,
a:hover span.text, p:hover span.text,
a:focus span.text, p:focus span.text,
a:hover span.xlsx, p:hover span.xlsx,
a:focus span.xlsx, p:focus span.xlsx,
a:hover span.zip, p:hover span.zip,
a:focus span.zip, p:focus span.zip,
a:hover span.tif, p:hover span.tif,
a:focus span.tif, p:focus span.tif,
a:hover span.gif, p:hover span.gif,
a:focus span.gif, p:focus span.gif,
a:hover span.rar, p:hover span.rar,
a:focus span.rar, p:focus span.rar,
a:hover span.png, p:hover span.png,
a:focus span.png, p:focus span.png,
a:hover span.psd, p:hover span.psd,
a:focus span.psd, p:focus span.psd,
a:hover span.exe, p:hover span.exe,
a:focus span.exe, p:focus span.exe,
a:hover span.mp3, p:hover span.mp3,
a:focus span.mp3, p:focus span.mp3,
a:hover span.avi, p:hover span.avi,
a:focus span.avi, p:focus span.avi,
a:hover span.cdr, p:hover span.cdr,
a:focus span.cdr, p:focus span.cdr,
a:hover span.epub, p:hover span.epub,
a:focus span.epub, p:focus span.epub{
    text-decoration: underline;
}

.readspeaker-pdf a{
    padding: 0;
    margin: 0;
    display: inline-block;
}

.readspeaker-pdf a:hover,
.readspeaker-pdf a:focus{
    outline: 1px solid #333;
} 

.readspeaker-pdf a img{
    vertical-align: text-bottom;
}

    /*----- columna derecha paginas interiores -----*/
#contenido-interior #col-relacionados{
    margin: 0 0 1em;
    padding: 0 0 .5em;
}

#contenido-interior #col-relacionados h2{
    width: 100%;
    margin: 0 auto 7px;
    padding: 0 11px 0 10px;
    border: 0 none;
    font-size: 1.154em !important;
    font-weight: bold !important;
    color: #333;
    background-color: #EDEDED;
}

#contenido-interior #col-relacionados h2:hover,
#contenido-interior #col-relacionados h2:focus{
    cursor: pointer;
    text-decoration: underline;
}

#contenido-interior #col-relacionados h2 span{
    display: block;
    padding: 10px 30px 10px 10px;
    background: url(flecha-texto-cerrado_sede.png) no-repeat right center;
}

#contenido-interior #col-relacionados h2.desplegado span{
    background: url(flecha-texto-abierto_sede.png) no-repeat right center;
}

#contenido-interior #col-relacionados h2 + div{
    margin: -8px 0 15px;
    padding: 15px;
    border: 2px solid #eee;
    border-top-color: transparent !important;
}

.col-portada{
    width: 27% !important;
}

#col-relacionados.col-portada img{
    width: 212px;
}

#col-relacionados > a img{
    display: block;
    margin: 1em auto;
}

#col-relacionados h2.cabecera-canales{
    text-transform: uppercase;
    font-weight: bold;
}

#contenido-interior .introduccion #col-relacionados p{
    font-size: 1em !important;
}

#contenido-interior .introduccion #col-relacionados a{
    display: inline;
    text-decoration: none;
}

#contenido-interior .introduccion #col-relacionados a:hover,
#contenido-interior .introduccion #col-relacionados a:focus{
    text-decoration: underline;
}

#col-relacionados ul{
    margin: 0 0 25px !important;
    padding: 0 !important;
    list-style: none;
}

#col-relacionados ul li{
    margin-bottom: 5px;
}

#col-relacionados.canales{
    width: 31%;
    float: right;
    padding-left: 15px;
    margin-top: -25px;
}

#col-relacionados.canales ul{
    margin: 0;
}

#col-relacionados.canales ul li{
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    background: url("linea-horizontal.png") repeat-x left bottom;
}

#col-relacionados ul.enlaces,		
#col-relacionados ul#banners{
    margin-bottom: 15px;
}

#col-relacionados ul.enlaces li{
    padding:.4em 0 0 1.5em;
    margin-bottom: 7px;
}

#col-relacionados ul#banners li{
    margin-bottom: 7px;
    padding-left: 8px;
    font-size: 0.923em;
    background: none;
}

#col-relacionados ul#banners li a{
    font-weight: bold;
}

#col-relacionados div#banner a{
    font-weight: bold;
}
#col-relacionados ul#documentos li{
    padding: .4em 0 0 1.5em;
    margin-bottom: 7px;
}

#col-relacionados ul#documentos li.last{
    background: none;
}

#col-relacionados div#publicacion a{
    font-weight: bold;
}
		
#col-relacionados div#publicacion > img,
#col-relacionados div#publicacion > a{
    margin-top: 10px;
}

#col-relacionados ul.enlaces li.last,
#col-relacionados ul#banners li.last{
    margin-bottom: 0px;
}

#col-relacionados p.enlace,
#col-relacionados div#banner{
    margin-bottom: 7px;
}

#col-relacionados p{
    margin: 0 0 25px;
}

#col-relacionados p a span.pdf{
    display: inline-block;
}

#col-relacionados p#documento > a{
    display: block;
    margin-top: 5px;
}

#col-relacionados ul li a span.pdf,
#col-relacionados div#publicacion a span.pdf,
#col-relacionados ul li a span.xls,
#col-relacionados div#publicacion a span.xls,
#col-relacionados ul li a span.xlsx,
#col-relacionados div#publicacion a span.xlsx,
#col-relacionados ul li a span.doc,
#col-relacionados div#publicacion a span.doc,
#col-relacionados ul li a span.csv,
#col-relacionados div#publicacion a span.csv,
#col-relacionados ul li a span.htm,
#col-relacionados div#publicacion a span.htm,
#col-relacionados ul li a span.jpg,
#col-relacionados div#publicacion a span.jpg,
#col-relacionados ul li a span.mdb,
#col-relacionados div#publicacion a span.mdb,
#col-relacionados ul li a span.pps,
#col-relacionados div#publicacion a span.pps,
#col-relacionados ul li a span.ppt,
#col-relacionados div#publicacion a span.ppt,
#col-relacionados ul li a span.text,
#col-relacionados div#publicacion a span.text,
#col-relacionados ul li a span.zip,
#col-relacionados div#publicacion a span.zip,
#col-relacionados ul li a span.tif,
#col-relacionados div#publicacion a span.tif,
#col-relacionados ul li a span.gif,
#col-relacionados div#publicacion a span.gif,
#col-relacionados ul li a span.rar,
#col-relacionados div#publicacion a span.rar,
#col-relacionados ul li a span.png,
#col-relacionados div#publicacion a span.png,
#col-relacionados ul li a span.psd,
#col-relacionados div#publicacion a span.psd,
#col-relacionados ul li a span.exe,
#col-relacionados div#publicacion a span.exe,
#col-relacionados ul li a span.mp3,
#col-relacionados div#publicacion a span.mp3,
#col-relacionados ul li a span.avi,
#col-relacionados div#publicacion a span.avi,
#col-relacionados ul li a span.cdr,
#col-relacionados div#publicacion a span.cdr,
#col-relacionados ul li a span.epub,
#col-relacionados div#publicacion a span.epub{
    display: inline-block;
    padding: 3px 20px 3px 0;
    margin: 0;
}

#col-relacionados p#documento > a span.pdf,
#col-relacionados p#documento > a span.xls,
#col-relacionados p#documento > a span.xlsx,
#col-relacionados p#documento > a span.csv,
#col-relacionados p#documento > a span.doc,
#col-relacionados p#documento > a span.htm,
#col-relacionados p#documento > a span.jpg,
#col-relacionados p#documento > a span.mdb,
#col-relacionados p#documento > a span.pps,
#col-relacionados p#documento > a span.ppt,
#col-relacionados p#documento > a span.text,
#col-relacionados p#documento > a span.zip,
#col-relacionados p#documento > a span.tif,
#col-relacionados p#documento > a span.gif,
#col-relacionados p#documento > a span.rar,
#col-relacionados p#documento > a span.png,
#col-relacionados p#documento > a span.psd,
#col-relacionados p#documento > a span.exe,
#col-relacionados p#documento > a span.mp3,
#col-relacionados p#documento > a span.avi,
#col-relacionados p#documento > a span.cdr,
#col-relacionados p#documento > a span.epub{
    margin: 0;
}

#col-relacionados ul#documentos li a span.pdf,
#col-relacionados ul#documentos li a span.xls,
#col-relacionados ul#documentos li a span.xlsx,
#col-relacionados ul#documentos li a span.csv,
#col-relacionados ul#documentos li a span.doc,
#col-relacionados ul#documentos li a span.htm,
#col-relacionados ul#documentos li a span.jpg,
#col-relacionados ul#documentos li a span.mdb,
#col-relacionados ul#documentos li a span.pps,
#col-relacionados ul#documentos li a span.ppt,
#col-relacionados ul#documentos li a span.text,
#col-relacionados ul#documentos li a span.zip,
#col-relacionados ul#documentos li a span.tif,
#col-relacionados ul#documentos li a span.gif,
#col-relacionados ul#documentos li a span.rar,
#col-relacionados ul#documentos li a span.png,
#col-relacionados ul#documentos li a span.psd,
#col-relacionados ul#documentos li a span.exe,
#col-relacionados ul#documentos li a span.mp3,
#col-relacionados ul#documentos li a span.avi,
#col-relacionados ul#documentos li a span.cdr,
#col-relacionados ul#documentos li a span.epub{
    padding-top: 0;
}

#col-relacionados #calendario-eventos{
    margin: 0;
}

#col-relacionados #calendario-eventos #capa-calendario{
    padding: 20px 0 20px 13px;
    margin: 0;
    border: 0 none;
}

#col-relacionados #calendario-eventos #capa-calendario #calendario tbody tr td{
    width: 18px;
}

    /*----- Eventos -----*/
.eventos{
    margin-top: 15px;
}

.eventos > ul{
    margin: 0 !important;
    padding: 0 !important;
}

.eventos > ul > li{
    position: relative;
    margin: 0 0 15px !important;
    padding: 0 0 0 55px !important;
    background-image: none !important;
}

.eventos > div{
    position: relative;
    padding-left: 55px;
}

.eventos h3{
    display: table;
    width: 100%;
    min-height: 50px;
    margin: 0;
    padding-right: 15px;
    color: #333 !important;
    background-color: #EDEDED;
}

.eventos > ul > li > h3:hover{
    cursor: pointer;
}

.eventos h3 span{
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;    
}

.eventos > ul > li > h3 span{
    background: url("flecha-texto-cerrado_sede.png") no-repeat right center !important;
}

.eventos > ul > li > h3.desplegado span{
    background: url("flecha-texto-abierto_sede.png") no-repeat right center !important;
}

.eventos .fecha{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    line-height: 1.5em;
    background: url(ico-fecha-evento.jpg) no-repeat;
}

.eventos .fecha span{
    display: block;
    width: 100%;
}

.eventos .fecha .dia{
    position: absolute;
    top: 20px;
    font-size: 1.5em;
}

.eventos .fecha .mes{
    color: #FFF;
    text-transform: uppercase;
    line-height: 1.33em;
}

.eventos .fecha + div{
    padding: 15px;
    border: 2px solid #EEE;
}

.eventos .evento{
    margin-bottom: 1em;
    border-bottom: 1px dashed #EEE;
}

.eventos .evento > div{
    min-height: 25px;
    margin-bottom: 10px;
    padding-top: 3px;
    padding-left: 30px;
    line-height: 1.5em;
    background-size: 25px !important;
}

.eventos .evento p{
    display: inline;
    margin: 0 !important;
    vertical-align: top;
}

.eventos .evento p + p{
    display: block;
}

.eventos .evento a{
    text-decoration: underline !important;
}

.eventos .evento ul{
    margin: 0 !important;
}

.eventos .evento a:hover,
.eventos .evento a:focus{
    text-decoration: none !important;
}

.eventos .evento ul li,
.eventos .evento p.imitalista{
    padding-top: 0 !important;
    padding-left: 1em !important;
    background-position: 0 -5px !important;
}

        /*----- iconos -----*/
.eventos .evento > .concierto-es{
    padding-top: 4px !important;
    background: url(ico-concierto-es.png) no-repeat;
}

.eventos .evento > .conferencia-es{
    padding-top: 4px !important;
    background: url(ico-conferencia-es.png) no-repeat;
}

.eventos .evento > .congreso-es{
    padding-top: 4px !important;
    background: url(ico-congreso-es.png) no-repeat;
}

.eventos .evento > .curso-es{
    padding-top: 4px !important;
    background: url(ico-curso-es.png) no-repeat;
}

.eventos .evento > .diaeuropeo-es{
    padding-top: 4px !important;
    background: url(ico-diaeuropeo-es.png) no-repeat;
}

.eventos .evento > .diainternacional-es{
    padding-top: 4px !important;
    background: url(ico-diainternacional-es.png) no-repeat;
}

.eventos .evento > .dianacional-es{
    padding-top: 4px !important;
    background: url(ico-dianacional-es.png) no-repeat;
}

.eventos .evento > .encuentro-es{
    padding-top: 4px !important;
    background: url(ico-encuentro-es.png) no-repeat;
}

.eventos .evento > .exposicion-es{
    padding-top: 4px !important;
    background: url(ico-exposicion-es.png) no-repeat;
}

.eventos .evento > .jornada-es{
    padding-top: 4px !important;
    background: url(ico-jornada-es.png) no-repeat;
}

.eventos .evento > .master-es{
    padding-top: 4px !important;
    background: url(ico-master-es.png) no-repeat;
}

.eventos .evento > .otros-es{
    padding-top: 4px !important;
    background: url(ico-otros-es.png) no-repeat;
}

.eventos .evento > .reunion-es{
    padding-top: 4px !important;
    background: url(ico-reunion-es.png) no-repeat;
}

.eventos .evento > .seminario-es{
    padding-top: 4px !important;
    background: url(ico-seminario-es.png) no-repeat;
}

.eventos .evento > .simposio-es{
    padding-top: 4px !important;
    background: url(ico-simposio-es.png) no-repeat;
}

.eventos .evento > .visita-es{
    padding-top: 4px !important;
    background: url(ico-visita-es.png) no-repeat;
}

.eventos .evento > .fechas{
    background: url(ico-fechas.jpg) no-repeat;
}

.eventos .evento > .hora{
    background: url(ico-horario.jpg) no-repeat;
}

.eventos .evento > .entidad{
    background: url(ico-entidad.jpg) no-repeat;
}

.eventos .evento > .sede{
    background: url(ico-sede.jpg) no-repeat;
}

.eventos .evento > .localizacion{
    background: url(ico-plano.jpg) no-repeat;
}

.eventos .evento > .telefono{
    background: url(ico-telinfo.jpg) no-repeat;
}

.eventos .evento > .inscripcion{
    background: url(ico-inscripcion.jpg) no-repeat;
}

.eventos .evento > .enlaces{
    background: url(ico-enlaces.jpg) no-repeat;
}

.eventos .evento > .cronica{
    background: url(ico-cronica.jpg) no-repeat;
}

.eventos .evento > .participantes{
    background: url(ico-participantes.jpg) no-repeat;
}

.eventos .evento > .informacion{
    padding-top: 3px !important;
    background: url(ico-informacion.jpg) no-repeat;
}

.eventos .evento > .notainformativa{
    background: url(ico-notainformativa.jpg) no-repeat;
}

.eventos .evento + .galeria{
    min-height: 25px;
    padding-top: 4px !important;
    padding-left: 30px;
    background: url(ico-galeriaevent.jpg) no-repeat;
    background-size: 25px;
    border-bottom: 1px dashed #EEE;
    margin-bottom: 1em;
}

.eventos .videos{
    min-height: 25px;
    margin: 15px 0 30px;
    padding-left: 30px;
    background: url(ico-videos.jpg) no-repeat;
    background-size: 25px;
}

        /*----- galeria -----*/
.eventos span.ayuda{
    display: block !important;
    margin-bottom: .7em;
    font-style: italic;
}

.eventos a.gallery{
    margin-bottom: .7em !important;
    display: inline-block !important;
}

.eventos a.gallery{
    margin-top: 0 !important;
}

.eventos a.gallery img{
    height: 100px;
}

.eventos iframe{
    display: block;
    margin-bottom: 1em;
}

        /*----- parrafos imita lista -----*/
.eventos .evento p.imitalista{
    background-position: 0 -7px !important;
}

.eventos .evento p.imitalista a{
    text-decoration: none !important;
}

.eventos .evento p.imitalista a:hover,
.eventos .evento p.imitalista a:focus{
    text-decoration: underline !important;
}

        /*----- añadir calendario -----*/
.eventos .calendario{
    display: table;
    width: 100%;
    margin-bottom: 35px;
}

.eventos .calendario p{
    margin: 0 !important;
}

.eventos .calendario a{
    position: relative;
    display: table !important;
    vertical-align: middle !important;
    margin-bottom: 10px !important;
    padding: 5px 0 5px 40px !important;
    color: #333 !important;
    font-weight: bold !important;
    text-decoration: none !important;
    background-size: 30px !important;
}

.eventos .calendario a:hover,
.eventos .calendario a:focus{
    text-decoration: underline !important;
}

.eventos .calendario span{
    position: absolute;
    top: 10px;
    left: 0;
    width: 28px;
    text-align: center;
}

.eventos .calendario a.icalendar{
    background: url(ico-icalendar.jpg) no-repeat;
}

.eventos .calendario a.gcalendar{
    background: url(ico-gcalendar.jpg) no-repeat;
}

.eventos .calendario a.gcalendar span{
    font-weight: bold;
    color: #3366CC;
}

    /*----- bloque direcciones -----*/
.direcciones{
    padding: 0;
    margin: 48px 0 0 0;
}

#contenido-interior #accordion h3 + div .direcciones{
    margin-top: 0;
}

.informacion.extra .direcciones{
    margin: 0;
}

.informacion.extra .direcciones + .direcciones{
    margin-top: 15px;
}

.direcciones dl{
    padding: 0 20px;
    margin: 0;
    background: url("linea-vertical.png") repeat-y left top;
}	

#contenido-interior #accordion h3 + div .direcciones dl{
    padding: 0;
    background: none;
}
		
div.direcciones dl dt{
    float: left;
}

div.direcciones dl dt img{
    margin-top: 2px;
}

div.direcciones dl dd{
    margin-left: 25px;
    padding: 0 10px 10px 0;
}

div.direcciones dl dd p{
    margin: 0 !important;
}

div.direcciones dl dd.direccion{
    margin-left: 0;
}

div.direcciones dl dd.direccion strong{
    display: block;
}

div.direcciones dl dd.ultimo{
    padding-bottom: 0;
}

    /*----- Apartado de directores de los centros -----*/
.director{
    display: inline-block;
    width: 100%;
    border: 1px solid #007936;
}

.director img{
    margin-bottom: 5px;
    margin-right: 15px;
}

.director p{
    float: left;
    padding-top: 30px;
}
			
    /*----- compartir -----*/
.compartir{
    display: inline-block;
    width: 90%;
}

.noticias .compartir,
.noticia .compartir,
.eventos .compartir{
    float: left;
    display: inherit;
    width: auto;
    margin: 2px 0 0 15px;
}

p.actuali + .compartir{
    margin: 0;
}

.eventos .compartir{
    margin: -30px 0 0;
}

.compartir ul{
    margin-bottom: 0 !important;
    padding: 0;
}

.noticia .compartir ul{
    padding: 0;
}

.eventos .compartir ul{
    margin: 0 !important;
}

.compartir li,
.noticia .compartir li{
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

.compartir ul a,
.noticia .compartir ul a{
    display: block;
    width: 30px;
    height: 27px;
    margin-top: 2px !important;
}

.compartir > ul > li{
    position: relative !important;
}

.compartir > ul > li > a{
    background: url(ico-compartir.jpg) no-repeat 0 2px;
    border: 1px solid transparent;
    border-radius: 15px 0 0 15px;
}

.compartir > ul > li > a{
    border-width: 1px;
    cursor: context-menu;
}

.compartir .desplegable > a:hover,
.compartir .desplegable > a:focus,
.compartir .desplegable:focus-within > a,
.compartir .desplegable:hover > a,
.compartir > ul > li > a{
    border-color: #E6E6E6;
}

.compartir .desplegable > a{
    border-color: transparent;
    cursor: pointer;
}

.compartir ul li ul{
    position: absolute;
    top: 0;
    left: 30px;
    height: 27px;
    margin: 0 !important;
    padding-left: 10px !important;
    background-color: #FFF;
    border: 1px solid #E6E6E6;
    border-width: 1px 1px 1px 0;
    border-radius: 0 15px 15px 0;
}

.noticias .compartir ul li ul,
.noticia .compartir ul li ul,
.eventos .compartir ul li ul{
    position: absolute;
    top: 0;
    left: 30px;
    width: 390%;
    height: 27px;
    margin: 0;
    padding-left: 10px !important;
    background-color: #FFF;
    border: 1px solid #E6E6E6;
    border-width: 1px 1px 1px 0;
    border-radius: 0 15px 15px 0;
}

.compartir ul li ul li{
    display: inline-block;
    width: auto;
}

.compartir ul li ul li:first-child{
    display: none;
}

.compartir .whatsapp a{
    background: url(ico-compartir-wa.jpg) no-repeat;
}

.compartir .twitter a{
    background: url(ico-compartir-tw.jpg) no-repeat;
}

.compartir .facebook a{
    background: url(ico-compartir-fb.jpg) no-repeat;
}

.compartir .correo a{
    background: url(ico-compartir-cr.jpg) no-repeat;
}

.compartir ul li ul li a:hover,
.compartir ul li ul li a:focus{
    transform: scale(1.1);
    transition: transform 0.2s;
}

    /*----- imprimir -----*/
#imprimir{
    display: table;
    float: right;
    margin-top: 10px;
}

.eventos #imprimir{
    margin-top: -35px;
}

#imprimir a{
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    color: #333 !important;
    text-transform: uppercase;
    text-decoration: none !important;
    background: url(ico-imprimir.jpg) no-repeat center;
    border: 1px solid transparent;
    border-radius: 20px;
}

p.actuali + .compartir + #imprimir a
.noticia #imprimir a{
    margin-top: 3px;
}

#imprimir a:hover,
#imprimir a:focus{
    text-decoration: none;
    border-color: #EEE;
}

    /*----- galeria -----*/
.gallery img{
    height: 150px;
}

.gallery:focus{
    outline: none;
}

.gallery img:hover,
.gallery:focus img{
    transform: scale(1.05);
    transition: transform .5s;
}

/*#colorbox #cboxWrapper #cboxContent #cboxTitle{
    position: absolute;
    z-index: 998;
    height: 15px;
    bottom: 0 !important;
    padding-top: 10px;
    background-color: #333;
    opacity: 0.7;
}*/

#colorbox #cboxWrapper #cboxContent p.tituloFoto1,
#colorbox #cboxWrapper #cboxContent p.tituloFoto2,
#colorbox #cboxWrapper #cboxContent p.tituloFoto3,
#colorbox #cboxWrapper #cboxContent p.tituloFoto4,
#colorbox #cboxWrapper #cboxContent p.tituloFoto5{
    position: absolute;
    z-index: 999;
    bottom: 0;
    width: 100%;
    height: 30px;
    margin: 0;
    padding-top: 10px;
    padding-left: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    background-color: #333;
    opacity: 0.7;
}

#colorbox #cboxWrapper #cboxContent p.tituloFoto2,
#colorbox #cboxWrapper #cboxContent div#cboxTitle.tituloFoto2{
    height: 45px !important;
}

#colorbox #cboxWrapper #cboxContent p.tituloFoto3,
#colorbox #cboxWrapper #cboxContent div#cboxTitle.tituloFoto3{
    height: 60px !important;
}

#colorbox #cboxWrapper #cboxContent p.tituloFoto4,
#colorbox #cboxWrapper #cboxContent div#cboxTitle.tituloFoto4{
    height: 75px !important;
}

#colorbox #cboxWrapper #cboxContent p.tituloFoto5,
#colorbox #cboxWrapper #cboxContent div#cboxTitle.tituloFoto5{
    height: 90px !important;
}

#colorbox #cboxWrapper div#cboxCurrent{
    font-size: 13px;
}

        /* mapeo imagen flechas */
#colorbox #cboxWrapper #cboxContent #cboxPrevious{
    background-position: -51px 0px !important;
}

#colorbox #cboxWrapper #cboxContent #cboxPrevious:hover{
    background-position: -51px -25px !important;
}

#colorbox #cboxWrapper #cboxContent #cboxNext{
    background-position: -75px 0px !important;
}

#colorbox #cboxWrapper #cboxContent #cboxNext:hover{
    background-position: -75px -25px !important;
}

#colorbox #cboxWrapper #cboxContent #cboxClose{
    background-position: -100px 0px !important;
}

#colorbox #cboxWrapper #cboxContent #cboxClose:hover{
    background-position: -100px -25px !important;
}

        /*----- titulo y subtitulo -----*/
.panel p.panel-overlay{
    height: 85px;
    margin: 0;
    padding: 5px 10px 0;
    line-height: 16px;
    font-weight: bold;
    font-size: 0.9em;
    color: #fff;
}

.panel p.panel-overlay span{
    display: block;
    padding: 5px 0;
    font-size: .8em;
    font-weight: normal;
}

.panel .overlay-background{
    height: 85px;
    padding: 0 10px;
    background: #333;
}

#contenido-interior .informacion .galeria ul li{
    background: none;
}

        /*----- contenedor de miniaturas -----*/
.filmstrip{
    margin: 10px;
}

.frame .img_wrap{
    border: 1px solid #9F9F9F;
}

.frame .img_wrap:hover,
.frame.current .img_wrap{
    border: 1px solid #FFF;
}

.frame img{
    border: none;
}

.frame .caption{
    font-size: .5em;
    text-align: center;
    color: #888;
}

.frame.current .caption{
    color: #000;
}

.pointer{
    border-color: #FFF;
    border-style: none !important;
}

        /*----- flechas avanzar/retroceder -----*/
span.nav-prev{
    left: 12px!important;
    width: 32px;
    height: 32px;
    background: url(imagen_prev.png) 0 0 no-repeat;
}

span.nav-next{
    right: 12px!important;
    width: 32px;
    height: 32px;
    background: url(imagen_next.png) 0 0 no-repeat;
}

    /*----- video -----*/
div.video{
    margin: 15px 0 15px 0;
    outline: none;
}

div.video a#player{
    display: block;
    width: 516px; 
    height: 416px;
    margin: 0 auto;
    background-color: #000;
    border: 2px solid #2A5937;
}

    /*----- nuevo reproductor video -----*/
#myvid.px-video-container{
    box-sizing: content-box;
    margin: 0 auto;
    border: 2px solid #333;
}

iframe.video{
    margin-top: 20px;
    border: 2px solid #333;
}

div.noCompatible a{
    display: block;
    padding: 20px !important;
    color: #007936 !important;
    background-color: #fff;
}

div.noCompatible a:hover{
    color: #333 !important;
    text-decoration: none;
}

    /*----- GMaps -----*/
iframe.gmaps{
    margin-top: 1em;
    border: 2px solid #2a5937;
}

#map{
    height: 100%;
}

.gm-style .gm-style-iw-c{
    padding: 0;
}

div#map div.gm-style .gm-style-iw div{
    overflow: hidden !important;
    margin: 5px 12px;
}

div#map div.gm-style .gm-style-iw div span{
    margin: 5px 5px 0 0;
    font-weight: bold;
}

div#map div.gm-style .gm-style-iw div ul li{
    padding: .4em 0 0 1.5em;
    background: url("bullet-lista.png") no-repeat 0 0;
}

div#map div.gm-style .gm-style-iw div ul li a{
    text-decoration: none;
}

div#map div.gm-style .gm-style-iw div ul li a:hover,
div#map div.gm-style .gm-style-iw div ul li a:focus{
    text-decoration: underline;
}

div#map div.gm-style .gm-style-iw div div div{
    padding: 5px 0;
}

div#map div.gm-style .gm-style-iw div span + p{
    display: inline;
}

div#map div.gm-style .gm-style-iw div span + p a span{
    font-weight: bold;
}

div#map div.gm-style div.gm-style-iw a{
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    text-decoration: underline;
}

div#map div.gm-style div.gm-style-iw a:hover,
div#map div.gm-style div.gm-style-iw a:focus{
    text-decoration: none;
}

div#map div.gm-style div.gm-style-iw img.imgMrk{
    display: block;
    width: 180px;
    margin: 0 auto 5px;
}

.gm-ui-hover-effect{
    width: 33px !important;
    height: 33px !important;
}

/*----- RAT -----*/
.res_rat{
    margin-top: 40px;
   }

.res_rat table{
    width: 100%;
}

.res_rat table td p{
    margin: 0;
}

.res_rat table td[headers="editar"] ul{
    margin: 0 !important;
    padding: 0 !important;
}

.res_rat table td[headers="editar"] ul li{
    padding: 0 !important;
    background: none !important;
}

.info_rat h3{
    margin: 0;
    color: #333 !important;
    background-color: #ededed;
}
   
.info_rat h3 span{
    display: block;
    padding: 10px;
}
   
.info_rat h3 + div{
    margin-top: -8px;
    margin-bottom: 15px;
    padding: 1em 2em;
    border: 2px solid #eee;
    border-top-color: transparent !important;
}
   
.info_rat .rat{
    background: url(linea-vertical.png) repeat-y 27% top;
}
   
.info_rat .rat > div{
    display: flex;
    margin-bottom: 15px;
}
   
.info_rat .rat h4{
    width: 25%;
    margin: 0 5% 0 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.5em;
}
   
.info_rat .rat h4 + div{
    width: 70%;
    margin: 0;
}

.info_rat .rat h4 + div p{
    margin: 0 0 5px;
}

/*----- testimonios creer -----*/
#res_testimonio{
    display: inline-block;
    margin: 15px 0;
}

#res_testimonio > ul{
    margin: 0;
    padding: 0;
}

#res_testimonio > ul > li{
    display: inline-block;
    width: 100%;
    padding: 0 0 15px 0 !important;
    background: none !important;
    border-bottom: 2px dotted #D6D6D6;
}

#res_testimonio > ul > li:last-child{
    padding: 0 !important;
    border: none;
}

#res_testimonio .testimonio > img{
    width: 190px;
    float: left;
    margin-right: 15px;
}

#res_testimonio .testimonio p{
    margin-top: 40px;
}

#res_testimonio .enlaces ul{
    display: flex;
    margin: 0;
    padding: 0;
}

#res_testimonio .enlaces ul li{
    align-self: flex-end;
    margin-right: 15px;
    padding: 0;
    background: none;
}

#res_testimonio > ul > li:last-child{
    border: none;
}
	
/*----- redes sociales -----*/
#rrss{
    position: fixed;
    left: 0;
    top: 170px;
}

#rrss li{
    padding: 0 !important;
    text-align: center;
    background: none;
}

#rrss li a{
    display: block;
    height: 50px;
    width: 50px;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    border-bottom: 0;
}

#rrss li a:hover,
#rrss li a:focus{
    background-color: #007936;
    border-color: #007936;
    border-radius: 0 10px 10px 0 !important;
    transition: all 0.5s;
    transform: translateX(20%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

#rrss li:first-child a{
    border-radius: 0 10px 0 0;
}

#rrss li.last a{
    border-radius: 0 0 10px 0;
    border-bottom: 1px solid #d6d6d6;
}
	
#rrss li.twitter a{
    background: #fff url(ico-twitter_rrss.png) no-repeat center;
}

#rrss li.twitter a:hover,
#rrss li.twitter a:focus{
    background: #007936 url(ico-twitterh_rrss.png) no-repeat center;
}

#rrss li.facebook a{
    background: #fff url(ico-facebook_rrss.png) no-repeat center;
}

#rrss li.facebook a:hover,
#rrss li.facebook a:focus{
    background: #007936 url(ico-facebookh_rrss.png) no-repeat center;
}

#rrss li.youtube a{
    background: #fff url(ico-youtube_rrss.png) no-repeat center;
}

#rrss li.youtube a:hover,
#rrss li.youtube a:focus{
    background: #007936 url(ico-youtubeh_rrss.png) no-repeat center;
}

#rrss li.ecimserso a{
    background: #fff url(ico-ecimserso_rrss.png) no-repeat center;
}

#rrss li.ecimserso a:hover,
#rrss li.ecimserso a:focus{
    background: #007936 url(ico-ecimsersoh_rrss.png) no-repeat center;
}

#rrss li.rss a{
    background: #fff url(ico-rss_rrss.png) no-repeat center;
}

#rrss li.rss a:hover,
#rrss li.rss a:focus{
    background: #007936 url(ico-rssh_rrss.png) no-repeat center;
}

#rrss li.ecccaa a{
    background: #fff url(ico-ecccaa_rrss.png) no-repeat center;
}

#rrss li.ecccaa a:hover,
#rrss li.ecccaa a:focus{
    background: #007936 url(ico-ecccaah_rrss.png) no-repeat center;
}

#rrss li.ecceadac a{
    background: #fff url(ico-ecceadac_rrss.png) no-repeat center;
}

#rrss li.ecceadac a:hover,
#rrss li.ecceadac a:focus{
    background: #007936 url(ico-ecceadach_rrss.png) no-repeat center;
}

#rrss li.ecceapat a{
    background: #fff url(ico-ecceapat_rrss.png) no-repeat center;
}

#rrss li.ecceapat a:hover,
#rrss li.ecceapat a:focus{
    background: #007936 url(ico-ecceapath_rrss.png) no-repeat center;
}

#rrss li.eccpapbergondo a{
    background: #fff url(ico-eccpapbergondo_rrss.png) no-repeat center;
}

#rrss li.eccpapbergondo a:hover,
#rrss li.eccpapbergondo a:focus{
    background: #007936 url(ico-eccpapbergondoh_rrss.png) no-repeat center;
}

#rrss li.eccrealzheimer a{
    background: #fff url(ico-eccrealzheimer_rrss.png) no-repeat center;
}

#rrss li.eccrealzheimer a:hover,
#rrss li.eccrealzheimer a:focus{
    background: #007936 url(ico-eccrealzheimerh_rrss.png) no-repeat center;
}

#rrss li.eccreap a{
    background: #fff url(ico-eccreap_rrss.png) no-repeat center;
}

#rrss li.eccreap a:hover,
#rrss li.eccreap a:focus{
    background: #007936 url(ico-eccreaph_rrss.png) no-repeat center;
}

#rrss li.eccreer a{
    background: #fff url(ico-eccreer_rrss.png) no-repeat center;
}

#rrss li.eccreer a:hover,
#rrss li.eccreer a:focus{
    background: #007936 url(ico-eccreerh_rrss.png) no-repeat center;
}

#rrss li.eccrmfmd a{
    background: #fff url(ico-eccrmfmd_rrss.png) no-repeat center;
}

#rrss li.eccrmfmd a:hover,
#rrss li.eccrmfmd a:focus{
    background: #007936 url(ico-eccrmfmdh_rrss.png) no-repeat center;
}

#rrss li.eccrmfsf a{
    background: #fff url(ico-eccrmfsf_rrss.png) no-repeat center;
}

#rrss li.eccrmfsf a:hover,
#rrss li.eccrmfsf a:focus{
    background: #007936 url(ico-eccrmfsfh_rrss.png) no-repeat center;
}

#rrss li.flickr a{
    background: #fff url(ico-flickr_rrss.png) no-repeat center;
}

#rrss li.flickr a:hover,
#rrss li.flickr a:focus{
    background: #007936 url(ico-flickrh_rrss.png) no-repeat center;
}

#rrss li.gplus a{
    background: #fff url(ico-gplus_rrss.png) no-repeat center;
}

#rrss li.gplus a:hover,
#rrss li.gplus a:focus{
    background: #007936 url(ico-gplush_rrss.png) no-repeat center;
}

#rrss li.issuu a{
    background: #fff url(ico-issuu_rrss.png) no-repeat center;
}

#rrss li.issuu a:hover,
#rrss li.issuu a:focus{
    background: #007936 url(ico-issuuh_rrss.png) no-repeat center;
}

#rrss li.linkedin a{
    background: #fff url(ico-linkedin_rrss.png) no-repeat center;
}

#rrss li.linkedin a:hover,
#rrss li.linkedin a:focus{
    background: #007936 url(ico-linkedinh_rrss.png) no-repeat center;
}

#rrss li.photosynth a{
    background: #fff url(ico-photosynth_rrss.png) no-repeat center;
}

#rrss li.photosynth a:hover,
#rrss li.photosynth a:focus{
    background: #007936 url(ico-photosynthh_rrss.png) no-repeat center;
}

#rrss li.pinterest a{
    background: #fff url(ico-pinterest_rrss.png) no-repeat center;
}

#rrss li.pinterest a:hover,
#rrss li.pinterest a:focus{
    background: #007936 url(ico-pinteresth_rrss.png) no-repeat center;
}

#rrss li.thigiverse a{
    background: #fff url(ico-thigiverse_rrss.png) no-repeat center;
}

#rrss li.thigiverse a:hover,
#rrss li.thigiverse a:focus{
    background: #007936 url(ico-thigiverseh_rrss.png) no-repeat center;
}

#rrss li.tumblr a{
    background: #fff url(ico-tumblr_rrss.png) no-repeat center;
}

#rrss li.tumblr a:hover,
#rrss li.tumblr a:focus{
    background: #007936 url(ico-tumblrh_rrss.png) no-repeat center;
}

#rrss li.instagram a{
    background: #fff url(ico-instagram_rrss.png) no-repeat center;
}
		
#rrss li.instagram a:hover,
#rrss li.instagram a:focus{
    background: #007936 url(ico-instagramh_rrss.png) no-repeat center;
}

#rrss li.mmfactory a{
    background: #fff url(ico-mmfactory_rrss.png) no-repeat center;
}
		
#rrss li.mmfactory a:hover,
#rrss li.mmfactory a:focus{
    background: #007936 url(ico-mmfactoryh_rrss.png) no-repeat center;
}

#rrss li.slideshare a{
    background: #fff url(ico-slideshare_rrss.png) no-repeat center;
}
		
#rrss li.slideshare a:hover,
#rrss li.slideshare a:focus{
    background: #007936 url(ico-slideshareh_rrss.png) no-repeat center;
}

/*----- footer -----*/
#footer-wrapper{
    clear: both;
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
    padding: 15px 0;
    background: none #333;
}

#footer-wrapper #footer{
    width: 100%;
}

#footer-wrapper #footer .section div.izq{
    float: left;
    max-width: 50%;
}

#footer-wrapper #footer .section p.copyright{
    margin: 0;
    color: #fff;
    background-color: #333;
    font-size: 0.923em;
    font-style: italic;
    font-weight: normal;
}

#footer-wrapper #footer .section p.copyright + .copyright{
    margin-top: 15px;
}

#footer-wrapper #footer .section div.drch{
    float: right;
}

#footer-wrapper #footer .section ul#footer-nav li{
    display: inline-block;
    margin: 0 17px;
}

#footer-wrapper #footer .section ul#footer-nav li.first{
    margin-left: 0;
}

#footer-wrapper #footer .section ul#footer-nav li.last{
    margin-right: 0;
}

#footer-wrapper #footer .section ul#footer-nav li a{
    display: block;
    padding-top: 0;
    background-color: #333;
    color: #fff;
    vertical-align: bottom;
}

#footer-wrapper #footer .section a#solicitud-documentos{
    display: block;
    width: 40%;
    float: right;
    text-align: right;
    font-size: 0.846em;
    font-style: italic;
    color: #fff;
    background-color: #333;
}

#footer-wrapper #footer .section div.drch ul#certificados,
#footer-wrapper #footer .section div.drch div#certificados{
    margin-top: 15px;
    float: right;
}

#footer-wrapper #footer .section div.drch ul#certificados li{
    display: inline;
}

/* --------------Media Queries-------------- */
@media only screen and (min-device-width:1200px){
        
}

@media only screen and (min-device-width: 960px) and (max-width: 1199px){
    .section{
        width: 93% !important;
    }
    
    /*----- header -----*/
    #content-header .logos{
        width: 87% !important;
    }    
    
    #content-header .logos .logo{
        width: 43% !important;
    }
    
    #content-header .logos .centro{
        width: 57% !important;
    }
    
    #content-header h1{
        width: 76% !important;
    }

    /*----- main-content -----*/
    #main-content{
        margin-bottom: 101px !important;
    }
    
    /*----- carruseles -----*/    
    h2.notis-destacadas + .carrusel > a{
        margin-right: 28px !important;
    }
    
    h2.notis-destacadas + .carrusel .bx-wrapper{
        max-width: 610px !important;
    }
    
    .bxslider.destacadas li{
        width: 610px !important;
    }
    
    /*----- avisos -----*/
    #contenido-home div.mensaje{
        width: 610px !important;
    }
    
    /*----- actualidad columna derecha -----*/
    #contenido-interior.noticias #calendario-eventos a.agenda{
        background-position: 20px center !important;
    }
    
    /*----- seccion agenda ------*/
    #contenido-interior.eventos .informacion,
    #contenido-interior.eventos #col-relacionados{
        width: 100% !important;
    }
    
    #contenido-interior.eventos #col-relacionados{
        float: none !important;
        margin: 1em 0 1em !important;
        padding: .5em 0 0 !important;
        border: 1px solid #d6d6d6 !important;
        border-width: 2px 0 0 !important;
    }
    
    #contenido-interior.eventos #calendario-eventos #capa-calendario{
        width: 550px !important;
        margin: 0 auto !important;
    }

    /*----- redes sociales -----*/
    #rrss{
        width: 100% !important;
        top: auto !important;
        bottom: 0 !important;
        text-align: center !important;
        background-color: #FFF !important;
    }
    
    #rrss li{
        display: inline-block !important;
    }
    
    #rrss li a{
        display: inline-block !important;
        border: none !important;
        width: 80px !important;
        height: 40px !important;
    }
    
    #rrss li a:hover,
    #rrss li a:focus{
        transition: background-color 0.5s !important;
        -webkit-transition: background-color 0.5s !important;
        -o-transition: background-color 0.5s !important;
        -moz-transition: background-color 0.5s !important;
        background-color: #007936 !important;
        border-color: #007936 !important;
        border-radius: 20px !important;
        transform: none !important;
    }
    
    /*----- footer -----*/    
    #footer-wrapper{
        bottom: 49px !important;
        width: 100% !important;
    }
    
}

@media only screen and (min-device-width: 768px) and (max-device-width: 959px){
    h2.notis-destacadas + .carrusel .bx-wrapper img[src*="ventana_nueva"]{
        width: 1.5vw !important;
    }
    
    .section{
        width: 93% !important;
    }
    
    /*----- menu movil -----*/    
    .menu_bar{
		z-index: 10 !important;
		display: block;
        width: 60px;
        height: 45px;
		position: absolute;
        top: 0;
        right: 5px;
        background: transparent url(menu-movil_sede.png) no-repeat right 8px;
        background-size: 6vw !important;
	}
    
    .menu_bar.desplegado{
        width: 100%;
        right: 0;
        background: #F4F4F4 url(cerrarmenu.jpg) no-repeat right 5px !important;
    }

	.menu_bar .bt-menu{
        display: block;
        height: 45px;
		padding: 17px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span{
		/*CHV*/
		/*float: right;*/
		float: bottom;
		font-size: 40px;
	}

	.menu_bar.desplegado + nav{
		/*LGG*/
		width: 100%;
		display: block !important;
		/*height: 100%;*/
		position: absolute;
		/*CHV*/
		/*right:100%;
		bottom: 100%;*/
		margin: 0;
		overflow: scroll;
        background-color: #f4f4f4;
        z-index: 102;
	}

	.menu_bar + nav ul li{
		display: block;
		border-bottom:1px solid #333;
	}

	.menu_bar + nav ul li a{
		display: block;
	}
    
    .menu_bar + nav ul li.submenu > a{
        margin-right: 15px !important;
        background: url(flecha-menu-idiomas.png) no-repeat right center !important;
        background-size: 1.5vw !important;
    }   
    
    .menu_bar + nav ul li.submenu.desplegado > a{
        margin-right: 15px !important;
        background: url(flecha-menu-ppalh.png) no-repeat right center !important;
        background-size: 1.5vw !important;
    }

	.menu_bar + nav ul li:hover .children{
		display: none;
	}

	.menu_bar + nav ul li .children{
		width: 100%;
		position: relative;
	}

	.menu_bar + nav ul li .children li a{
		margin-left: 20px;
	}
    
    /*----- header -----*/
    #content-header{
        top: 0 !important;
        z-index: 7 !important;
        width: 100% !important;
        margin-bottom: 30px !important;
        padding-top: 15px !important;
        background-color: #FFF !important;
    }
    
    #content-header .section{
        width: 100% !important;
        text-align: center !important;
    }
    
    #idiomas,
    #nav-cabecera .sf-menu > li:first-child,
    #nav-cabecera .sf-menu > li.desplegable{
        display: none !important;
    }
    
    #content-header .logos{
        width: 87% !important;    
    }
    
    #content-header .logos .logo{
        width: 42% !important;
    }
    
    #content-header .logos .centro{
        width: 58% !important;
        text-align: left !important;
    }
    
    #content-header .logo-centro{
        margin: 0 !important;        
    }
    
    #content-header h1{
        width: 78% !important;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
        font-size: 1.4em !important;
    }
    
    #nav-cabecera #busca{
        float: none !important;
        height: 30px !important;
    }
    
    #nav-cabecera #busca #buscar{
        width: 40vw !important;
        height: 30px !important;
        font-size: 1rem !important;
    }
    
    #nav-cabecera #busca #botonBuscar{
        width: 40px !important;
        height: 30px !important;
        background-size: 2.3vw !important;
    }
    
    /*----- main-content -----*/
    #main-content{
        display: table !important;
        width: 100% !important;
        margin-bottom: 101px !important;
    }
    
    #main-content .section{
        display: table !important;
    }
    
    #contenido-home{
        width: 100% !important;
        float: none !important;
        margin: inherit !important;
    }
    
    /*----- directo a -----*/
    #directo-a{
        display: table !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    #directo-a ul{
        width: 70% !important;
        margin: 0 auto !important;
    }
    
    #directo-a li#actualidad{
        display: inline-block !important;
    }
    
    #directo-a li{
        width: 29% !important;
        margin: 0 2% !important;
        background: none !important;
    }
    
    /*----- enlace a la sede -----*/
    .enlacesede{
        display: block !important;
        margin-top: 1.5em !important;
        text-align: center !important;
    }
    
    /*----- noticias destacadas -----*/
    h2.notis-destacadas{
        margin-bottom: .5em !important;
    }
    
    h2.notis-destacadas + .carrusel > a{
        margin-right: 15px !important;
    }
    
    h2.notis-destacadas + .carrusel{
        border: none !important;
    }

    h2.notis-destacadas + .carrusel .bx-wrapper{
        width: 96.7% !important;
        max-width: 96.7% !important;
    }

    h2.notis-destacadas + .carrusel .destacadas li,
    h2.notis-destacadas + .carrusel .bx-wrapper img{
        width: 90vw !important;
    }
    
    .bxslider.destacadas li div{
        padding-top: 35px !important;
        background-color: rgba(51, 51, 51, 0.77) !important;
    }
    
    .bxslider.destacadas li div .fecha{
        border-bottom-width: 3px !important;
    }
    
    .bxslider.destacadas li div p{
        margin-bottom: .5em !important;
    }
    
    h2.notis-destacadas + a + .carrusel .bx-controls-direction{
        display: none !important;
    }  
    
    /*----- avisos -----*/
    #contenido-home div.mensaje{
        width: 96% !important;
        margin: 0 auto !important;
    }
    
    /*----- carruseles -----*/
    h2.notis-destacadas + .carrusel,
    h2.destacamos + .carrusel,
    h2.destacamos + .carrusel + .carrusel,
    .carrusel.last{
        border: none !important;
    }
    
    .bx-wrapper .bx-controls .bx-prev{
        left: -20px !important;
    }
    
    .bx-wrapper .bx-controls .bx-next{
        right: -20px !important;
    }
    
    h2.destacamos + .carrusel .bx-wrapper .bx-controls .bx-prev,
    h2.destacamos + .carrusel + .carrusel .bx-wrapper .bx-controls .bx-prev,
    .carrusel.last .bx-wrapper .bx-controls .bx-prev{
        left: -25px !important;
    }
    
    /*----- utlimas publicaciones -----*/
    div.encabezado-publicaciones + .carrusel > a{
        right: 145px !important;
    }
    
    .subhome div.encabezado-publicaciones + .carrusel > a{
        right: 65px !important;
    }
    
    /*----- columna derecha -----*/
    #col-dch{
        width: 100% !important;
        float: none !important;
    }
    
    #col-dch > h2:first-child,
    ul#canales-atencion,
    #bloque-ultimas-noticias,
    #col-dch p.ver-mas{
        display: none !important;
    }
    
    .catencion #canales-atencion{
        display: block !important;
    }
    
    #calendario-eventos{
        margin-top: 2.5em !important;
    }
    
    #main-content.home #calendario-eventos{
        margin-top: 3.5em !important;
        padding-top: 15px !important;
        border-top: 2px dashed #DDD !important;
    }
    
    #calendario-eventos #eventos ul li,
    #calendario-eventos #eventos div.evento{
        padding-left: 5vw !important;
        background-position: 4vw top !important;
    }
    
    #calendario-eventos #eventos ul li a,
    #calendario-eventos #eventos div.evento a{
        width: 100% !important;
    }
    
    #calendario-eventos #eventos ul li span.fecha,
    #calendario-eventos #eventos div.evento span.fecha{
        width: 7% !important;
    }
    
    #calendario-eventos a.agenda{
        width: 30% !important;
        margin: 0 auto !important;
    }
    
    #contenido-interior.noticias #calendario-eventos a.agenda{
        width: 100% !important;
        margin: 0 auto !important;
        background-position: 20px center !important;
    }
    
    /*----- seccion agenda -----*/    
    #contenido-interior.eventos .informacion,
    #contenido-interior.eventos #col-relacionados{
        width: 100% !important;
    }
    
    #contenido-interior.eventos #col-relacionados{
        float: none !important;
        margin: 1em 0 1em !important;
        padding: .5em 0 0 !important;
        border: 1px solid #d6d6d6 !important;
        border-width: 2px 0 0 !important;
    }
    
    /*----- video -----*/
    #contenido-interior .px-video-container,
    #contenido-interior .px-video-container video{
        width: 100% !important;
    }
    
    /*----- GMaps -----*/
    iframe.gmaps{
        width: 100% !important;
    }
    
    /*----- redes sociales -----*/
    #rrss{
        width: 100% !important;
        top: auto !important;
        bottom: 0 !important;
        text-align: center !important;
        background-color: #FFF !important;
    }
    
    #rrss li{
        display: inline-block !important;
    }
    
    #rrss li a{
        display: inline-block !important;
        border: none !important;
        background-size: 5vw !important;
        width: 100px !important;
        height: 50px !important;
    }
    
    #rrss li a:hover,
    #rrss li a:focus{
        transition: background-color 0.5s !important;
        -webkit-transition: background-color 0.5s !important;
        -o-transition: background-color 0.5s !important;
        -moz-transition: background-color 0.5s !important;
        background-color: #007936 !important;
        border-color: #007936 !important;
        border-radius: 20px !important;
        transform: none !important;
    }
    
    /*----- footer -----*/    
    #footer-wrapper{
        bottom: 49px !important;
        width: 100% !important;
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 767px){
    .section{
        width: 93% !important;
    }
    
     h2.notis-destacadas + .carrusel .bx-wrapper img[src*="ventana_nueva"]{
        width: 2vw!important;
    }
    
    /*----- menu movil -----*/
	.menu_bar{
		z-index: 10 !important;
		display: block;
        width: 60px;
        height: 47px;
		position: absolute;
        top: 0;
        right: 5px;
        background: transparent url(menu-movil_sede.png) no-repeat right 8px;
        background-size: 6vw !important;
	}
    
    .menu_bar.desplegado{
        width: 100%;
        right: 0;
        background: #F4F4F4 url(cerrarmenu.jpg) no-repeat right 5px !important;
    }

	.menu_bar .bt-menu{
        display: block;
        height: 47px;
		padding: 17px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span{
		/*CHV*/
		/*float: right;*/
		float: bottom;
		font-size: 40px;
	}

	.menu_bar.desplegado + nav{
		/*LGG*/
		width: 100%;
		display: block !important;
		/*height: 100%;*/
		position: absolute;
		/*CHV*/
		/*right:100%;
		bottom:100%;*/
		margin: 0;
		overflow: scroll;
        background-color: #f4f4f4;
        z-index: 102;
	}

	.menu_bar + nav ul li{
		display: block;
		border-bottom:1px solid #333;
	}

	.menu_bar + nav ul li a {
		display: block;
	}
    
    .menu_bar + nav ul li.submenu > a{
        margin-right: 15px !important;
        background: url(flecha-menu-idiomas.png) no-repeat right center !important;
        background-size: 1.5vw !important;
    }   
    
    .menu_bar + nav ul li.submenu.desplegado > a{
        margin-right: 15px !important;
        background: url(flecha-menu-ppalh.png) no-repeat right center !important;
        background-size: 1.5vw !important;
    }

	.menu_bar + nav ul li:hover .children{
		display: none;
	}

	.menu_bar + nav ul li .children{
		width: 100%;
		position: relative;
	}

	.menu_bar + nav ul li .children li a{
		margin-left: 20px;
	}
    
    /*----- header -----*/
    #content-header{
        top: 0 !important;
        z-index: 7 !important;
        width: 100% !important;
        padding-top: 15px !important;
        background-color: #FFF !important;
    }
    
    #content-header .section{
        width: 100% !important;
        text-align: center !important;
    }
    
    #idiomas,
    #nav-cabecera .sf-menu > li:first-child,
    #nav-cabecera .sf-menu > li.desplegable{
        display: none !important;
    }
    
    #content-header .logos{
        width: 87% !important;    
    }
    
    #content-header .logos .logo{
        width: 42% !important;
    }
    
    #content-header .logos .centro{
        width: 58% !important;
        text-align: left !important;
    }
    
    #content-header .logo-centro{
        margin: 0 !important;        
    }
    
    #content-header h1{
        width: 78% !important;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
        font-size: 1.4em !important;
    }
    
    #nav-cabecera #busca{
        float: none !important;
        height: 30px !important;
    }
    
    #nav-cabecera #busca #buscar{
        width: 40vw !important;
        height: 25px !important;
        font-size: 1rem !important;
    }
    
    #nav-cabecera #busca #botonBuscar{
        width: 40px !important;
        height: 30px !important;
        background-size: 2.3vw !important;
    }
    
    /*----- main-content -----*/
    #main-content{
        margin-bottom: 101px !important;   
    }
        
    #main-content .section{
        display: table !important;
    }
    
    #contenido-home{
        width: 100% !important;
        float: none !important;
        margin: inherit !important;
    }
    
    /*----- directo a -----*/
    #directo-a{
        display: table !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    #directo-a ul{
        width: 70% !important;
        margin: 0 auto !important;
    }
    
    #directo-a li#actualidad{
        display: inline-block !important;
    }
    
    #directo-a li{
        width: 29% !important;
        margin: 0 2% !important;
        background: none !important;
    }
    
    /*----- enlace a la sede -----*/
    .enlacesede{
        display: block !important;
        margin-top: 1.5em !important;
        text-align: center !important;
    }
    
    /*----- noticias destacadas -----*/
    h2.notis-destacadas{
        margin-bottom: .5em !important;
    }
    
    h2.notis-destacadas + .carrusel{
        border: none !important;
    }
    
    h2.notis-destacadas + .carrusel > a{
        margin-right: 15px !important;
    }

    h2.notis-destacadas + .carrusel .bx-wrapper{
        width: 96.7% !important;
        max-width: 96.7% !important;
    }

    h2.notis-destacadas + .carrusel .destacadas li,
    h2.notis-destacadas + .carrusel .bx-wrapper img{
        width: 90vw !important;
    }
    
    .bxslider.destacadas li div{
        padding-top: 35px !important;
        background-color: rgba(51, 51, 51, 0.77) !important;
    }
    
    .bxslider.destacadas li div .fecha{
        border-bottom-width: 3px !important;
    }
    
    .bxslider.destacadas li div p{
        margin-bottom: .5em !important;
    }
    
    h2.notis-destacadas + a + .carrusel .bx-controls-direction{
        display: none !important;
    }  
    
    /*----- avisos -----*/
    #contenido-home div.mensaje{
        width: 96% !important;
        margin: 0 auto !important;
    }
    
    /*----- carruseles -----*/
    h2.notis-destacadas + .carrusel,
    h2.destacamos + .carrusel,
    h2.destacamos + .carrusel + .carrusel,
    .carrusel.last{
        border: none !important;
    }
    
    .bx-wrapper .bx-controls .bx-prev{
        left: -20px !important;
    }
    
    .bx-wrapper .bx-controls .bx-next{
        right: -20px !important;
    }
    
    h2.destacamos + .carrusel .bx-wrapper .bx-controls .bx-prev,
    h2.destacamos + .carrusel + .carrusel .bx-wrapper .bx-controls .bx-prev,
    .carrusel.last .bx-wrapper .bx-controls .bx-prev{
        left: -25px !important;
    }
    
    /*----- utlimas publicaciones -----*/
    div.encabezado-publicaciones + .carrusel > a{
        right: 145px !important;
    }
    
    .subhome div.encabezado-publicaciones + .carrusel > a{
        right: 65px !important;
    }
    
    /*----- columna derecha -----*/
    #col-dch{
        width: 100% !important;
        float: none !important;
    }
    
    #col-dch > h2:first-child,
    ul#canales-atencion,
    #bloque-ultimas-noticias,
    #col-dch p.ver-mas{
        display: none !important;
    }
    
    .catencion #canales-atencion{
        display: block !important;
    }
    
    #calendario-eventos{
        margin-top: 2.5em !important;
    }
    
    #main-content.home #calendario-eventos{
        margin-top: 3.5em !important;
        padding-top: 15px !important;
        border-top: 2px dashed #DDD !important;
    }
    
    #calendario-eventos #eventos ul li,
    #calendario-eventos #eventos div.evento{
        padding-left: 5vw !important;
        background-position: 4vw top !important;
    }
    
    #calendario-eventos #eventos ul li a,
    #calendario-eventos #eventos div.evento a{
        width: 100% !important;
    }
    
    #calendario-eventos #eventos ul li span.fecha,
    #calendario-eventos #eventos div.evento span.fecha{
        width: 7% !important;
    }
    
    #calendario-eventos a.agenda{
        width: 30% !important;
        margin: 0 auto !important;
    }
        
    #contenido-interior.noticias #calendario-eventos a.agenda{
        width: 100% !important;
        background-position: 15px center !important;
    }
    
    /*----- seccion actualidad -----*/
    #contenido-interior.noticias #calendario-eventos #capa-calendario{
        width: 95% !important;
    }
    
    /*----- seccion agenda ------*/
    #contenido-interior.eventos .informacion,
    #contenido-interior.eventos #col-relacionados{
        width: 100% !important;
    }
    
    #contenido-interior.eventos #col-relacionados{
        float: none !important;
        margin: 1em 0 1em !important;
        padding: .5em 0 0 !important;
        border: 1px solid #d6d6d6 !important;
        border-width: 2px 0 0 !important;
    }
    
    /*----- video -----*/
    #contenido-interior .px-video-container,
    #contenido-interior .px-video-container video{
        width: 100% !important;
    }
    
    /*----- GMaps -----*/
    iframe.gmaps{
        width: 100% !important;
    }
    
    /*----- redes sociales -----*/
    #rrss{
        width: 100% !important;
        top: auto !important;
        bottom: 0 !important;
        text-align: center !important;
        background-color: #FFF !important;
    }
    
    #rrss li{
        display: inline-block !important;
    }
    
    #rrss li a{
        display: inline-block !important;
        border: none !important;
        background-size: 5vw !important;
        width: 100px !important;
        height: 50px !important;
    }
    
    #rrss li a:hover,
    #rrss li a:focus{
        transition: background-color 0.5s !important;
        -webkit-transition: background-color 0.5s !important;
        -o-transition: background-color 0.5s !important;
        -moz-transition: background-color 0.5s !important;
        background-color: #007936 !important;
        border-color: #007936 !important;
        border-radius: 20px !important;
        transform: none !important;
    }
    
    /*----- footer -----*/    
    #footer-wrapper{
        bottom: 49px !important;
        width: 100% !important;
    }
}

/*media iphone horizontal*/
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (orientation : landscape){
    .section{
        width: 93% !important;
    }
    
     h2.notis-destacadas + .carrusel .bx-wrapper img[src*="ventana_nueva"]{
        width: 2vw!important;
    }
    
    /*----- menu movil -----*/
	.menu_bar{
		z-index: 10 !important;
		display: block;
        width: 60px;
        height: 47px;
		position: absolute;
        top: 0;
        right: 5px;
        background: transparent url(menu-movil_sede.png) no-repeat right 8px;
        background-size: 6vw !important;
	}
    
    .menu_bar.desplegado{
        width: 100%;
        right: 0;
        background: #F4F4F4 url(cerrarmenu.jpg) no-repeat right 5px !important;
    }

	.menu_bar .bt-menu{
        display: block;
        height: 47px;
		padding: 15px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span{
		/*CHV*/
		/*float: right;*/
		float: bottom;
		font-size: 40px;
	}

	.menu_bar.desplegado + nav{
		/*LGG*/
		width: 100%;
		display: block !important;
		/*height: 100%;*/
		position: absolute;
		/*CHV*/
		/*right:100%;
		bottom:100%;*/
		margin: 0;
		overflow: scroll;
        background-color: #f4f4f4;
        z-index: 102;
	}

	.menu_bar + nav ul li{
		display: block;
		border-bottom:1px solid #333;
	}

	.menu_bar + nav ul li a{
		display: block;
	}
    
    .menu_bar + nav ul li.submenu > a{
        margin-right: 15px !important;
        background: url(flecha-menu-idiomas.png) no-repeat right center !important;
        background-size: 1.5vw !important;
    }   
    
    .menu_bar + nav ul li.submenu.desplegado > a{
        margin-right: 15px !important;
        background: url(flecha-menu-ppalh.png) no-repeat right center !important;
        background-size: 1.5vw !important;
    }

	.menu_bar + nav ul li:hover .children{
		display: none;
	}

	.menu_bar + nav ul li .children{
		width: 100%;
		position: relative;
	}

	.menu_bar + nav ul li .children li a{
		margin-left: 20px;
	}
    
    /*----- header -----*/
    #content-header{
        top: 0 !important;
        z-index: 7 !important;
        width: 100% !important;
        padding-top: 15px !important;
        background-color: #FFF !important;
    }
    
    #content-header .section{
        width: 100% !important;
        text-align: center !important;
    }
    
    #idiomas,
    #nav-cabecera .sf-menu > li:first-child,
    #nav-cabecera .sf-menu > li.desplegable{
        display: none !important;
    }
    
    #content-header .logos{
        width: 87% !important;    
    }
    
    #content-header .logos .logo{
        width: 42% !important;
    }
    
    #content-header .logos .centro{
        width: 58% !important;
        text-align: left !important;
    }
    
    #content-header .logo-centro{
        margin: 0 !important;        
    }
    
    #content-header h1{
        width: 78% !important;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
        font-size: 1.4em !important;
    }
    
    #nav-cabecera #busca{
        float: none !important;
        height: 30px !important;
    }
    
    #nav-cabecera #busca #buscar{
        width: 40vw !important;
        height: 25px !important;
        font-size: 1rem !important;
    }
    
    #nav-cabecera #busca #botonBuscar{
        width: 40px !important;
        height: 30px !important;
        background-size: 2.3vw !important;
    }
    
    /*----- main-content -----*/
    #main-content{
        margin-bottom: 101px !important;   
    }
        
    #main-content .section{
        display: table !important;
    }
    
    #contenido-home{
        width: 100% !important;
        float: none !important;
        margin: inherit !important;
    }
    
    /*----- directo a -----*/
    #directo-a{
        display: table !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    #directo-a ul{
        width: 70% !important;
        margin: 0 auto !important;
    }
    
    #directo-a li#actualidad{
        display: inline-block !important;
    }
    
    #directo-a li{
        width: 29% !important;
        margin: 0 2% !important;
        background: none !important;
    }
    
    /*----- enlace a la sede -----*/
    .enlacesede{
        display: block !important;
        margin-top: 1.5em !important;
        text-align: center !important;
    }
    
    /*----- noticias destacadas -----*/
    h2.notis-destacadas{
        margin-bottom: .5em !important;
    }
    
    h2.notis-destacadas + .carrusel{
        border: none !important;
    }
    
    h2.notis-destacadas + .carrusel > a{
        margin-right: 15px !important;
    }

    h2.notis-destacadas + .carrusel .bx-wrapper{
        width: 96.7% !important;
        max-width: 96.7% !important;
    }

    h2.notis-destacadas + .carrusel .destacadas li,
    h2.notis-destacadas + .carrusel .bx-wrapper img{
        width: 90vw !important;
    }
    
    .bxslider.destacadas li div{
        padding-top: 35px !important;
        background-color: rgba(51, 51, 51, 0.77) !important;
    }
    
    .bxslider.destacadas li div .fecha{
        border-bottom-width: 3px !important;
    }
    
    .bxslider.destacadas li div p{
        margin-bottom: .5em !important;
    }
    
    h2.notis-destacadas + .carrusel .bx-controls-direction{
        display: none !important;
    }
    
    /*----- avisos -----*/
    #contenido-home div.mensaje{
        width: 96% !important;
        margin: 0 auto !important;
    }
    
    /*----- carruseles -----*/
    h2.notis-destacadas + .carrusel,
    h2.destacamos + .carrusel,
    h2.destacamos + .carrusel + .carrusel,
    .carrusel.last{
        border: none !important;
    }
    
    .bx-wrapper .bx-controls .bx-prev{
        left: -20px !important;
    }
    
    .bx-wrapper .bx-controls .bx-next{
        right: -20px !important;
    }
    
    h2.destacamos + .carrusel .bx-wrapper .bx-controls .bx-prev,
    h2.destacamos + .carrusel + .carrusel .bx-wrapper .bx-controls .bx-prev,
    .carrusel.last .bx-wrapper .bx-controls .bx-prev{
        left: -25px !important;
    }
    
    /*----- ultimas publicaciones -----*/
    div.encabezado-publicaciones + .carrusel > a{
        right: 145px !important;
    }
    
    .subhome div.encabezado-publicaciones + .carrusel > a{
        right: 65px !important;
    }
    
    /*----- columna derecha -----*/
    #col-dch{
        width: 100% !important;
        float: none !important;
    }
    
    #col-dch > h2:first-child,
    ul#canales-atencion,
    #bloque-ultimas-noticias,
    #col-dch p.ver-mas{
        display: none !important;
    }
    
    .catencion #canales-atencion{
        display: block !important;
    }
    
    #main-content.home #calendario-eventos{
        margin-top: 3.5em !important;
        padding-top: 15px !important;
        border-top: 2px dashed #DDD !important;
    }
    
    #calendario-eventos #capa-calendario{
        width: 60% !important;
        margin: 0 auto !important;
        border: none !important;
    }
    
    #calendario-eventos #eventos ul li,
    #calendario-eventos #eventos div.evento{
        padding-left: 5vw !important;
        background-position: 4vw top !important;
    }
    
    #calendario-eventos #eventos ul li a,
    #calendario-eventos #eventos div.evento a{
        width: 100% !important;
    }
    
    #calendario-eventos #eventos ul li span.fecha,
    #calendario-eventos #eventos div.evento span.fecha{
        width: 7% !important;
    }
    
    #calendario-eventos a.agenda{
        width: 30% !important;
        margin: 0 auto !important;
    }
    
    #contenido-interior.noticias #calendario-eventos a.agenda{
        width: 100% !important;
        border-radius: 5px !important;
        background-position: 15px center !important;
    }
    
    /*----- seccion agenda ------*/
    #contenido-interior #capa-calendario{
        width: 90% !important;
    }
    
    /*----- video -----*/
    #contenido-interior .px-video-container,
    #contenido-interior .px-video-container video{
        width: 100% !important;
    }
    
    /*----- GMaps -----*/
    iframe.gmaps{
        width: 100% !important;
    }
    
    /*----- redes sociales -----*/
    #rrss{
        width: 100% !important;
        top: auto !important;
        bottom: 0 !important;
        text-align: center !important;
        background-color: #FFF !important;
    }
    
    #rrss li{
        display: inline-block !important;
    }
    
    #rrss li a{
        display: inline-block !important;
        border: none !important;
        background-size: 5vw !important;
        width: 100px !important;
        height: 50px !important;
    }
    
    #rrss li a:hover,
    #rrss li a:focus{
        transition: background-color 0.5s !important;
        -webkit-transition: background-color 0.5s !important;
        -o-transition: background-color 0.5s !important;
        -moz-transition: background-color 0.5s !important;
        background-color: #007936 !important;
        border-color: #007936 !important;
        border-radius: 20px !important;
        transform: none !important;
    }
    
    /*----- footer -----*/    
    #footer-wrapper{
        bottom: 49px !important;
        width: 100% !important;
    }
}


@media only screen and (max-device-width:479px) and (orientation: portrait){
    
    body{
        font-size: 2em !important;
    }
    
     img[src*="ventana_nueva"]{
        width: 35px !important;
    }
    
    #resultadosNorma img[src*="ventana_nueva"]{
        width: 40px !important;
    }
    
    h2 img[src*="ventana_nueva"]{
        width: 50px !important;
    }
    
    .informacion.publicacion img[src*="ventana_nueva"]{
        width: 45px !important;
    }
    
    h2.notis-destacadas + .carrusel .bx-wrapper img[src*="ventana_nueva"]{
        width: 4vw!important;
    }
    
    .readspeaker-pdf a img{
        width: 37px !important;
    }
    
    acronym,
    abbr{
        border-bottom-width: 2px !important;
    }
    
    .imagen-izq,
    .imagen-der,
    .img-izq,    
    .img-der{
        float: none !important;
        width: 97% !important;
    }
    
    .imagen-izq img,
    .imagen-der img,
    .img-izq img,
    .img-der img,
    img.imagen-izq,
    img.imagen-der,
    img.img-izq,
    img.img-der{
        width: 100% !important;
    }

    .img-izq img[src*="b-"],
    .imagen-izq img[src*="b-"],
    img[src*="b-"].img-izq,
    img[src*="b-"].imagen-izq{
        float: left !important;
        width: 25% !important;
    }

    .img-der img[src*="b-"],
    .imagen-der img[src*="b-"],
    img[src*="b-"].img-der,
    img[src*="b-"].imagen-der{
        float: right !important;
        width: 25% !important;
    }
    
    .centrada img,
    .img-centra img,
    .dos-centradas img,
    .img-30 img,
    .img-30,
    .img-80 img,
    .img-80,
    .img-100 img,
    .img-100,
    .img-120 img,
    .img-120,
    .img-150 img,
    .img-150,
    .img-180 img,
    .img-180,
    .img-200 img,
    .img-200,
    .img-240 img,
    .img-240,
    .img-250 img,
    .img-250,
    .img-280 img,
    .img-280,
    .img-300 img,
    .img-300,
    .img-350 img,
    .img-350,
    .img-400 img,
    .img-400,
    .img-500 img,
    .img-500,
    .img-600 img,
    .img-600,
    .img-720 img,
    .img-720,
    .img-800 img,
    .img-800{
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
    }
    
    /*----- menu movil -----*/
	.menu_bar{
		z-index: 10 !important;
		display: block;
        width: 130px;
        height: 95px;
		position: absolute;
        top: 0;
        right: 10px;
        background: transparent url(menu-movil_sede.png) no-repeat right 15px;
        background-size: 12vw !important;
	}
    
    .menu_bar.desplegado{
        width: 100%;
        right: 0;
        background: #F4F4F4 url(cerrarmenu.jpg) no-repeat right 12px !important;
        background-size: 12vw !important;
    }

	.menu_bar .bt-menu{
        display: block;
        height: 95px;
		padding: 29px;
		color: #fff;
		overflow: hidden;
		font-size: 28px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span{
		/*CHV*/
		/*float: right;*/
		float: bottom;
		font-size: 40px;
	}

	.menu_bar.desplegado + nav{
		/*LGG*/
		width: 100% !important;
		display: block !important;
		/*height: 100%;*/
		position: absolute;
		/*CHV*/
		/*right:100%;*/
		/*bottom: 100%;*/
		margin: 0 0 30px;
		overflow: scroll;
        background-color: #f4f4f4;
        z-index: 102;
	}
    
    .menu_bar.desplegado + nav + .cont-principal #content-header{
        position: relative !important;
    }
    
    .menu_bar.desplegado + nav + .cont-principal #main-content{
        padding-top: 0 !important;
    }

	.menu_bar + nav ul li{
		display: block;
		border-bottom: 1px solid #333;
	} 
    
    .menu_bar + nav ul li.submenu > a{
        margin-right: 15px !important;
        background: url(flecha-menu-idiomas.png) no-repeat right center !important;
        background-size: 3vw !important;
    }   
    
    .menu_bar + nav ul li.submenu.desplegado > a{
        margin-right: 15px !important;
        background: url(flecha-menu-ppalh.png) no-repeat right center !important;
        background-size: 3vw !important;
    }

	.menu_bar + nav ul li a{
		display: block;
	}

	.menu_bar + nav ul li:hover .children{
		display: none;
	}

	.menu_bar + nav ul li .children{
		width: 100%;
		position: relative;
	}

	.menu_bar + nav ul li .children li a{
		margin-left: 20px;
	}
    
    /*----- header -----*/
    #content-header{
        z-index: 7 !important;
        width: 100% !important;
        padding-top: 25px !important;
        background-color: #FFF !important;
    }
    
    #content-header .section{
        width: 100% !important;
        margin-top: 5px !important;
        text-align: center !important;
    }
    
    #idiomas,
    #nav-cabecera .sf-menu > li:first-child,
    #nav-cabecera .sf-menu > li.desplegable{
        display: none !important;
    }
    
    #content-header .logos,
    #content-header .logo,
    #content-header .centro{
        width: 100% !important;
    }
    
    #content-header .centro{
        margin-top: .5em !important;
    }
    
    #content-header .logos a,
    #content-header a img{
        height: 100px !important;
    }
    
    #content-header .logo-centro{
        width: auto !important;
        margin: 0 !important;
    }
    
    #content-header h1{
        width: auto !important;
        margin: 0 !important;
        vertical-align: super !important;
        font-size: 2.5rem !important;
        text-align: left !important;
    }
    
    #nav-cabecera #busca{
        float: none !important;
        height: 50px !important;
    }
    
    #nav-cabecera #busca #buscar{
        width: 50vw !important;
        height: 49px !important;
        font-size: 1.8rem !important;
    }
    
    #nav-cabecera #busca #botonBuscar{
        width: 40px !important;
        height: 45px !important;
        padding-top: 10px !important;
        background-size: 4vw !important;
    }
    
    /*----- main-content -----*/
    #main-content{
        display: table !important;
        width: 100% !important;
        margin-bottom: 247px !important;
    }
    
    #main-content.home{
        display: block !important;
    }
    
    #main-content .section{
        display: table !important;
        width: 95% !important;
    }
    
    #main-content.home .section h2{
        font-size: 2.5rem !important;
    }
    
    #contenido-home{
        width: 100% !important;
        float: none !important;
        margin: inherit !important;
    }
    
    /*----- directo a -----*/
    #directo-a{
        display: table !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    #directo-a li#actualidad{
        display: inline-block !important;
    }
    
    #directo-a li{
        width: 40% !important;
        margin: 0 5% !important;
        background: none !important;
    }
    
    #directo-a li a{
        width: auto !important;
        min-height: 135px !important;
        font-size: 1.8rem !important;
        background-size: 37vw !important;
        border-width: .8vw !important;
    }
    
    #directo-a ul li a > span{
        margin-left: 20px !important;
    }
    
    /*----- enlace a la sede -----*/
    .enlacesede{
        display: block !important;
        margin-top: .5em !important;
        text-align: center !important;
    }
    
    .enlacesede img{
        width: 40vw !important;
    }
    
    /*----- controles carruseles -----*/
    .bx-controls-direction{
        bottom: 25px !important;
    }    
    
    .bx-wrapper .bx-controls .bx-next{
        right: 0 !important;
        background: url(ico-nexth_mv.jpg) no-repeat !important;
    }
    
    .bx-wrapper .bx-controls .bx-next:hover,
    .bx-wrapper .bx-controls .bx-next:focus{
        background: url(ico-next_mv.jpg) no-repeat !important;
    }

    .bx-wrapper .bx-controls .bx-prev{
        left: 0 !important;
        background: url(ico-previoush_mv.jpg) no-repeat !important;
    }
    
    .bx-wrapper .bx-controls .bx-prev:hover,
    .bx-wrapper .bx-controls .bx-prev:focus{
        background: url(ico-previous_mv.jpg) no-repeat !important;
    }    
    
    .bx-wrapper .bx-controls .bx-next,
    .bx-wrapper .bx-controls .bx-prev,
    .bx-wrapper .bx-controls .bx-next:hover,
    .bx-wrapper .bx-controls .bx-prev:hover,
    .bx-wrapper .bx-controls .bx-next:focus,
    .bx-wrapper .bx-controls .bx-prev:focus{
        width: 4.2vw !important;
        height: 4.2vw !important;
        background-size: 4vw !important;
    }

    #contenido-interior.subhome .carrusel.last .bx-controls .bx-controls-direction .bx-prev,
    #contenido-interior.subhome .carrusel.last .bx-controls .bx-controls-direction .bx-next{
        margin-top: -130px !important;
    }
    
    #contenido-interior.subhome .carrusel .bx-controls .bx-controls-direction .bx-prev{
        left: 0 !important;
    }
    
    #contenido-interior.subhome .carrusel .bx-controls .bx-controls-direction .bx-next{
        right: 0 !important;
    }
        
    .bx-wrapper .bx-controls-auto{
        bottom: 0 !important;
    }
    
    .bx-wrapper .bx-controls-auto a{
        margin: 0 2px !important;
    }
    
    .bx-wrapper .bx-controls-auto a,
    .bx-wrapper .bx-controls-auto a.active,
    .bx-wrapper .bx-controls-auto .bx-stop,
    .bx-wrapper .bx-controls-auto .bx-start,
    .bx-wrapper .bx-controls-auto a:hover,
    .bx-wrapper .bx-controls-auto a:focus{
        width: 4.2vw !important;
        height: 4.2vw !important;
        background-size: 4vw !important;
    }
    
    /*----- noticias destacadas -----*/
    h2.notis-destacadas{
        margin-bottom: .5em !important;
    }
    
    h2.notis-destacadas + .carrusel > a{
        padding-right: 4.5vw !important;
        background-size: 4vw !important;
    }
    
    h2.notis-destacadas + .carrusel{
        margin-bottom: 60px !important;
        border: none !important;
    }

    h2.notis-destacadas + .carrusel .bx-wrapper{
        width: 94.8% !important;
        max-width: 94.8% !important;
    }

    h2.notis-destacadas + .carrusel .destacadas li,
    h2.notis-destacadas + .carrusel .bx-wrapper img{
        width: 90vw !important;
    }
    
    .bxslider.destacadas li div{
        padding-top: 55px !important;
        background-color: rgba(51, 51, 51, 0.77) !important;
    }
    
    .bxslider.destacadas li div .fecha{
        border-bottom-width: 3px !important;
    }
    
    .bxslider.destacadas li div p{
        margin-bottom: .5em !important;
    }
        
        /*----- controles -----*/
    h2.notis-destacadas + .carrusel .bx-controls-direction{
        display: none !important;
    }
    
    h2.notis-destacadas + a + .carrusel .bx-wrapper .bx-controls-auto{
        bottom: -50px !important;
    }
    
    h2.notis-destacadas + .carrusel .bx-wrapper .bx-controls-auto{
        bottom: -40px !important;
    }
    
    /*----- avisos -----*/
    #contenido-home div.mensaje{
        display: table !important;
        width: 94.8% !important;
        margin-top: 2em !important;
        box-sizing: border-box !important;
    }
    
    #contenido-home div.mensaje p:first-child{
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute;
    }
    
    #contenido-home div.mensaje p + p{
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 0 0 11vw !important;
        border: none !important;
        background-size: 9vw !important;
    }
    
    #contenido-home div.mensaje p#navidad + p{
        background: url("ico-navidad.png") no-repeat left center;
    }
    
    #contenido-home div.mensaje p a{
        display: inline !important;
    }
    
    /*----- destacamos home con mas de 6 banners (doble, auto y no auto, divs, tipo2) -----*/
    h2.destacamos + .carrusel{     
        margin: 0 0 2em !important;
        border: none !important;
    }
    
    h2.destacamos + .carrusel .bx-wrapper{
        max-width: 100% !important;
    }
    
    h2.destacamos + .carrusel .bx-wrapper .bx-viewport{
        height: 290px !important;
        left: 0 !important;
        margin: 0 3px 0 0 !important;
    }
    
    #contenido-interior h2.destacamos + .carrusel .bx-wrapper .bx-viewport{
        height: auto !important;
    }
    
    .carrusel .bxslider.tipo2 > div,
    .carrusel .bxslider.tipo2auto{
        width: 465px !important;
        display: table !important;
        margin-left: 3px !important;
        margin-right: 0 !important;
    }
    
    .carrusel .tipo2 .banner-text,
    .carrusel .tipo2auto .banner-text{
        width: 99% !important;
        margin-bottom: .2em !important;
        border-width: 3px !important;
    }
    
    .carrusel .tipo2 .banner-text > img,
    .carrusel .tipo2auto .banner-text > img{
        max-width: none !important;
        height: 100px !important;
    }
    
    .carrusel .tipo2 .banner-text img + a,
    .carrusel .tipo2auto .banner-text img + a{
        width: 81% !important;
    }
    
        /*----- controles -----*/
    h2.destacamos + .carrusel .bx-wrapper .bx-controls .bx-next,
    #contenido-interior h2.destacamos + .carrusel .bx-wrapper .bx-controls .bx-next{
        right: 0 !important;
    }
    
    #contenido-interior h2.destacamos + .carrusel .bx-wrapper .bx-controls .bx-prev{
        left: 0 !important;
    }
    
    /*----- banners home con mas de 3 banners(no auto, lista, tipo4) -----*/
    h2.destacamos + .carrusel + .carrusel{
        margin-bottom: 2.5em !important;
        border: none !important;
    }
    
    h2.destacamos + .carrusel + .carrusel .bx-wrapper,
    #contenido-interior.subhome .carrusel .bx-wrapper{
        max-width: 100% !important;
    }
    
    h2.destacamos + .carrusel + .carrusel .bx-viewport,
    #contenido-interior.subhome .carrusel .bx-viewport{
        height: 175px !important;
        left: 0 !important;
        padding: 0 !important;
    }
    
    .carrusel .tipo4 li,
    .carrusel .tipo5 li{
        border: none !important;
    }
    
    .carrusel .tipo4 li a,
    .carrusel .tipo5 li a{
        display: block !important;
        width: unset !important;
    }
    
    .carrusel .tipo4 li a img,
    .carrusel .tipo5 li a img{
        max-width: unset !important;
        width: 465px !important;
    }
    
    .carrusel .tipo4 li > img,
    .carrusel .tipo5 li > img{
        max-width: unset !important;
        width: 18vw !important;
    }
    
    .carrusel .tipo4 li img + a,
    .carrusel .tipo5 li img + a{
        display: table-cell !important;
    }
    
    /*----- controles -----*/
    h2.destacamos + .carrusel + .carrusel .bx-wrapper .bx-controls-direction{
        bottom: -5px !important;
    }
    
    h2.destacamos + .carrusel + .carrusel .bx-wrapper .bx-controls .bx-next{
        right: 0 !important;
    }
    
    /*----- home con 1 banner (no auto, div, tipo2, tipo4, tipo5) -----*/
    .carrusel_1banner div.banner-text{
        width: 40% !important;
    }    
    
    .carrusel_1banner div.banner-text > img{
        max-width: unset !important;
        width: 15vw !important;
    }
    
    /*----- carrusel home con 2 banners (lista, doble, no auto) -----*/
    .carrusel div.tipo2nocarrusel{
        width: 95% !important;
        margin: 0 auto !important;
    }
    
    .carrusel div.tipo2nocarrusel > div{
        width: 49% !important;
        display: table !important;
    }
    
    .carrusel .tipo2nocarrusel div.banner-text{
        width: 100% !important;
        border-width: 3px !important;
    }
    
    .carrusel div.tipo2nocarrusel > div div.banner-text img{
        max-width: none !important;
        height: 100px !important;
    }
    
    .carrusel .tipo2nocarrusel > div div.banner-text img + a{
        width: 81% !important;
    }
    
    /*----- carrusel home entre 2 y 3 banners (lista) -----*/
    .carrusel ul.tipo4nocarrusel{
        border:  1px solid #d6d6d6;
    }
    
    .carrusel ul.tipo4nocarrusel li{
        border: none !important;
    }
    
    .carrusel ul.tipo4nocarrusel li a{
        display: block !important;
        width: unset !important;
    }
    
    .carrusel ul.tipo4nocarrusel li.banner-text img{
        max-width: unset !important;
        width: 30vw !important;
    }
    
    .carrusel ul.tipo4nocarrusel li.banner-text > img{
        max-width: unset !important;
        width: 9vw !important;
    }
    
    .carrusel ul.tipo4nocarrusel li img + a{
        display: table-cell !important;
    }
    
    /*----- publicaciones home con mas de 4 publicaciones(auto, lista, tipo3) -----*/
    div.encabezado-publicaciones{
        margin-top: 50px !important;
    }
    
    div.encabezado-publicaciones +.carrusel > a{
        right: 0 !important;
        bottom: auto !important;
        padding-right: 4.5vw !important;
        background-size: 4vw !important;    
    }
    
    .carrusel.last{
        border: none !important;    
    }
    
    #contenido-interior.subhome .carrusel.last{
        margin-bottom: 1.5em !important;
    }
    
    .carrusel.last .bx-wrapper,
    #contenido-interior.subhome .carrusel.last .bx-wrapper{
        max-width: 100% !important;
    }
    
    .carrusel.last .bx-wrapper .bx-viewport{
        margin-left: 2px !important;
    }
    
    #contenido-interior.subhome .carrusel.last .bx-viewport{
        height: 700px !important;
    }
    
    .bxslider.tipo3 li{
        width: 288px !important;
    }
    
    .bxslider.tipo3 li > img{
        width: 30vw !important;
    }
    
    .bxslider.tipo3 li a img{
        width: 4vw !important;
    }
    
        /*----- controles -----*/    
    .carrusel.last .bx-controls-direction{
        display: none !important;
    }
    
    .carrusel.last .bx-wrapper .bx-controls-auto{
        bottom: -50px !important;
    }
    
    /*----- columna derecha -----*/
    #col-dch{
        width: 100% !important;
        float: none !important;
    }
    
    #col-dch > h2:first-child,
    ul#canales-atencion,
    #bloque-ultimas-noticias,
    #col-dch p.ver-mas{
        display: none !important;
    }    
    
    #calendario-eventos{
        margin-top: 2.5em !important;
    }
    
    #main-content.home #calendario-eventos{
        padding-top: 2em !important;
        border-top: 4px dashed #DDD !important;
    }
    
    #calendario-eventos h2{
        border-width: 2px !important;
    }
    
    #calendario-eventos #eventos ul li,
    #calendario-eventos #eventos div.evento{
        margin-bottom: 30px !important;
        padding-left: 12vw !important;
        background-size: .5vw !important;
        background-position: 10vw top !important;
    }
    
    #calendario-eventos #eventos ul li a,
    #calendario-eventos #eventos div.evento a{
        width: 85% !important;
    }
    
    #calendario-eventos #eventos ul li span.fecha,
    #calendario-eventos #eventos div.evento span.fecha{
        width: 10% !important;
    }
    
    #calendario-eventos a.agenda{
        width: 50% !important;
        margin: 0 auto !important;
        border-width: 2px !important;
        border-radius: 10px !important;
        background-size: 4.5vw !important;
    }
    
    #calendario-eventos a.agenda:focus{        
        background-size: 4.5vw !important;
    }
    
    /*----- subhome -----*/
    #contenido-interior div.cabecera-subhome{
        border-width: 4px !important;
    }
    
    #contenido-interior div.cabecera-subhome > img{
        display: none !important;
    }    
    
    #main-content #contenido-interior.subhome .cabecera-subhome h2{
        font-size: 3rem !important;
    }
    
    #contenido-interior div.cabecera-subhome .introduccion > ul > li,
    #contenido-interior div.cabecera-subhome > ul > li{
        margin: 0 !important;
        padding-top: .4em !important;
        padding-left: 1em !important;
        font-size: 2.1rem !important;
        background-size: 2vw !important;
    }
    
    #contenido-interior.subhome .cabecera-subhome ul li ul li{
        margin: 0 !important;
        padding-top: .2em !important;
        padding-left: 1em !important;
        background-size: 2vw !important;
    }  
    
    #contenido-interior div.cabecera-subhome + h2{
        font-size: 2.5rem !important;
    }
    
        /*----- carrusel subhome -----*/
    .subhome .carrusel .tipo5nocarrusel{
        display: block !important;
    }
    
    .subhome .carrusel .tipo5nocarrusel li{
        min-width: 492px !important;
        float: none !important;
        margin: 6px auto !important;
    }
    
    .subhome .carrusel .tipo5nocarrusel li > a img{
        max-width: unset !important;
        width: 50vw !important;
    }
    
    .subhome .carrusel .tipo5nocarrusel li > img{
        width: 100% !important;
    }
    
    .subhome .carrusel .bx-wrapper .bx-controls span{
        top: -55px !important;
    }
    
    /*----- paginas interiores -----*/
    #contenido-interior{
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }
    
    /*----- seccion agenda -----*/
    #contenido-interior #mes-ant-post a{
        top: 220px !important;
        width: 5vw !important;
        height: 5vw !important;
    }
    
    #contenido-interior #mes-ant-post a#post img{
        width: 5vw !important;
    }
    
    #contenido-interior #mes-ant-post a#ant img{
        width: 5vw !important;
    }
    
    /*----- listas -----*/
    #contenido-interior .informacion ul > li{
        padding-top: .4em !important;
        padding-left: 1em !important;
        background-size: 2vw !important;
    }
    
    #contenido-interior ol{
        margin-top: 0 !important;
    }
    
    #contenido-interior .informacion + h2.destacamos{
        margin-bottom: 15px !important;
        padding: 0 !important;
        font-size: 2.7rem !important;
    }
    
    #contenido-interior .informacion + h2.destacamos + .carrusel .tipo5nocarrusel{
        display: block !important;
    }
    
    #contenido-interior .informacion + h2.destacamos + .carrusel .tipo5nocarrusel li{
        min-width: 492px !important;
        float: none !important;
        margin: 6px auto !important;
        padding: 0 !important;
    }
    
    #contenido-interior .informacion + h2.destacamos + .carrusel .tipo5nocarrusel li > a img{
        max-width: unset !important;
        width: 50vw !important;
    }
    
    #contenido-interior .informacion + h2.destacamos + .carrusel .tipo5nocarrusel li > img{
        width: 100% !important;
    }
    
    #contenido-interior .informacion + h2.destacamos + .bx-wrapper .bx-controls span{
        top: -55px !important;
        background-size: 5.5vw !important;
    }
    
    #contenido-interior .carrusel .bx-controls .bx-controls-direction{
        bottom: -45px !important;
    }
    
    /*#contenido-interior h2.destacamos + .carrusel .bx-wrapper .bx-controls .bx-prev{
        left: 45% !important;
    }
    
    #contenido-interior h2.destacamos + .carrusel .bx-wrapper .bx-controls .bx-next{
        right: 45% !important;
    }*/
    
    #contenido-interior .error{
        padding: 30px 0 30px 9rem !important;
        text-align: left!important;
        line-height: 1.5em !important;
        background-position: 15px center !important;
        background-size: 7rem !important;
    }
    
    #contenido-interior .mapa{
        text-align: center !important;
    }
    
    #contenido-interior .informacion div p img[alt*="Presencia de"]{
        width: 90px !important;
    }

    #contenido-interior p.imitalista{
        background-size: 2vw !important;
    }
    
    /*----- paginador -----*/
    #contenido-interior div.paginador div.num-paginas ul li{
        padding-top: 0 !important;
        padding-left: 0 !important;
    }
    
    .paginador .num-paginas ul li a,
    .paginador .num-paginas ul li span{
        min-width: 40px !important;
        height: 40px !important;
        background-size: 1.4em !important;
    }   
    
    /*----- encabezados -----*/
   #contenido-interior .introduccion h2,
    #contenido-interior .informacion h2,
    #contenido-interior .formulario h2,
    #contenido-interior .error h2,
    #contenido-interior-marco h2{
        padding: 12px 0 12px 80px !important;
        font-size: 1.4em !important;
        background-position: left 10px !important;
        background-size: 6vw !important;
    }
    
    /*----- columna izquierda -----*/
    #col-izq{
        display: none !important;
    }
    
    /*----- breadcrumb -----*/
    #breadcrumb ul li{
        vertical-align: middle !important;
    }
    
    #breadcrumb ul li a img{
        height: 30px !important;
    }
    
    /*----- actualidad -----*/
    #contenido-interior.noticias{
        margin: 0 !important;
    }
    
    #contenido-interior.noticias #col-relacionados{
        width: 100% !important;
        padding: 1.5em 0 0 !important;
        border: 1px solid #d6d6d6 !important;
        border-width: 2px 0 0 !important;
    }
    
    #contenido-interior.noticias #col-relacionados #calendario-eventos{
        margin: 0 auto !important;
    }
    
    #contenido-interior.noticias #col-relacionados #calendario-eventos h2{
        margin-bottom: 1em !important;
    }
    
    #contenido-interior.noticias #col-relacionados iframe{
        display: none !important;
    }
    
    #contenido-interior.noticias .informacion.noticias{
        width: 100% !important;
    }
    
    #contenido-interior .informacion.noticias > ul{
        margin: 0 !important;
    }
    
    #contenido-interior .informacion.noticias > ul > li,
    #contenido-interior .informacion.noticias div.noticia{
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-left: 120px !important;
        background-size: 1vw !important;
    }
    
    #contenido-interior .informacion.noticias .cuerpo-noticia{
        width: 100% !important;
    }
    
    #contenido-interior .informacion.noticias .fecha-noticia{
        width: 12% !important;
        font-size: 1.5rem !important;
        background-size: 10vw !important;
    }
    
    #contenido-interior .noticias .imitalista{
        padding-top: .4em !important;
        padding-left: 1em !important;
        background-size: 2vw !important;
    }
    
    #contenido-interior .informacion.noticias .noticia .publicado{
        display: table !important;
        width: 100% !important;
    }
    
    #contenido-interior .informacion.noticias .publicado p{
        padding-left: 30px !important;
        background-size: 2.5vw !important;
    }
    
    #contenido-interior .informacion.noticias .publicado p img{
        height: 42px !important;
    }
    
    #contenido-interior.noticias .informacion.noticias + .informacion.navegacion ul li{
        padding-top: .5em !important;
        padding-left: 1em !important;
        background-size: 2vw !important;
    }
    
    /*----- listas -----*/
    #contenido-interior .introduccion ul li{
        background-size: 2vw !important;
    }
    
    #contenido-interior .mapa + .mapa-lista .mapa-nivel1{
        display: table !important;
        width: 100% !important;
        margin-bottom: 3em !important;
    }
    
    #contenido-interior .mapa + .mapa-lista .mapa-nivel1 > li{
        min-height: 100px !important;
        width: 33.33% !important;
        padding: 25px 0 0 !important;
        text-align: center !important;
    }
    
    #contenido-interior .mapa + .mapa-lista .mapa-nivel1 > li:last-child{
        width: 100% !important;
    }
    
    #contenido-interior .mapa + .mapa-lista .mapa-nivel1 > li a{
        color: #007936;
    }
    
    /*----- tablas -----*/
    #contenido-interior table[summary="Lista de trámites"]{
        font-size: .9em !important;
    }
    
    #contenido-interior table th,
    #contenido-interior table td{
        border-color: #B3B3B3 !important;
        border-width: 2px !important;
    }
    
    #contenido-interior table td img{
        height: 30px !important;
    }
    
    /*----- introduccion -----*/
    #contenido-interior .introduccion .fila-mapa.filo img{
        width: 3em !important;
        margin: 25px !important;
    }
    
    #contenido-interior .introduccion .fila-mapa.filo p{
        float: right !important;
        width: 82% !important;
    }
    
    /*----- atencion a la ciudadania(contacto) -----*/
    #contenido-interior .introduccion div.canales{
        margin-top: 0 !important;
        padding-top: 0 !important;
        border: none !important;
    }
    
    #contenido-interior .introduccion div.canales div.catencion,
    #contenido-interior .introduccion div.canales div{
        display: block !important;
        width: 100% !important;
        float: none !important;
    }
    
    #contenido-interior .introduccion div.canales ul#canales-atencion{
        display: block !important;
        float: none !important;
        margin: 0 !important;
        line-height: normal;
    }
    
    #contenido-interior .introduccion div.canales ul#canales-atencion li{
        padding-top: .5em !important;
        padding-left: 10vw !important;
        padding-bottom: .5em !important;
        background-size: 8vw !important;
    }
    
    ul#canales-atencion li a,
    ul#canales-atencion li p{
        background-size: 1vw !important;
    }
    
    #contenido-interior .introduccion div.canales div.catencion + div h3{
        padding-left: 10vw !important;
        text-align: left !important;
        background-size: 8vw !important;
        background-position: left center !important;
    }
    
    #contenido-interior .introduccion div.canales div.catencion + div ul li,
    #contenido-interior .introduccion div.canales div.catencion + div h3 + p,
    #contenido-interior .introduccion div.canales div ul li p.imitalista{
        padding-left: 1em !important;
        background-size: 2vw !important;
    }
    
    #contenido-interior #accordion.informacion div .direcciones{
        padding: 0 !important;
    }
    
    /*----- informacion publicaciones -----*/
    #contenido-interior .introduccion.publicacion h2{
        padding: 0 !important;
    }
    
    #contenido-interior .informacion.publicacion{
        margin-top: 1rem !important;
        padding: 0 !important;
    }
    
    #contenido-interior .informacion.publicacion > div{
        padding-bottom: 10px !important;
        border-bottom: 2px dashed #EDEDED !important;
    }
    
    #contenido-interior .informacion.publicacion > div:last-child{
        border-bottom: none !important;
    }
    
    #contenido-interior .informacion.publicacion > div.portada{
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        border-bottom: none !important;
    }
    
    #contenido-interior .informacion.publicacion > div.portada img{
        width: 50% !important;
    }
    
    #contenido-interior .informacion.publicacion > div > h3{
        width: 100% !important;
    }
    
    #contenido-interior .informacion.publicacion > div > p.imitalista{
        background-size: 2vw !important;
        padding-top: .4em !important;
    }
    
    /*----- informacion acordeon -----*/
    #contenido-interior #accordion.informacion h3{
        margin-bottom: 15px !important;
    }
    
    #contenido-interior #accordion.informacion h3 > span{
        background-size: 3vw !important;
    }
    
    #contenido-interior #accordion.informacion h3 + div{
        padding: 1em !important;
    }
    
    #contenido-interior #accordion.informacion div p:first-child,
    #contenido-interior #accordion.informacion div ul:first-child,
    #contenido-interior #accordion.informacion div ol:first-child{
        margin-top: 0 !important;
    }
    
    #contenido-interior #accordion.informacion h3 + div p.imitalista{
        background-size: 2vw !important;
        padding-top: .4em !important;
    }
    
    /*----- informacion formulario -----*/
    form p.text-der{
        width: 100% !important;
        margin-bottom: .5em !important;
    }
    
    #contenido-interior .formulario .fila{
        width: 100%;
    }
    
    #contenido-interior .formulario .fila.documentos{
        margin-top: 1em !important;
    }
    
    #contenido-interior .formulario .fila input[type=text],
    #contenido-interior .formulario .fila select{
        height: 60px !important;
        padding: 0 15px !important;
        font-size: 1.8rem !important;
        border-radius: 10px !important;
    }
        
    #contenido-interior .formulario .fila select{
        background-size: 60px !important;
    }
    
    #contenido-interior .formulario option{
        font-size: .8rem !important;
    }    
    
    #contenido-interior .formulario .fila select[multiple]{
        padding: 10px !important;
    }
    
    #contenido-interior .formulario .fila select[multiple] option{
        font-size: 1.8rem !important;
    }
    
    #contenido-interior .formulario textarea{
        height: 150px;
        border-radius: 10px !important;
    }
    
    #contenido-interior .formulario input[type=checkbox]{
        width: 30px !important;
        height: 30px !important;
        outline: 3px solid #333;
    }
    
    #contenido-interior .formulario .fila.pol-privacidad > div input{
        width: 25px !important;
        height: 25px !important;
    }
    
    #contenido-interior .formulario .simulabel{
        width: 100% !important;
    }
    
    #contenido-interior .formulario .fila.dos-valores > .dcha label:first-child{
        width: 8% !important;
    }
    
    #contenido-interior .formulario .fila.dos-valores > .dcha label + input + label{
        width: 1.5% !important;
    }
    
    #contenido-interior .formulario .fila.dos-valores > .dcha label + input{
        width: 43.8%;
    }
    
    #contenido-interior .formulario .fila.pol-privacidad > div a{
        padding-top: 0 !important;
    }
    
    #contenido-interior .formulario .fila.botonera .dcha a.busqueda{
        padding-left: 46px !important;
        background-size: 36px !important;
    }
    
    #contenido-interior .formulario .fila.botonera input{
        height: 50px !important;
        border-radius: 10px !important;
    }
    
    #contenido-interior .formulario h2.destacamos{
        margin-bottom: 15px !important;
        padding: 0 !important;
        font-size: 2.7rem !important;
    }
    
    #contenido-interior .formulario .carrusel .tipo5nocarrusel{
        display: block !important;
    }
    
    #contenido-interior .formulario .carrusel .tipo5nocarrusel li{
        min-width: 492px !important;
        float: none !important;
        margin: 6px auto !important;
        padding: 0 !important;
    }
    
    #contenido-interior .formulario .carrusel .tipo5nocarrusel li > a img{
        max-width: unset !important;
        width: 50vw !important;
    }
    
    #contenido-interior .formulario .carrusel .tipo5nocarrusel li > img{
        width: 100% !important;
    }
    
    #contenido-interior .formulario .bx-wrapper .bx-controls span{
        top: -55px !important;
        background-size: 5.5vw !important;
    }
    
    /*----- mensaje de ok o fallo -----*/
    .mensajeFormulario input{
        width: 100%;
    }
    
    /*----- infogafrias -----*/
        /* basica de dos columnas */
    #contenido-interior ul.infografia.dos-col{
        padding: 0 !important;    
    }
    
    #contenido-interior ul.infografia.dos-col > li{
        width: 100% !important;
        margin: 0 0 1em !important;
    }
    
    #contenido-interior ul.infografia.dos-col li img{
        width: 150px !important;
    }
    
    #contenido-interior ul.infografia.dos-col li p{
        width: 80% !important;
    }
    
    #contenido-interior ul.infografia.dos-col li span{
        display: block !important;
        float: right !important;
        width: 79.5% !important;
    }
    
    #contenido-interior ul.infografia.dos-col li ul li{
        padding-top: .4em !important;
        padding-left: 1em !important;
        background-size: 2vw !important;
    }
    
    /*----- Eventos -----*/
    #contenido-interior .informacion .eventos ul > li,
    .eventos > div{
        padding: 0 0 0 110px !important;
    }
    
    .eventos h3{
        min-height: 130px !important;
    }
    
    .eventos h3 span{
        padding-left: 15px !important;
    }
    
    #accordion_eventos ul li h3 span,
    #accordion_eventos > div h3 span,
    #accordion_eventos ul li h3.desplegado span,
    #accordion_eventos > div h3.desplegado span{
        background-size: 3vw !important;
        padding-right: 50px !important;
    }
    
    .eventos .fecha{
        top: 17px !important;
        width: 11% !important;
        height: 100px !important;
        background-size: 10vw !important;
        line-height: normal;
    }
    
    .eventos .fecha .dia{
        top: 40px !important;
    }
    
    .informacion .eventos ul li h3 + div.fecha + div,
    .informacion .eventos div h3 + div.fecha + div{
        display: table !important;
        margin-bottom: .5em !important;
        padding-top: .5em !important;
        padding-bottom: .5em !important;
    }
    
    .informacion .eventos ul li div div.evento,
    .informacion .eventos div div div.evento{
        background: none !important;
        border-bottom: none !important;
    }
    
    .informacion .eventos ul li div > div.evento div,
    .informacion .eventos div div > div.evento div{
        min-height: 50px !important;
        padding-bottom: 10px !important;
        padding-left: 60px !important;
        border-bottom: 2px dashed #EDEDED !important;
        background-size: 50px !important;
    }
    
    .informacion .eventos ul li div p,
    .informacion .eventos > div div p,
    .informacion .eventos ul li div.evento ul,
    .informacion .eventos > div.evento ul{
        display: block !important;
        width: auto !important;
    }
    
    .informacion .eventos ul li div.evento div strong + p ~ ul,
    .informacion .eventos > div div.evento div strong + p ~ ul,
    .informacion .eventos ul li div.evento div strong + p ~ ol,
    .informacion .eventos > div div.evento div strong + p ~ ol,
    .informacion .eventos ul li div.evento div strong + ul ~ ul,
    .informacion .eventos > div div.evento div strong + ul ~ ul,
    .informacion .eventos ul li div.evento div strong + ul ~ ol,
    .informacion .eventos > div div.evento div strong + ul ~ ol{
        width: auto !important;
        margin-left: 1em !important;
        padding-left: 0 !important;
    }
    
    #contenido-interior .informacion .eventos ul li div ul li,
    #contenido-interior .informacion .eventos > div div ul li,
    .eventos .evento .imitalista{
        padding: 0 0 0 1em !important;
        background-size: 1.7vw !important;
    }
    
    .eventos .evento + .galeria{
        min-height: 50px !important;
        padding-left: 60px !important;
        background-size: 50px !important;
    }
    
    .eventos a.gallery img{
        height: 250px !important;
    }

    .eventos .videos{
        background-size: 50px !important;
    }
    
    .eventos .calendario{
        margin-bottom: .5em !important;
    }
        
    .eventos .calendario a{
        width: 100% !important;
        padding-left: 2.5em !important;
        background-size: 55px !important;
    }
    
    .eventos .calendario span{
        top: 20px !important;
        width: 55px !important;
        font-size: 1.3rem !important;
    }
    
    /*----- tipo de archivos en enlace de descargas -----*/
    a span.pdf, p span.pdf, 
    a span.xls, p span.xls,
    a span.csv, p span.csv,
    a span.doc, p span.doc,
    a span.htm, p span.htm,
    a span.jpg, p span.jpg,
    a span.mdb, p span.mdb,
    a span.pps, p span.pps,
    a span.ppt, p span.ppt,
    a span.text, p span.text,
    a span.zip, p span.zip,
    a span.xlsx, p span.xlsx,
    a span.tif, p span.tif,
    a span.gif, p span.gif,
    a span.rar, p span.rar,
    a span.png, p span.png,
    a span.psd, p span.psd,
    a span.exe, p span.exe,
    a span.mp3, p span.mp3,
    a span.avi, p span.avi,
    a span.cdr, p span.cdr,
    a span.epub, p span.epub{
        padding-top: 1vw !important;
        padding-right: 4vw !important;
        background-size: 4vw !important;
    }
    
    /*----- columna derecha paginas interiores -----*/
    #contenido-interior #col-relacionados{
        width: 100% !important;
        float: none !important;
        margin: 1em 0 1em !important;
    }
    
    #contenido-interior #accordion.informacion + #col-relacionados{
        margin-top: 15px !important;
    }
    
    #contenido-interior #col-relacionados h2 span{
        background-size: 3vw !important;
    }
    
    #col-relacionados ul#documentos li,
    #col-relacionados ul.enlaces li{
        padding-top: .5em !important;
        padding-left: 1em !important;
        background-size: 2vw !important;
    }
    
    /*----- bloque direcciones -----*/
    div.direcciones dl{
        background-size: .5vw !important;
    }
    
    div.direcciones dl dt img{
        width: 52px !important;
    }
    
    div.direcciones dl dd{
        margin-left: 52px;
    }
    
    /*----- compartir -----*/
    .compartir{
        float: none !important;
        width: 85% !important;
        margin: 15px 0 !important;
    }
    
    .noticias .compartir,
    .eventos .compartir{
        float: inherit !important;
        width: auto !important;
        margin-top: 0 !important;
        margin-left: 30px !important;
        margin-bottom: 0 !important;
    }
    
    .cuerpo-noticia .compartir{
        margin-top: 5px !important;
    }
    
    #contenido-interior .noticia .compartir{
        margin: 0 !important;
        float: left !important;
        width: auto !important;
    }
    
    #contenido-interior p.actuali + .compartir{
        margin-left: 0 !important;
    }
    
    #contenido-interior .eventos .compartir{
        float: left !important;
        width: 50% !important;
        margin-top: 15px !important;
        margin-left: 0 !important;
    }
    
    #contenido-interior .compartir ul{
        margin: 0 !important;
    }
    
    #contenido-interior .compartir ul a{
        width: 60px !important;
        height: 60px !important;
        background-size: 6vw !important;
    }
    
    #contenido-interior .compartir .desplegable,
    #contenido-interior .noticia .compartir > ul > li{
        padding-top: .4em !important;
        padding-left: 0 !important;
    }
    
    #contenido-interior .eventos .compartir > ul > li{
        padding: 0 0 0 0 !important;
    }
    
    .compartir > ul > li > a{
        margin: 0 !important;
        border: 2px solid #E6E6E6 !important;
        border-radius: 30px 0 0 30px !important;
    }
    
    .compartir ul li ul{
        display: block !important;
        overflow: visible !important;
        clip: auto !important;
        width: 40% !important;
        height: 60px !important;
        left: 59px !important;
        margin-top: .37em !important;
        border-width: 2px 2px 2px 0 !important;
        border-radius: 0 30px 30px 0 !important;
    }
    
    .noticias .compartir ul li ul,
    .noticia .compartir ul li ul,
    .eventos .compartir ul li ul{
        display: block !important;
        overflow: visible !important;
        clip: auto !important;
        width: 500% !important;
        height: 60px !important;
        left: 59px !important;
        margin-top: .37em !important;
        border-width: 2px 2px 2px 0 !important;
        border-radius: 0 30px 30px 0 !important;
    }
    
    #contenido-interior.noticias .compartir ul li ul{
        margin-top: .4em !important;
    }
    
    #contenido-interior .noticia .compartir ul li ul{
        margin-top: .45em !important;
    }
    
    #contenido-interior .eventos .compartir ul li ul{
        width: 300px !important;
    }
    
    .compartir ul li ul li,
    #contenido-interior.noticias .compartir ul li ul li,
    #contenido-interior .noticia .compartir ul li ul li,
    #contenido-interior .eventos .compartir ul li ul li{
        padding: 2px 0 0 !important;
    }
    
    .compartir ul li ul li:first-child{
        display: inline-block !important;
    }   
    
    /*----- imprimir -----*/
    #imprimir{
        float: none !important;
        display: inline-block;
        width: 10% !important;
        margin: 15px 0 0 !important;
    }
    
    .noticia #imprimir{
        width: 80% !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .eventos #imprimir{
        width: 40% !important;
        margin-top: 10px !important;
        margin-bottom: 0 !important;
    }
    
    #imprimir a{
        width: 90px !important;
        height: 90px !important;
        border-radius: 45px !important;
        background-size: 6vw !important;
    }
    
    /*----- video -----*/
    #contenido-interior .px-video-container,
    #contenido-interior .px-video-container video{
        width: 100% !important;
    }
    
    /*----- GMaps -----*/
    iframe.gmaps{
        width: 100% !important;
    }

    /*----- RAT -----*/
    .info_rat h3 + div{
        padding: 1em;
    }

    .info_rat .rat{
        background: none;
    }

    .info_rat .rat > div{
        flex-direction: column;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }
    
    .info_rat .rat > div:last-child{
        border-bottom: none;
    }
    
    .info_rat .rat h4,
    .info_rat .rat h4 + div{
        width: 100%;
    }

    .info_rat .rat h4{
        margin: 0;
    }

    /*----- testimonios creer -----*/
    #contenido-interior .informacion #res_testimonio > ul > li{
        padding: 0 !important;
    }

    #res_testimonio .testimonio img{
        width: 250px;
        margin-right: 30px;
    }
    
    /*----- redes sociales -----*/
    #rrss{
        width: 100% !important;
        top: auto !important;
        bottom: 0 !important;
        text-align: center !important;
        background-color: #FFF !important;
    }
    
    #rrss li{
        display: inline-block !important;
    }
    
    #rrss li a{
        display: inline-block !important;
        border: none !important;
        background-size: 10vw !important;
        width: 120px !important;
        height: 100px !important;
    }
    
    #rrss li a:hover,
    #rrss li a:focus{
        transition: background-color 0.5s !important;
        -webkit-transition: background-color 0.5s !important;
        -o-transition: background-color 0.5s !important;
        -moz-transition: background-color 0.5s !important;
        background-color: #007936 !important;
        border-color: #007936 !important;
        border-radius: 20px !important;
        transform: none !important;
    }
    
    /*----- footer -----*/
    #footer-wrapper{
        bottom: 108px !important;
    }
    
    #footer-wrapper > h2:first-child,
    #footer-menu{
        display: none !important;
    }
    
    #footer .section{
        width: 100% !important;
    }
    
    #footer-wrapper #footer .section div.izq,
    #footer-wrapper #footer .section div.drch{
        max-width: 100% !important;
        float: none !important;
        text-align: center !important;
    }
    
    #footer-wrapper #footer .section p.copyright{
        display: none !important;
    }
    
    #footer-wrapper #footer .section ul#footer-nav{
        margin: 1em 0 !important;
    }
    
    #footer-wrapper #footer .section div.drch ul#certificados,
    #footer-wrapper #footer .section div.drch div#certificados{
        float: none !important;
    }
    
    #footer-wrapper #footer .section div.drch ul#certificados img,
    #footer-wrapper #footer .section div.drch div#certificados img{
        width: 10vw !important;
    }
    
    #footer-wrapper #footer .section div.drch #certificados img[src*="fse"]{
        width: 20vw !important;
    }
    
}