@font-face {
    font-family:'helveticaneueltpro-bdcn';
    src: url('helveticaneueltpro-bdcn.eot');
    src: url('helveticaneueltpro-bdcn.eot') format('embedded-opentype'),
         url('helveticaneueltpro-bdcn.woff') format('woff'),
         url('helveticaneueltpro-bdcn.ttf') format('truetype'),
         url('helveticaneueltpro-bdcn.svg#HelveticaNeueLTPro77BoldCondensed') format('svg');
}


@font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('helvetica-neue1.eot');
    src: url('helvetica-neue1.eot') format('embedded-opentype'),
         url('helvetica-neue1.woff') format('woff'),
         url('helvetica-neue1.ttf') format('truetype'),
         url('helvetica-neue1.svg#HelveticaNeueRegular') format('svg');
}
/** Identificadores **/
#barra_sup {
    top:-3px;
    position:relative;
    border: 0px solid #999;    
    width: 317px;
    height: 22px;    
    margin: 0 auto 0;
    display: block;
    background-image: url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/serviciossociales_departamento-responsive_img/$file/barra_sup.png");
    background-repeat: no-repeat;
    background-position: center bottom;
   /*border: 1px solid black;*/
  }
  
 #redes {
    float: left;
    width: 151px;
    padding-top: 0px;
    
    position: absolute;
    top:-3px;
    left:-24px;
    
  }
  
  #redes ul {
    height: 23px;
    display: block;
    width: 150px;
  }

  #redes ul li {
    width: 22px;
    float: left;
    list-style-type: none;
    
  }

  #redes ul li a{
    border:0px;
  }
  
  #redes ul li a.ico-facebook,
  #redes ul li a.ico-twitter,
  #redes ul li a.ico-youtube {
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    padding: 1px;
    list-style-type: none;
    background-image: url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/serviciossociales_departamento-responsive_img/$file/redes-sociales.png");
  }
  
  #redes ul li a.ico-facebook {
    background-position: 0px 0px;
  }
  
  #redes ul li a.ico-twitter {
    background-position: 49px 0px;
  }
  
  #redes ul li a.ico-youtube {
    background-position: 98px 0px;
  }
  
  #redes ul li a.ico-contacto {
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    padding: 1px;
    background-image: url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/serviciossociales_departamento-responsive_img/$file/contacto.png");
  }
  
  /** INICIO #buscador **/
  
  #buscador {
    float: right;
    position: absolute;
    right: 21px;
    top: 2px;
    z-index: 2000;
  }
  
  #buscador form input {
    background: no-repeat scroll 0 0 #fff;
    border: medium none;
    color: #C7CED6;
    display: block;
    float: left;
    height: 16px;
    margin: 0;
    padding: 0px 0px 0px 10px;
    width: 150px;
    font-size: 12px;
  }
  
  #buscador form input#search {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 16px;
    margin: 0;
    padding: 0;
    width: 20px;
  }
  
  #buscador form input {
    border: medium none;
    color: #C7CED6;
    display: block;
    float: left;
  }
  
  #buscador form {
    margin: 0;
    padding: 0;
  }
/** FIN #buscador **/
  .novisible{visibility: hidden;display: none;}

/** INICIO #enlaces **/
  #enlaces{
   /**border: 1px solid black;**/
  }

  #enlaces ul li{
    list-style-type: none;
    }

    #enlaces ul li a.area-deportes, #enlaces ul li a.area-cultura, #enlaces ul li a.area-europa, #enlaces ul li a.area-asuntos, #enlaces ul li a.area-igualdad, #enlaces ul li a.area-empleo, #enlaces ul li a.area-mambiente, #enlaces ul li a.area-turismo, #enlaces ul li a.area-hacienda, #enlaces ul li a.area-formacion, #enlaces ul li a.area-agricultura, #enlaces ul li a.area-economia,#enlaces ul li a.area-familia,#enlaces ul li a.area-biblioteca, #enlaces ul li a.area-iea {
    display: block;
    float: left;
    width: 195px;
    height: 69px;
    padding: 0px;
    background-image: url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/serviciossociales_departamento-responsive_img/$file/iconos-home.jpg");
    margin-right: 10px;
    margin-bottom: 10px;
}
#enlaces ul li a.area-deportes{
     background-position: 0px 0px;
}
#enlaces ul li a.area-cultura {
    background-position: -212px 0px;
}

#enlaces ul li a.area-igualdad {
    background-position: -636px 0px;
}
#enlaces ul li a.area-turismo {
    background-position: 0px -81px;
}

#enlaces ul li a.area-hacienda {
    background-position: -212px -81px;
}

#enlaces ul li a.area-formacion {
    background-position: -424px -81px;
}

#enlaces ul li a.area-agricultura {
background-position: -636px -81px;
}

#enlaces ul li a.area-economia {
    background-position: -847px -81px;
}

#enlaces ul li a.area-asuntos {
    background-position: 0px -163px;
}

#enlaces ul li a.area-europa {
    background-position: -212px -163px;
}
#enlaces ul li a.area-empleo {
    background-position: -424px 0px;
}
#enlaces ul li a.area-mambiente {
    background-position: -847px 0px;
}
#enlaces ul li a.area-familia{
    background-position: -636px -163px;
}
#enlaces ul li a.area-biblioteca{
        background-position: -847px -163px;

}
#enlaces ul li a.area-iea {
background-position: -424px -163px;
}

#enlaces a span {
    color: #ffffff;
    font-family: 'Arial';
    font-size: 20px;
    line-height: 23px;
    position: relative;
    left: 80px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    top: 0;
    width: 100px;
    text-align: left;
}

/** FIN #enlaces **/

/***widget dipalme***/
/**
.widget-dipalme{
  float:left;
  color: #ffffff;
  background-color: #d0d1d2;  
  height: 220px;
  width:335px;
  margin-bottom:24px;

}

.widget-dipalme .fechabop{
  background-color: #1e87c0;
}
**/
/***fin widget dipalme***/

/***widget boletin***/


#widget-boletin .fecha {
  width: 20%;
  float: right;
  height: 200px;
  background-color: #1e87c0;
  text-align: center;
  font-size: 30px;
  padding-top: 20px;
  text-transform: uppercase;
}

#widget-boletin .fecha span {
  font-size: 54px;
}

#widget-boletin .fecha span.anio {
  font-size: 24px;
}

#widget-boletin .titulo-boletin {
  float: left;
  font-family: 'helveticaneueltpro-bdcn';
  font-size: 90px;
  
  line-height: 77px;
  padding: 10px;
  margin-left: 5px;
  padding-top: 15px;
}

#widget-boletin .titulo-boletin span {
  font-size: 39px;
  line-height: 20px;
}

#widget-boletin2 {
  float: left;
  margin-right: 20px;
  
  height: 220px;
  background-color: #d0d1d2;
}

#widget-boletin2 .titulo-boletin {
  float: left;
  font-family: 'helveticaneueltpro-bdcn';
  font-size: 81px;
  width: 225px;
  line-height: 72px;
  padding: 10px;
  margin-left: 5px;
  padding-top: 15px;
}

#widget-boletin2 .titulo-boletin span {
  font-size: 38px;
  line-height: 40px;
}
/***fin widget boletin***/

#cal {
  height: 220px;
  position: relative;
  left: 0px;
  top: 0px;
}


#widget-calendario .titulos {
  font-family: 'helveticaneueltpro-bdcn';
  float: left;
  margin-left: 150px;
  position: absolute;
  top: 20px;
  font-size: 48px;
  line-height: 40px;
  margin-left: 137px;
}

#widget-calendario .subtitulos {
  float: left;
  margin-left: 141px;
  position: absolute;
  top: 123px;
  font-size: 25px;
  line-height: 25px;
  width: 150px;
}

#widget-calendario .fechas span {
  font-size: 22px;
}  


#widget-tablon .subtitulo {
  float: left;
  margin-left: 20px;
  position: absolute;
  top: 117px;
  font-size: 25px;
  line-height: 25px;
  width: 280px;
}


/***COLORES ROLES ***/
.rol-default {
  background-color: #1e87c0;
}

.rol-deportes {
  background-color: #39a9dc;
}

.rol-cultura {
  background-color: #d80015;
}

.rol-asuntossociales {
  background-color: #cabb9e;
}

.rol-Servicios {
  background-color: #cabb9e;
}

.rol-igualdad {
  background-color: #df2b7a;
}

.rol-empleo {
  background-color: #f3a325;
}

.rol-mambiente {
  background-color: #87b50e;
}

.rol-turismo {background-color: #7f216d;}
.rol-hacienda {background-color: #faca2b;}
.rol-formacion {background-color: #274fba;}
.rol-agricultura {background-color: #af7f4c;}
.rol-economia {background-color: #87888a;}
.rol-biblioteca{background-color:#d7a66e;}
.rol-juventud{background-color:#ff5a00;}
.rol-familia{background-color: #69cbcc;}


/***FIN COLORES ROLES ***/


  
div{
  border: 0px solid black;
}
.line-azul-4 {
  border-top: 4px solid #1e87c0;
  
}

.line-gris-bottom-2{
border-bottom: 2px solid #7a7a7a;
}

.line-azul-bottom-4 {
  border-bottom: 4px solid #1e87c0;
  
}
.line-azul-3 {
  border-bottom: 3px solid #1e87c0;
  margin-top:110px;
}

.line-azul-2 {
  border-bottom: 2px solid #1e87c0;
  
}
.fondo-dipalme{
background-image: url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/serviciossociales_departamento-responsive_img/$file/textura.png");
}

body{
margin: 0px;
padding: 0px;
}

.carousel-inner img {
width: 100%;
height: 100%;
}


/***widget dipalme***/
.widget-dipalme{
position: relative;
color: #ffffff;
background-color: #cccdd2;  
height: 220px;
/*float:left;
width:330px;*/
min-width:330px;
margin-bottom:24px;  

}

.widget-dipalme .fechabop{
background-color: #1e87c0;

}
/***fin widget dipalme***/

.widget-dipalme .boletin-titulo {
float: left;
width:240px;
font-family: 'helveticaneueltpro-bdcn';
font-size: 70px;  
line-height: 70px;
padding: 10px;
margin-left: 5px;
padding-top: 10px;
/**border: 1px solid black;**/
}
.widget-dipalme .boletin-titulo span{
font-size: 30px;
line-height: 20px;
}

.widget-dipalme .boletin-fecha {
width: 20%;
float: right;
height: 200px;
background-color: #1e87c0;
text-align: center;
font-size: 20px;
padding-top: 20px;
padding: 20px 5px 5px 5px;
text-transform: uppercase;
/**border: 1px solid black;**/
}

#widget-calendario {

background: #cccdd2 url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/serviciossociales_departamento-responsive_img/$file/tablon-definitivo-12.png") no-repeat left;
}

#widget-calendario .fechas {
position: relative;
top: 14px;
left: 30px;
width: 85px;
height: 100px;
text-align: center;
font-size: 12px;
padding-top: 14px;
color: #1e87c0;
}

#widget-pueblo {

background: #cccdd2 url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/serviciossociales_departamento-responsive_img/$file/widget-tablon-12.png") no-repeat right;
}


#widget-pueblo .titulos {
font-family: 'helveticaneueltpro-bdcn';
float: left;
margin-left: 20px;
position: absolute;
top: 15px;
font-size: 54px;
line-height: 44px;
}  

#widget-pueblo .subtitulo {
float: left;
margin-left: 20px;
position: absolute;
top: 117px;
font-size: 27px;
line-height: 25px;
width: 280px;
}

footer ul{
border: 0px solid black;
margin:0px;
padding: 0px;

}

footer h5 {
display: inline;    
font-size: 13px;
color: #1e87c0;
font-weight: bold;
}

footer li {
list-style: none;
margin-top: 5px;
line-height: 12px;
font-size: 12px;
color: #aaaaaa;
padding: 0px;

}

footer ul.nav2 > li > ul {
margin-top: 15px;
font-size: 12px;
color: #aaaaaa;
padding: 0px;
width: 100%;
}

footer ul > li > ul > li {
font-size: 12px;
font-weight: normal;
color: #aaaaaa;
padding: 0px;
margin: 0px;
margin-bottom: 5px;
line-height: 8pt;
}

footer li a:link, footer li a:visited, footer li a:hover {
display: block;
font-weight: normal;
color: #aaaaaa;
line-height: 9pt;
}




#slider-eventos-box {
   float: right;
    
    margin-top: 10px;
    padding-left: 158px;
}
  .bx-wrapper {
    position: relative;
    /**margin: 0 auto 60px;**/
    padding: 0;
    
}
  
  #navegador-eventos {
    width: 150px;
    height: 345px;
    float: left;
    margin-right: 5px;
    background-image: url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/serviciossociales_departamento-responsive_img/$file/lista-eventos.png");
    background-position: center;
    background-repeat: no-repeat;
}

  #navegador-eventos p {
    font-size: 29px;
    margin-top: 150px;
    line-height: 25px;
    margin-left: 24px;
    color: #ffffff;
}

.slider-eventos {
    
    float: left;
    margin-right: 0px;
    position: relative;
    height: 360px;
}

.slider-eventos .titulo {
    background-color: #d0d1d2;
    font-size: 25px;
    font-family: 'helveticaneueltpro-bdcn';
    line-height: 18pt;
    text-align: center;
    padding-top: 20px;
    height: 88px;
}

.slider-eventos .content {
    padding: 0px 20px;
    height: 129px;
}

.slider-eventos .fondo {
    background-color: #fff;
}

.slider-eventos .date-eventos {
    color: #ffffff;
    font-weight: bold;
    font-size: 30px;
    width: 55px;
    padding: 10px;
    float: right;
    height: 132px;
    line-height: 35pt;
    text-transform: uppercase;
}

.slider-eventos .date-eventos-dia {
    font-size: 48px;
}

.slider-eventos .slider-eventos-resumen {
    padding: 20px;
    padding-bottom: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #aaaaaa;
    height: 108px;
    background-color: #ffffff;
    
    line-height: 13pt;
}

.slider-eventos .enlace-eventos {
    padding: 1x;
    background-color: #9c9e9f;
    width: 88px;
    text-align: center;
    position: absolute;
    right: 0px;
    bottom: 24px;
    font-size: 12px;
}

.slider-eventos .enlace-eventos a {
    font-weight: bold;
    color: #ffffff;
    background-color: transparent;
}




#navegador-eventos-2  .bx-prev ,
#navegador-eventos-2  .bx-next {
    background: transparent;
    background-image: url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/serviciossociales_departamento-responsive_img/$file/arrow2.png");
    background-repeat: no-repeat;
    display: block;
    width: 128px;
    height: 87px;
    overflow: hidden;
    text-indent: 0px;
    float: left;
    margin-right: 5px;
    top: 9px;
    position: absolute;
}

#navegador-eventos-2 a.bx-next {
    background-position: 0px 0;
    left:2px;
   
}

#navegador-eventos-2 a.bx-next span {
    font-size: 17px;
    color: #ffffff;
    position: absolute;
    top: 28px;
    left: 22px;
}

#navegador-eventos-2 a.bx-prev span {
    font-size: 17px;
    color: #ffffff;
    position: absolute;
    top: 28px;
    left: 40px;
}

#slider-eventos-box a:hover.slidesjs-next {
    background-position: -24px -155px;
}


#navegador-eventos-2  .bx-prev {
    top: 249px;
    background-image: url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/serviciossociales_departamento-responsive_img/$file/arrow2a.png");
    left:2px;
}

#navegador-eventos-2 a.bx-prev {
   
    background-position: 0 0;
}

.bxslider-eventos a:hover.slidesjs-previous {
    background-position: 0 -154px;
}

#navegador-eventos-2{
  position: absolute;
}

      footer .col-md-2{
        border: #1e87c0 0px solid;
      }

      .footer-nav {
        border: #1e87c0 0px solid;
        min-width:180px;
      }


#enredes-pie {
        
       /* min-width: 280px;*/
      }
      #enredes-pie img {
        margin-right: 15px;
        margin-top: 15px;
       
      }

  
   
#footer-tool{border: 0px solid #999;font-size: 95%;position: relative;width:460px;height:30px;top:6px;margin:0 auto 0;display:block;background-image: url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/serviciossociales_departamento-responsive_img/$file/barra_footer.png");background-repeat: no-repeat;background-position: center;}
#footer-tool a{color: #fff;}
#footer-tool ul{margin-left:26px;}
#footer-tool ul li{display: block;float: left;margin-top: 10px;margin-right: 10px;}
#footer-tool-link{color:black;}



/** MENU RESPONSIVE **/

#navbarSupportedContent ul  {
  /**display: block;**/
  /**width: 720px;**/
 /** margin: 10px 0 0 220px; **/
  padding: 0;
  list-style: none;
  font-size: 21px;
  font-family: 'helveticaneueltpro-bdcn';
}

#navbarSupportedContent ul span.bottom {
  border-top: 3px solid #0086c2;
  font-size: 10px;
  margin-top: 0px;
  padding-top: 7px;
  color: #c6c7c8;
  font-size: 66%;
  display: block;
  line-height: 11pt;
  font-size: 0.6em\9;
}

#navbarSupportedContent ul span.btn1 {
  border-top: 3px solid #f29200;
}

#navbarSupportedContent ul span.btn2 {
  border-top: 3px solid #39a9dc;
}

#navbarSupportedContent ul span.btn3 {
  border-top: 3px solid #97bf0d;
}

#navbarSupportedContent ul span.btn4 {
  border-top: 3px solid #e41270;
}

#navbarSupportedContent li.last a:link {
  border-right: 0px solid #fff;
}

#navbarSupportedContent li a:link, #navbarSupportedContent li a:visited, #navbarSupportedContent li a:hover {
  /**float: left;**/
  display: block;
  margin: 0 0px 0 0;
  padding: 5px 22px 9px 18px;
  color: #9c9e9f;
  border-right: 1px solid #dbdcdd;
  padding: 0px 22px 0px 18px\9\0;
  
}
#navbarSupportedContent li a:hover{
background-color:#ffffff;
}

#navbarSupportedContent ul#topnav ul li a:link, #navbarSupportedContent ul#topnav ul li a:visited {
  height: 18px;
}

.dropdown-menu {
  margin:0px;
  border: 0px;
  border-radius: 0px;

}

#navbarSupportedContent .cat-municipios {
  border-bottom: 4px solid #f29200;
  border-top: 2px solid #f29200;
  padding: 20px 20px;
  background-color: #e7eaed;
}





#navbarSupportedContent .cat-diputacion{
  border-bottom: 4px solid #4aaada;
  border-top: 2px solid #4aaada;
  padding: 20px 20px 0px 20px;
  background-color: #e7eaed;
  font-family: 'HelveticaNeueRegular';
}

#navbarSupportedContent .cat-diputacion h3 {  
  font-size: 17px;
  color: #9C9E9F;
  border-bottom: 3px solid #44aada;
  padding: 0px;
  margin: 0px;
}

#navbarSupportedContent .cat-diputacion ul:hover{}
#navbarSupportedContent .cat-diputacion ul{margin:0px\9;margin-right:0px;font-family: 'HelveticaNeueRegular';}
#navbarSupportedContent .cat-diputacion ul li {padding: 0px;margin: 0px;width:100%;font-family: 'HelveticaNeueRegular';}
#navbarSupportedContent .cat-diputacion ul li a:link{padding: 0px 0px;border:0px;}
#navbarSupportedContent .cat-diputacion ul li,
#navbarSupportedContent .cat-diputacion ul li a:hover{display: block;margin:0 0px 0 0px;background-color: #e7eaed;color:#44aada;    }
#navbarSupportedContent .cat-diputacion ul li,
#navbarSupportedContent .cat-diputacion ul li a:hover{margin:0 0px 0 0px;font-size: 14px;background-color: #e7eaed;color:#44aada;}
#navbarSupportedContent .cat-diputacion ul.area-tematica li a{	
	background-color: #44aada;
  color: #ffffff;
  padding: 2px 9px;
  height: 19px;
}

#navbarSupportedContent .cat-diputacion ul li a:hover {
	
	color: #ffffff;
	background-color: #44aada;
	margin-top: 0px;
	height:auto;
	padding: 2px 0px;
  height: 19px;

	
}

#navbarSupportedContent .cat-diputacion .list-icono{
	border: 3px solid #44aada;
	width:73px;
	height:73px;
	float: left;
	margin-right: 10px;
	margin-bottom: 25px;
	color:#44aada;
	background: transparent url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/serviciossociales_departamento-responsive_img/$file/flechita.png") no-repeat 30px 45px;
	
}

#navbarSupportedContent .cat-diputacion .list-icono a{
	color: #44aada;
    font-size: .6rem;
    padding: 4px;
    display: block;
    height: 65px;
    
}

#navbarSupportedContent .cat-provincia{
  border-bottom: 4px solid #97be27;
  border-top: 2px solid #97be27;
  padding: 20px 20px;
  background-color: #e7eaed;
  font-family: 'HelveticaNeueRegular';
}

#navbarSupportedContent .cat-provincia .submenu-provincia-opc {
  background: #1b87c0 url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/serviciossociales_departamento-responsive_img/$file/la-provincia2.png") no-repeat 0px 0px;
}


#navbarSupportedContent .cat-provincia  .submenu-provincia-opc{height:175px;background-color: #1b87c0;font-size: 14px;}
#navbarSupportedContent .submenu-provincia-opc a,
#navbarSupportedContent .submenu-provincia-opc a:hover,
#navbarSupportedContent .submenu-provincia-opc a:link{display: inline;color: #ffffff;background-color: transparent;width:95px;height:164px;}

#navbarSupportedContent .cat-provincia .card-body-per a:link{
  background-color: #0086C2;
}
#navbarSupportedContent .cat-provincia .card-body-per a{
  background-color: #0086C2;
  font-size: .8rem;
  color: white;
}

#navbarSupportedContent .cat-provincia ul {
  padding: 0;
  list-style: none;
  font-size: 1rem;
  font-family: 'HelveticaNeueRegular';
}

/*#header li ul.cat-provincia{left:3px;border-bottom:4px solid #f29200;border-top:2px solid #f29200;}*/
#navbarSupportedContent .cat-provincia ul li a,#navbarSupportedContent .cat-provincia ul li a:hover{padding:0px;display: block;margin:0 0px 0 0px;height:22px;font-size: 13px;background-color: #e7eaed;color: #9c9e9f;}


#navbarSupportedContent .submenu-provincia-opc .subtitulo{position: absolute;color: #ffffff;background-color: none;padding:0px;margin:0px;bottom:5px;}
#navbarSupportedContent  .submenu-provincia-opc.last{margin-right: 0px;}

#navbarSupportedContent .cat-provincia .ico-patronato {
  background-position: -1px 0px;
  background-size: cover;
}

#navbarSupportedContent .cat-provincia .ico-boletin {
  background-position: -119px 0px;
}

#navbarSupportedContent .cat-provincia .ico-empleo {
  background-position: -237px 0px;
}

#navbarSupportedContent .cat-provincia .ico-tablon {
  background-position: -355px 0px;
}

#navbarSupportedContent .cat-provincia .ico-perfil {
  background-position: -473px 0px;
}

#navbarSupportedContent .cat-provincia a, #navbarSupportedContent .cat-provincia li a:visited, #navbarSupportedContent .cat-provincia li a:hover{
  padding: 0px;
  background-color: #e7eaed;
  border: 0px !important;
  margin: 0px;
}


/** FIN MENU RESPONSIVE **/


/**MENU Princpial**/
/** IDENTIFICADORES **/


#submenu-municipios-right{padding: 20px 0px 40px 10px;font-family: 'HelveticaNeueRegular';line-height:14px;}
#submenu-municipios-left{color: #ACADAE;width:325px;float: left;padding: 10px 0px 10px 20px;border: 0px solid #999;font-family: 'HelveticaNeueRegular';line-height:35pt;}
#submenu-municipios-left h1{font-size: 45px;font-weight: bold;font-family:'HelveticaNeueRegular';}
#submenu-municipios-left label{font-size: 16px;}
#submenu-municipios-right{color: #999;width:350px;padding: 10px 0px 10px 20px;}
#submenu-municipios-right {width: 550px;padding: 10px;margin: 0px auto;display:block;overflow:hidden;-webkit-border-radius: 5px;border-radius: 5px;border: 0px solid #999;float: right;/*-webkit-box-shadow: 0px 0px 1px 1px #000;box-shadow: 0px 0px 1px 1px #000;*/}
#submenu-municipios-right #mapa {float:left;width: 200px;border: 0px solid #999;}
#submenu-municipios-right #selections h2{margin: 5px 0;padding: 2px 0;border-bottom: 2px solid #f29400;font-weight: bold;}
#submenu-municipios-right .web{font-size: 16px;color: #f29400;position: absolute;bottom:20px;right:25px;}
#submenu-municipios-right .web a:link,
#submenu-municipios-right .web a:hover,
#submenu-municipios-right .web a:visited{font-size: 16px;color: #f29400;background-color: transparent;margin: 0px;padding: 0px;}
.styled-select select {position:fixed;background: transparent;width: 240px;padding: 0px;padding-left: 5px;font-size: 12px;line-height: 1;border: 0px;border-radius: 0;height: 22px;-webkit-appearance: none;cursor: hand; cursor: pointer;margin:0px;}
.styled-select {width: 240px;height: 21px;overflow: hidden;background: url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/dipalme_dipalme_styles_images/$file/select-muni.png") no-repeat right #fff;border: 1px solid #f29400;}
#selections {color: #ACADAE;float:right; width: 340px; height: 155px; padding: 0px;border:0px solid black;-webkit-border-radius: 2px;border-radius: 2px; font-size: 14px;font-weight: normal;font-family: 'helvetica_neuemedium';line-height:18px;}
#selections h2{font-family: 'HelveticaNeueRegular';font-size: 1.4rem;border-bottom: 2px solid #f29200;}
#selections p{font-family: 'HelveticaNeueRegular';}
.hint{border: 1px solid #f29200;background-color: #eeeeee;color: #999;position: absolute;padding: 3px;font-size: 11px;margin-bottom: 10px;}
.hint-agenda{border: 1px solid #aaaaaa;background-color: #eeeeee;color: #999;position: absolute;padding: 3px;font-size: 11px;margin-bottom: 10px;}
#cal{height:220px;position: relative;left:0px;top:0px;}

#submenu-municipios-right {
  padding: 20px 0px 40px 10px;
  font-family: 'HelveticaNeueRegular';
  line-height: 14px;
}

#submenu-municipios-left {
  color: #ACADAE;
  width: 325px;
  float: left;
  padding: 10px 0px 10px 20px;
  border: 0px solid #999;
  font-family: 'HelveticaNeueRegular';
  line-height: 35pt;
}

#submenu-municipios-left h1 {
  font-size: 45px;
  font-weight: bold;
  font-family: 'HelveticaNeueRegular';
}

#submenu-municipios-left label {
  font-size: 16px;
}

#submenu-municipios-right {
  color: #999;
  width: 350px;
  padding: 10px 0px 10px 20px;
}

#submenu-municipios-right {
  width: 550px;
  padding: 10px;
  margin: 0px auto;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 0px solid #999;
  float: right; /*-webkit-box-shadow: 0px 0px 1px 1px #000;box-shadow: 0px 0px 1px 1px #000;*/
}

#submenu-municipios-right #mapa {
  float: left;
  width: 200px;
  border: 0px solid #999;
}

#submenu-municipios-right #selections h2 {
  margin: 5px 0;
  padding: 2px 0;
  border-bottom: 2px solid #f29400;
  font-weight: bold;
}

#submenu-municipios-right .web {
  font-size: 16px;
  color: #f29400;
  position: absolute;
  bottom: 20px;
  right: 25px;
}

#submenu-municipios-right .web a:link,
#submenu-municipios-right .web a:hover,
#submenu-municipios-right .web a:visited {
  font-size: 16px;
  color: #f29400;
  background-color: transparent;
  margin: 0px;
  padding: 0px;
}

#submenu-diputacion {
  padding: 16px 0px;
  padding-left: 140px;
  font-family: 'HelveticaNeueRegular';
  line-height: 14px;
}

#submenu-diputacion ol ol {
  padding: 0px;
  margin-top: 5px;
}

#submenu-diputacion ol:hover {}

#submenu-diputacion ol li {
  width: 30%;
}

#submenu-diputacion ol li ol li {
  padding: 0px;
  margin: 0px;
  width: 100%;
}

#submenu-diputacion ol li, #submenu-diputacion ol li a:hover {
  display: block;
  margin: 0 0px 0 0px;
  background-color: #e7eaed;
  color: #44aada;
}

#submenu-diputacion ol li ol li,
#submenu-diputacion ol li ol li a:hover {
  display: block;
  margin: 0 0px 0 0px;
  height: 19px;
  font-size: 14px;
  background-color: #e7eaed;
  color: #44aada;
}

#submenu-diputacion ol li.cat-title {
  font-size: 17px;
}

/**VERSION2 **/

#submenu-diputacion {
  padding: 16px 0px;
  padding-left: 10px;
  font-family: 'HelveticaNeueRegular';
  line-height: 14px;
}

#submenu-diputacion ol ol {
  padding: 0px;
  margin-top: 5px;
}

#submenu-diputacion ol:hover {}

#submenu-diputacion ol li {
  width: 21%;
}

#submenu-diputacion ol li ol li.first {
  border-top: 3px solid #44aada;
  padding-top: 3px;
}

#submenu-diputacion ol li ol {
  margin: 0px\9;
  margin-right: 20px;
}

#submenu-diputacion ol li ol li {
  padding: 0px;
  margin: 0px;
  width: 100%;
}

#submenu-diputacion ol li, #submenu-diputacion ol li a:hover {
  display: block;
  margin: 0 0px 0 0px;
  background-color: #e7eaed;
  color: #44aada;
  /**border**/
}

#submenu-diputacion ol li ol li,
#submenu-diputacion ol li ol li a:hover {
  display: block;
  margin: 0 0px 0 0px;
  height: 19px;
  font-size: 14px;
  background-color: #e7eaed;
  color: #44aada;
}

#submenu-diputacion ol li.cat-title {
  font-size: 17px;
  color: #9C9E9F;
}

#submenu-diputacion ol li.cat-title span {
  border-bottom: 3px solid #44aada;
  width: 10px;
}

#submenu-diputacion ol li ol li ol {
  left: -999px;
}

#submenu-diputacion ol li ol li ol {
  border: 0px solid #999;
  margin-left: 180px;
  height: 160px;
  width: 150px;
  background-color: #44aada;
  padding: 10px;
  color: #ffffff;
  float: left;
  display: block;
  position: absolute;
  top: 10px;

}

#submenu-diputacion ol li ol li ol li {

  color: #ffffff;
  background-color: #44aada;
  margin-top: 0px;
  height: auto;
  padding: 2px 0px;



}

header #submenu-diputacion li a:hover,
header #submenu-diputacion ol li li:hover a,
header #submenu-diputacion li a:active li {


  color: #ffffff;

}

header #submenu-diputacion li a:link {
  width: 100%;
}

header ul#topnav ul li #submenu-diputacion a:link , header ul#topnav ul li a:visited {
  height: auto;
}

#submenu-diputacion ol li ol li ol li a:link,
#submenu-diputacion ol li ol li ol li a,
#submenu-diputacion ol li ol li ol li a:hover,
#submenu-diputacion ol li ol li ol li a:visited {
  color: #ffffff;
  background-color: #44aada;
  height: auto;


}

#submenu-diputacion ol li ol.atema li,
#submenu-diputacion ol li ol.atema li a:link,
#submenu-diputacion ol li ol.atema li a,
#submenu-diputacion ol li ol.atema li a:hover,
#submenu-diputacion ol li ol.atema li a:visited {
  color: #ffffff;
  background-color: #44aada;
  margin-top: 0px;
  height: auto;
  padding: 2px 0px;
  padding-left: 5px;
}

#submenu-diputacion ol li ol li:hover
, #submenu-diputacion ol li ol li a:hover
{
  color: #ffffff;
  background-color: #44aada;
  display: block;

}

#submenu-diputacion ol li ol li:hover ol {
  left: 547px;

}

#submenu-diputacion .iconos {

  width: 360px;
  float: left;
}

#submenu-diputacion .iconos .list-icono {
  border: 3px solid #44aada;
  width: 73px;
  height: 73px;
  float: left;
  margin-right: 10px;
  margin-bottom: 25px;
  color: #44aada;
  background: transparent url("/Servicios/cmsdipro/configuracion.nsf/plantillasref/serviciossociales_departamento-responsive_img/$file/flechita.png") no-repeat 30px 45px;

}

header ul#topnav ul li #submenu-diputacion a {
  margin: 0px;
  padding: 0px;
  font-size: 90%;
}

header ul#topnav ul li #submenu-diputacion .iconos .list-icono a,
header ul#topnav ul li #submenu-diputacion .iconos .list-icono a:link,
header ul#topnav ul li #submenu-diputacion .iconos .list-icono a:visited {
  color: #44aada;
  font-size: .5em;
  padding: 4px;
  display: block;
  height: 65px;
  width: 65px;
}


/**FIN MENU DIPUTACIÓn **/


#submenu-provincia {
  padding: 20px 0px 40px 10px;
  font-family: 'HelveticaNeueRegular';
  line-height: 14px;
}

#submenu-provincia span {}

#submenu-provincia .columna1-provincia {
  border: 0px solid #999;
  float: left;
  width: 175px;
}

#submenu-provincia .columna1-provincia a {
  font-size: 13px;
  height: 14px;
}

#submenu-provincia .columna1-provincia a:visited, #submenu-provincia .columna1-provincia a:link {
  height: 14px;
  font-size: 13px;
}

#submenu-provincia .columna1-provincia ol {
  margin: 0px;
  padding: 0px;
}

#submenu-provincia .columna1-provincia ol li {
  margin-left: 10px;
  padding: 0px;
}

#submenu-provincia .columna1-provincia ol li a {
  width: 162px;
  height: 14px;
  margin: 0px;
  padding: 0px;
}

/*#submenu-provincia ol{}*/
/*#submenu-provincia ol li a{width:150px;}*/

/*#header li ul.cat-provincia{left:3px;border-bottom:4px solid #f29200;border-top:2px solid #f29200;}*/
#submenu-provincia ol li, #submenu-provincia ol li a:hover {
  display: block;
  margin: 0 0px 0 0px;
  height: 22px;
  font-size: 13px;
  background-color: #e7eaed;
  color: #44aada;
}

#submenu-provincia .submenu-provincia-opc {
  position: relative;
  float: left;
  width: 107px;
  height: 175px;
  margin-right: 5px;
  background-color: #1b87c0;
  font-size: 14px;
}

#submenu-provincia .submenu-provincia-opc a,
#submenu-provincia .submenu-provincia-opc a:hover,
#header ul#topnav #submenu-provincia .submenu-provincia-opc a:link {
  display: inline;
  color: #ffffff;
  background-color: transparent;
  width: 95px;
  height: 164px;
}

/**Menu prinpipal**/


#menu-responsive:not(.mm-menu)
{
	display: none;
}

.mm-wrapper_opening .mh-head a[href="#menu"] {
    display: none!important;
}

.mm-navbar_size-3 #cab-dipalme-responsive{
  /*border:1px solid rgb(30, 135, 192);*/
  height: 6.9rem;
  padding: 23px 18px;
}

     #menu-responsive{
    z-index: 1111;
    background-color: white;
   width:80%;
    }

    #menu-responsive .mm-listitem:after {
    right: 43px;
    background-color: #1e87c0;
    
}

.mm-menu  {
    color: #999999;
    text-decoration: none;
    font-size: 1.2rem;
}

.mm-menu .mm-listview .mm-btn_next:after {
    border-color: rgb(30, 135, 192);
}

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
    border-color: rgb(30, 135, 192);
}

.mm-navbar {
  text-align: left;
  font-size: 1.2rem;
}

.mm-navbar__title{
  font-size: 1.2rem;
}

.mm-navbar_has-btns>a.mm-hidden  {

  border: 1px solid red !important;
  padding-left:20px !important;

}

.mm-menu a:active, .mm-menu a:hover,.mm-listitem:hover{
    color: rgb(30, 135, 192);
    
}

.nav-mega {
    width: 100%;
  }
  .nav-mega .dropdown {
    position: static;
  }
  .nav-mega .dropdown-menu.mega-menu {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    min-width: auto;
    width: 100%;
    margin-top: 0;
    padding: 0;
    border-color: #ccc;
  }
  .nav-mega .dropdown-menu.mega-menu > li {
    padding: 20px;
  }
  .nav-mega .dropdown-menu.mega-menu .media-list .media {
    padding: 10px;
    font-size: 13px;
  }
  .nav-mega .dropdown-menu.mega-menu .media-list .media-heading {
    font-size: 16px;
  }
  
  .bg-light{
      padding:0px;
  }

  /*Efecto boton menú responsive*/
  .cmn-toggle-switch {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 54px;
    height: 48px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
            transition: background 0.3s;
  }
  
  .cmn-toggle-switch:focus {
    outline: none;
  }
  
  .cmn-toggle-switch span {
    display: block;
    position: absolute;
    top: 22px;
    left: 9px;
    right: 9px;
    height: 3px;
    background: white;
  }
  
  .cmn-toggle-switch span::before,
  .cmn-toggle-switch span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    content: "";
  }
  
  .cmn-toggle-switch span::before {
    top: -12px;
  }
  
  .cmn-toggle-switch span::after {
    bottom: -12px;
  }
  
  /**
   * Style 2
   * 
   * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
   * down to center and transform into an "x".
   */
   .cmn-toggle-switch__htx {
    background-color: #1e87c0;
  }
  
  .cmn-toggle-switch__htx span {
    -webkit-transition: background 0 0.3s;
            transition: background 0 0.3s;
  }
  
  .cmn-toggle-switch__htx span::before,
  .cmn-toggle-switch__htx span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
            transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0;
            transition-delay: 0.3s, 0;
  }
  
  .cmn-toggle-switch__htx span::before {
    -webkit-transition-property: top, -webkit-transform;
            transition-property: top, transform;
  }
  
  .cmn-toggle-switch__htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
            transition-property: bottom, transform;
  }
  
  /* active state, i.e. menu open */
  .cmn-toggle-switch__htx.active {
    background-color: #1e87c0;
  }
  
  .cmn-toggle-switch__htx.active span {
    background: none;
  }
  
  .cmn-toggle-switch__htx.active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  .cmn-toggle-switch__htx.active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  .cmn-toggle-switch__htx.active span::before,
  .cmn-toggle-switch__htx.active span::after {
    -webkit-transition-delay: 0, 0.3s;
            transition-delay: 0, 0.3s;
  }
  /*Fin efecto menú responsive*/

  .doc-lectura-folio{
    background-color:#ffffff;
    padding:20px;
    padding-bottom:20px;
    color:#aaaaaa;
    position: relative;
    }
    
    .col .doc-lectura-h1 h1{
        padding:20px;
        background-color: #FFFFFF;
        font-size:40px;
        border-bottom:3px solid #abaeb0;
        margin-bottom: 0px;
		color:#0086c2;
        }
      #doc-lectura-dipalme h1{
        padding:20px;
        background-color: #FFFFFF;
        font-size:40px;
        border-bottom:3px solid #abaeb0;
        margin-bottom:10px;
        }
        
        #doc-lectura-dipalme .resumen{
          margin-top:10px;
        padding:10px;
        background-color: #1e87c1;
        color:#ffffff;
        }
        
        #doc-lectura-dipalme img{			
        max-width: 663px; 
        height: auto;
        }
        
      .col #doc-dipalme-titulo h1,.col #doc-lectura-h1 h1  {
      background-color: #FFFFFF;
      border-bottom-color: #ABAEB0;
      border-bottom-style: solid;
      border-bottom-width: 3px;
      font-size: 40px;
      padding: 20px;
	  margin-bottom: 0px;
	  color:#0086c2;
     }
        
      .addthis {
      bottom: 2px;
    *bottom: 0px;
      position: absolute;
      right: 20px;
  }
        
  /**FIN PERSONALIZAR DOCUMENTOS**/