* {
  outline: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  margin: 0 10px 0 10px;
}

#portada .recuadro {
  border: 1px solid #DD7009; 
} 

#portada .recuadro ul {
  margin: 10px 0 10px 15px;
  padding: 0;
}

#portada .recuadro li {
  list-style-type: none;
  background: url(img/cuadro_9.gif) no-repeat left 2px;
  list-style-position: outside;
  padding: 0 0 0 14px;
  margin: 4px 0 2px 0;
}

#portada .recuadro li a {
  color: black;
  text-decoration: none;
}

/* div0 */

#div0 {
  width: 960px; 
  margin-left: auto;
  margin-right: auto;
}

/* Menu */

#menu {
  background-color: #DD7009;
  margin: 5px 0 0 0;
  border-bottom: 5px solid #cd531e;
}

#menu ul {
  padding: 3px 0 0 0;
}

#menu li {
  font-family: Arial,Helvetica,sans-serif;
  display: inline;
  text-transform: uppercase;
  list-style-type: none; 
  font-size: 120%;
  font-weight: bold;
  margin: 0; 
}

#menu li a {
  color: white;
  text-decoration: none;
  padding: 3px 10px 0px 10px;
}

#menu li a:hover {
  color: white;
  text-decoration: none;
  background-color: #cd531e;
}

#fechahora {
  float: right;
  color: white;
  margin: 3px 5px 0 0;
}

/* actualidad */

#col_derecha {
  width: 316px;
  margin-top: 15px;
  display: inline;
  float: right;
}

#actualidad {
  border: 1px solid #DD7009; 
 /* height: 71em; */
  text-align: center;
}

#actualidad h3 {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 130%;
  font-weight: bold;  
  color: #DD7009;
  margin: 5px 0 5px 5px;
  text-align: left;
}

#actualidad h2 {
  
  text-align: left;
  font-weight: normal;
  font-size: 188%;
  margin: 0 0 3px 0px;
  


}

#actualidad h2 a {
  text-decoration: none;
  color: black;
}

#actualidad .noticia {
  margin: 0 5px 0 5px;


}

#actualidad .noticia img {
  
  border: 0;
  margin: 0;
  padding: 0;
  width: 304px;
  height: 220px;
}

#actualidad .noticia .subcabecera {
  background-color: black;
  font-size: 110%; 
  color: white;
  padding:  5px;
  margin: -2px 0 0 0px;
  border: 0;
  text-align: left;
}

#actualidad .masinfo {
  text-align: right;
  margin: 10px 10px 0 0; 
  font-size: 100%;
}

#actualidad .masinfo a {
  color: black;
  text-decoration: none;
}

#actualidad_media {
  margin: 20px 0 0 0;
}

#actualidad_media .tab {
  text-transform: uppercase;
  font-size: 140%;
  font-weight: bold;
  text-align: left;  
}

/* Agenda */

#agendaimg_carr {
  position: relative;
  border: 0;
  overflow: scroll;
  width: 314px;
  height: 220px; /*Height should enough to fit largest content's height*/
}

#agendaimg_carr .belt{
  position: absolute; /*leave this value alone*/
  left: 0;
  top: 0;
}

#agendaimg_carr .panel{
  float: left; /*leave this value alone*/
  overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  margin: -1 1px 1 1px; /* margin around each panel*/
  width: 313px; /* Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
  text-align: center;
}

#agenda_carr {
  position: relative;
  border: 0;
  overflow: scroll;
  width: 253px;
  height: 40px; /*Height should enough to fit largest content's height*/
  background-color: black;
}

#agenda_carr .belt{
  position: absolute; /*leave this value alone*/
  left: 0;
  top: 0;
}

#agenda_carr .panel{
  float: left; /*leave this value alone*/
  overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  margin: 5px 10px 0 10px; /*margin around each panel*/
  width: 235px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
  text-align: center;
  height: 40px;
}

#agenda_carr .panel a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 110%;
}

#agenda_pie {
  color: white;
  background-color: black;
  margin: 0 5px 12px;
  height: 40px;
}

#video_carr {
  position: relative;
  border: 0;
  overflow: scroll;
  width: 245px;
  height: 120px; /*Height should enough to fit largest content's height*/
}

#video_carr .belt{
  position: absolute; /*leave this value alone*/
  left: 0;
  top: 0;
}

#video_carr .panel{
  float: left; /*leave this value alone*/
  overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  margin: 0 17px 0 17px; /*margin around each panel*/
  width: 97px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
  text-align: center;
}

#video_carr .panel a {
  color: white;
  text-decoration: none;
  font-family: tahoma, arial, sans-serif;
  font-size: 90%;
}

.carrusel_recuadrado {
  border-top: 2px dotted white;
  border-bottom: 2px dotted white;
  padding: 10px 0 0; 
}

#media {
  margin: 0 0 10px 0;
  background-color: black;
  padding: 5px;
  color: white;

}

#media h2 {
  position: relative;
  text-align: left;
  font-weight: normal;
  font-size: 190%;
  margin: 0 0 0 5px;
}


#media h2 a {
  text-decoration: none;
  color: white;
}

#media.recuadro ul {
  padding: 10px 0 20px 40px;
}

#media.recuadro li {
  font-weight: bold;
  list-style-type: none;
  background: url(img/cuadro_9_b.gif) bottom left no-repeat;
  list-style-position: outside;
  padding: 0 0 0 14px;
  margin: 6px 0 6px 0; 
}

#media.recuadro li a {
  color: white;
}

#video {
  margin: 5px 0 5px 0px;
}

/* Grid */

.ly1 {
  width: 200px;
  margin-right: 15px;
  display: inline;
  float: left;
}

.ly2 {
  width: 412px;
  display: inline;
  float: left;
}

.ly3 {
  width: 625px;
  float: left;
    
  }
  
  .ly4 {
  width: 625px;
  float: left;
  font-size: 12px;
  font-weight: ;
  }

.lyfinal {
  margin-right: 0px;
}

.col2 {
  width: 48%;
  display: inline;
  float: left;
}

.col2 p {
  text-align: center;
  color: #DD7009;
  font-weight: bold;
}

/* contenido */

#contenido {
  width: 630px;
  margin-right: 10px;
  margin-top: 15px;
  display: inline;
  float: right;
}

#contenido h3 {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 130%;
  color: black; 
  background: url(img/cuadro_14.gif) top left no-repeat;
  padding: 0 0 0 18px;
}

#noticia_dest {
font-size: 12px;
}

#noticia_dest h2 {
  font-family: "Trebuchet ms",Verdana, sans-serif;
  font-weight: bold;
  font-size: 250%;
  margin: 0 0 10px 0;
}

#noticia_dest h2 a {
  color: #DD7009;
  text-decoration: none;
}


#noticia_dest img {
  border: 0px solid black;
  margin: 0 0 10px 0;
}

#noticia_dest .fecha {
  font-weight: bold;
  margin: 5px 0 20px 0;
}

#directoa {
  height: 21.50em;
}

#directoa ul {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#portada ul.tab {
  margin: 10px 0 3px 0;
  padding: 0;
}

#portada ul.tab li {
  display: inline;
  border: 1px solid #DD7009;
  border-bottom: 0;
  padding: 3px 5px 3px 5px;
  margin: 0 2px 0 0;
  /* position: relative; */ 
  
}

#portada ul.tab li.activo {
  background-color: #DD7009;
  font-weight: bold; 
  border-bottom: 3px solid #cd531e; 
  position: relative;
  top: -3px;
}

#portada ul.tab li.activo a {
  color: white;
}

#portada ul.tab li.notab {
  border: 0;
  font-weight: normal;
  margin-left: 0;
}

#portada ul.tab a {
  color: black;
  text-decoration: none;
}

#portada ul.tab a:hover {
  color: black;
  text-decoration: none;
}

#tramites {
  height: 19.15em;
}
#tramites div {
  padding: 5px;
}
#tramites div div{
  padding: 0px;
}

#tramites .mas {
  text-align: center;
}

#tablon {
  height: 13em;
}

#tablon div {
  padding: 5px;
}

#tablon div div{
 padding: 0px;
}

#destacamos {
  padding: 6px 0 0 6px;
  height: 110px;
}

#destac_carr {
  position: relative;
  border: 0;
  overflow: scroll;
  width: 560px;
  height: 105px; /*Height should enough to fit largest content's height*/
}

#destac_carr .belt{
  position: absolute; /*leave this value alone*/
  left: 0;
  top: 0;
}

#destacamos .panel{
  float: left; /*leave this value alone*/
  overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  margin: 12px 5px 0 5px; /*margin around each panel*/
  width: 180px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#websmunic {
  padding: 0 0 0 5px;
  height: 110px; 
}

#webs_carr {
  position: relative;
  border: 0;
  overflow: scroll;
  width: 560px;
  height: 105px; /*Height should enough to fit largest content's height*/
}

#webs_carr .belt{
  position: absolute; /*leave this value alone*/
  left: 0;
  top: 0;
}

#websmunic .panel{
  float: left; /*leave this value alone*/
  overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  margin: 2px 5px 0 5px; /*margin around each panel*/
  width: 180px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.carrusel_elem {
  display: inline;
  float: left;
}

.carrusel_elem img {
  border: 0;
}

#ajuntament {
  margin-top: 1em;
}

#ajuntament .recuadro {
  height: 253px;
}

#ajuntament h3 {
  margin: 5px 0 0px 5px;
}

#ajuntament img {
  margin: 0 0 0 0;
}

#serveis {
  margin-top: 1em;
}

#serveis .recuadro {
  height: 253px;
}

#serveis h3 {
  margin: 5px 0 0px 5px;
}

#farmacias_es {
  background: white url(img/farma_es.gif) top left no-repeat;
}

#farmacias_ca {
  background: white url(img/farma_ca.gif) top left no-repeat;
}

#farmacias_es, #farmacias_ca {
  height: 40px;
  margin: 0;
  padding: 35px 5px 5px 47px; 
  color: black;  
  font-family: tahoma, arial, sans-serif;
}

#telefonos {
  margin-top: 1em;
}

#telefonos img {
  margin-bottom: 6px;
}

#laveu {
  margin-top: 1em;
}

#queferquan {
  height: 16.90em;
}
#queferquan div {
  padding: 5px;
}
#queferquan div div{
  padding: 0px;
}

/* Cabecera */

#cabecera {
  
}

#cab_titulo {
  background-color: black;
}

#cabecera h1 a {
  width: 235px;
  height: 40px;
  background-image: url(img/montcada.gif);
  display: block;
}

#cabecera h1 span {
  display: none;
}

#cabecera .herram {
  float: right;
  display: inline;
  width: 321px;
}

#cab_plano {
  background-color: black;
  height: 113px;
}

#cab_plano .logo_es, #cab_plano .logo_ca {
  width: 321px;
  height: 110px;
  display: block; 
  margin-bottom: 5px; 
}

#cab_plano .logo_es {
  background-image: url(img/plano_es.jpg);
}

#cab_plano .logo_ca {
  background-image: url(img/plano_ca.jpg);
}

#cab_plano .logo_ca span, #cab_plano .logo_es span {
  display: none;
}


#cab_plano {
  color: white;
  text-align: center;
}

#cab_plano a {
  color: white;
  text-decoration: none;
}

#cab_plano span span {
  display: none;
}

/* Efecto Hover */

#portada a:hover {
  color: #DD7009;
  text-decoration: underline;
}

#cab_plano a:hover {
  color: white;
}

#cab_busqueda {
  background-color: #DD7009;
  height: 25px;
  margin-bottom: 2px;
  font-size: 110%;
  font-weight: bold;
  padding: 5px 0 0 15px;
  color: white;
  border-bottom: 5px solid #cd531e; 
}

#cab_busqueda form {
  display: inline;
}

#cab_busqueda input {
  border: 1px solid black;
  margin: 0 5px 0 5px;
  padding: 1px;
}

#cab_busqueda #q {
  color: #999;
  width: 150px;
}

#cab_busqueda input#boton {
  padding: 0;
  border: 1px outset black; 
  font-size: 90%;
}

#tools {
  float: right;
  display: inline;
  color: white;
  padding: 6px 1.5em 0 0;
  font-size: 100%;
  width: 36%;
}


#tools a {
  color: white;
  text-decoration: none;
}

#tools a:hover {
  color: white;
}

#tools span a {
  margin: 0 5px 0 5px;
}

/* Pie */

#pie1 {
  width: 300px;
}

#pie2 {
  border-left: 0;
  width: 636px;
  text-align: right;
}

#pie1, #pie2 {
  margin-top: 1em;
  border: 1px solid #DD7009;
  display: inline;
  float: left;
  padding: 5px;
  border-bottom: 5px solid #cd531e;   
  height: 3em;
  background-color: #DD7009;
  color: white;  
}

#pie1 a, #pie2 a {
  color: white;
  text-decoration: none;
}
#pie1 a:hover, #pie2 a:hover {
  color: white;
}

#player_video, #player_audio {
  margin: 5px 0 5px 2px;
}

#audio_carr {
  position: relative;
  border: 0;
  overflow: scroll;
  width: 245px;
  height: 120px; /*Height should enough to fit largest content's height*/
}

#audio_carr .belt {
  position: absolute; /*leave this value alone*/
  left: 0;
  top: 0;
}

#audio_carr .panel {
  float: left; /*leave this value alone*/
  overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  margin: 0 17px 0 17px; /*margin around each panel*/
  width: 97px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
  text-align: center;
}

#audio_carr .panel a {
  color: white;
  text-decoration: none;
  font-family: tahoma, arial, sans-serif;
  font-size: 90%;
}

/* Nuevo carrusel de noticias */


.subcabecera_noticias {
  background: black url(img/cuadro_9_b.gif) no-repeat scroll 3px 6px;
  text-align: left;
  padding: 1px 1px 2px 15px;
  
}

.subcabecera_noticias a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 2px 2px 2px 2px
}

.subcabecera_activa {
  background-color: #666;
}