body {
	margin: 0;
	padding: 0;
	background: #232323 url(../images/fondo_web.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial;
	font-size:12px;
	color: #CCC;
    text-align: center;
}
a {
	color: #FFC822;
	text-decoration: none;
    outline: none;
}
a:hover {
	text-decoration: underline;
}
ul, li{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
strong{ color:#FFFFFF;}

p strong{color:#FFC822; font-weight: bold;}

p img{ margin: 10px 20px;border: solid 1px #838383;}

label, input, form{
  margin: 0px;
  padding: 0px;
}


#content {
	width: 975px;
	margin: 0 auto;
    padding:0;
	background:#3A3A3A url(../images/fondo_pagina.jpg) repeat-y;
    border-left: solid 2px #2A2A2A;
    border-right: solid 2px #2A2A2A;
}


 /* HEADER */

#header {
	width: 975px;
	margin:0 auto;
    font-size: 11px;
    text-align: left;
	background:#2A2A2A;
    border-left: solid 2px #2A2A2A;
    border-right: solid 2px #2A2A2A;
}

#header #logo {
	float: left;
	padding:10px;
    margin-bottom: 20px;
}
#header #logo a {
	float: left;
}

#header .contactylogin{
    float: right;
    width: 231px;
    padding-right: 20px !important;
    padding-right: 0px;
    text-align: right;
}
#header .contacto{
  margin: 10px 20px 0 0;
  width: 235px;
}
#header .login{
  clear: both;
  text-align: right;
  padding: 5px 0 5px 0;
  float: right;
}
#header .login table a:hover{
  text-decoration: none;
  color: #DDD;
}
#header .login input {
  background-color: #1A1A1A;
  border: solid 1px #3A3A3A;
  margin: 2px 0;
  padding: 2px;
  width: 150px;
  color: #FFC822;
  font-size: 11px;
}
#header .login input.entrar {
  background:none;
  border: none;
  cursor: pointer;
  width: 45px;
  margin: 0px;
  padding: 0px;
}
#header .login input.entrar:hover {
  color: #DDD;
}
#header .login .loggedinas {
  background: #1A1A1A;
  border: 1px solid #3A3A3A;
  padding: 5px;
  color: #999999;
  line-height: 17px;
}
#header .login .loggedinas span {
  color: #CCC;
}
#header .login .loggedinas strong {
  color: #FFC822;
  font-size: 16px;
}
#header .login .loggedinas a {
  color: #CCC;
  text-decoration: underline;
}
#header .login .loggedinas a:hover {
  color: #FFC822;
  text-decoration: none;
}
#header .login .loggedinas .claveinsegura {
  color: #CE2900;
  background: url(../images/insegura.jpg) no-repeat right center;
  padding-right: 18px;
}

#header .contacto div{
  float: left;
}
#header .idiomas{
  padding-top: 10px;
  clear: both;
  margin-bottom: 5px;
}
#header .idiomas .esp{
  background: url(../images/flag_esp.jpg) no-repeat left center;
  padding-left: 20px;
}
#header .idiomas .cat{
  background: url(../images/flag_cat.jpg) no-repeat left center;
  padding-left: 20px;
}
#header .idiomas .eng{
  background: url(../images/flag_eng.jpg) no-repeat left center;
  padding-left: 20px;
}


#header .contacto .btn_home{ background:url(../images/icon_home.jpg) no-repeat; width:11px; height:9px; display: block; margin:4px 7px 0px 17px; line-height: 0;}
#header .contacto .btn_home.kshover{ background-position:bottom left; text-decoration: none;}
#header .contacto .btn_mapadesitio{ background:url(../images/icon_mapadesitio.jpg) no-repeat; display:block; width:11px; height:9px;margin:4px 7px 0px 7px;line-height: 0px;}
#header .contacto .btn_mapadesitio.kshover{ background-position:bottom left; text-decoration: none;}
#header .contacto .btn_contacto{ background:url(../images/icon_contacto.jpg) no-repeat; display:block; width:11px; height:9px;margin:4px 7px 0px 7px;line-height: 0px;}
#header .contacto .btn_contacto.kshover{ background-position:bottom left; text-decoration: none;}

#header .contacto a{
  color: #FFC41F;
  text-decoration: none;
}
#header .contacto a:hover{
    color: #CCC;
    text-decoration: none;
}



/* Menu */

#menu {
  clear: both;
  height: 50px;
  width:975px;
  background: url(../images/fondo_menu.jpg) no-repeat;
  border-top:dotted 1px #3E3E3E;
  border-bottom:solid 2px #2A2A2A;
}
#menu li.btn {
  float: left;
  margin-right: 2px;
}
#menu li.btn a {
  display: block;
  height: 50px;
}
#menu li.btn1 { background: url(../images/menu_btn1.jpg) no-repeat; }
#menu li.btn1 a, .language_en #menu li.btn1 a, .language_ca #menu li.btn1 a { width: 130px; }
#menu li.btn1.kshover, .language_en #menu li.btn1.kshover, .language_ca #menu li.btn1.kshover { background-position: left bottom; }

#menu li.btn2 { background: url(../images/menu_btn2.jpg) no-repeat; }
#menu li.btn2 a, .language_en #menu li.btn2 a, .language_ca #menu li.btn2 a { width: 110px; }
#menu li.btn2.kshover, .language_en #menu li.btn2.kshover, .language_ca #menu li.btn2.kshover { background-position: left bottom; }

#menu li.btn3 { background: url(../images/menu_btn3.jpg) no-repeat; }
#menu li.btn3 a, .language_en #menu li.btn3 a, .language_ca #menu li.btn3 a { width: 145px; }
#menu li.btn3.kshover, .language_en #menu li.btn3.kshover, .language_ca #menu li.btn3.kshover { background-position: left bottom; }

#menu li.btn4 { background: url(../images/menu_btn4.jpg) no-repeat; }
#menu li.btn4 a, .language_en #menu li.btn4 a, .language_ca #menu li.btn4 a{ width: 94px; }
#menu li.btn4.kshover, .language_en #menu li.btn4.kshover, .language_ca #menu li.btn4.kshover { background-position: left bottom; }

#menu li.btn5 { background: url(../images/menu_btn5.jpg) no-repeat; }
#menu li.btn5 a, .language_en #menu li.btn5 a, .language_ca #menu li.btn5 a { width: 130px; }
#menu li.btn5.kshover, .language_en #menu li.btn5.kshover, .language_ca #menu li.btn5.kshover { background-position: left bottom; }

#menu li.btn6 { background: url(../images/menu_btn6.jpg) no-repeat; }
#menu li.btn6 a, .language_en #menu li.btn6 a, .language_ca #menu li.btn6 a { width: 101px; }
#menu li.btn6.kshover, .language_en #menu li.btn6.kshover, .language_ca #menu li.btn6.kshover { background-position: left bottom; }

#menu li.btn7 { background: url(../images/menu_btn7.jpg) no-repeat; }
#menu li.btn7 a, .language_en #menu li.btn7 a, .language_ca #menu li.btn7 a { width: 148px; }
#menu li.btn7.kshover, .language_en #menu li.btn7.kshover, .language_ca #menu li.btn7.kshover { background-position: left bottom; }

#menu li.btn8 { background: url(../images/menu_btn8.jpg) no-repeat; }
#menu li.btn8 a, .language_en #menu li.btn8 a, .language_ca #menu li.btn8 a { width: 101px; }
#menu li.btn8.kshover, .language_en #menu li.btn8.kshover, .language_ca #menu li.btn8.kshover { background-position: left bottom; }

/* ingles */
.language_en #menu li.btn1 { background: url(../images/menu_btn1_en.jpg) no-repeat; }
.language_en #menu li.btn1 a { width: 130px; }
.language_en #menu li.btn1.kshover { background-position: left bottom; }

.language_en #menu li.btn2 { background: url(../images/menu_btn2_en.jpg) no-repeat; }
.language_en #menu li.btn2 a { width: 110px; }
.language_en #menu li.btn2.kshover { background-position: left bottom; }

.language_en #menu li.btn3 { background: url(../images/menu_btn3_en.jpg) no-repeat; }
.language_en #menu li.btn3 a { width: 145px; }
.language_en #menu li.btn3.kshover { background-position: left bottom; }

.language_en #menu li.btn4 { background: url(../images/menu_btn4_en.jpg) no-repeat; }
.language_en #menu li.btn4 a{ width: 94px; }
.language_en #menu li.btn4.kshover { background-position: left bottom; }

.language_en #menu li.btn5 { background: url(../images/menu_btn5_en.jpg) no-repeat; }
.language_en #menu li.btn5 a { width: 130px; }
.language_en #menu li.btn5.kshover { background-position: left bottom; }

.language_en #menu li.btn6 { background: url(../images/menu_btn6_en.jpg) no-repeat; }
.language_en #menu li.btn6 a { width: 101px; }
.language_en #menu li.btn6.kshover { background-position: left bottom; }

.language_en #menu li.btn7 { background: url(../images/menu_btn7_en.jpg) no-repeat; }
.language_en #menu li.btn7 a { width: 148px; }
.language_en #menu li.btn7.kshover { background-position: left bottom; }

.language_en #menu li.btn8 { background: url(../images/menu_btn8_en.jpg) no-repeat; }
.language_en #menu li.btn8 a { width: 101px; }
.language_en #menu li.btn8.kshover { background-position: left bottom; }


/* catalan */
.language_ca #menu li.btn1 { background: url(../images/menu_btn1_ca.jpg) no-repeat; }
.language_ca #menu li.btn1 a { width: 130px; }
.language_ca #menu li.btn1.kshover { background-position: left bottom; }

.language_ca #menu li.btn2 { background: url(../images/menu_btn2_ca.jpg) no-repeat; }
.language_ca #menu li.btn2 a { width: 110px; }
.language_ca #menu li.btn2.kshover { background-position: left bottom; }

.language_ca #menu li.btn3 { background: url(../images/menu_btn3_ca.jpg) no-repeat; }
.language_ca #menu li.btn3 a { width: 145px; }
.language_ca #menu li.btn3.kshover { background-position: left bottom; }

.language_ca #menu li.btn4 { background: url(../images/menu_btn4_ca.jpg) no-repeat; }
.language_ca #menu li.btn4 a{ width: 94px; }
.language_ca #menu li.btn4.kshover { background-position: left bottom; }

.language_ca #menu li.btn5 { background: url(../images/menu_btn5_ca.jpg) no-repeat; }
.language_ca #menu li.btn5 a { width: 130px; }
.language_ca #menu li.btn5.kshover { background-position: left bottom; }

.language_ca #menu li.btn6 { background: url(../images/menu_btn6_ca.jpg) no-repeat; }
.language_ca #menu li.btn6 a { width: 101px; }
.language_ca #menu li.btn6.kshover { background-position: left bottom; }

.language_ca #menu li.btn7 { background: url(../images/menu_btn7_ca.jpg) no-repeat; }
.language_ca #menu li.btn7 a { width: 148px; }
.language_ca #menu li.btn7.kshover { background-position: left bottom; }

.language_ca #menu li.btn8 { background: url(../images/menu_btn8_ca.jpg) no-repeat; }
.language_ca #menu li.btn8 a { width: 101px; }
.language_ca #menu li.btn8.kshover { background-position: left bottom; }

#menu .seleccionado{
  background-position: bottom !important;
}


/*#menu li.btn1 { background-position: 0px top; }
#menu li.btn1 a { width: 142px; }
#menu li.btn1.kshover { background-position: 0px bottom; }*/



/* CONTENIDO*/
#colOne {
	float: left;
	width: 682px;
    text-align: justify;
	height:auto;
	padding:0px 20px;
    border-top:solid 2px #2A2A2A;
    margin-bottom: 15px;
}
#colOne .path { color:#C1C1C1; margin: 8px 0 0 20px;}
#colOne .path a { color:#FFF; text-decoration: none;}
#colOne .path a:hover { color:#FFC822; text-decoration: none;}
#colOne h1 { font-size:30px; background:url(../images/fondo_titulo.jpg) no-repeat; font-weight:normal; padding-left:20px; height:44px; color:#FFFFFF; margin:10px 0 25px 0;}
#colOne h2{ font-size:15px; color:#FFF; font-weight:normal; border-bottom:dotted 1px #CCCCCC; padding-bottom:5px;}
#colOne h3{ font-size:14px; color:#FFF; margin: 14px 0;}

#colOne .imagenes_contenido{float:right; text-align:right; margin:0 0 15px 20px;}
#colOne .imagenes_contenido img{border:solid 1px #838383;}

#colOne ul.listaprincipal li { background:url(../images/fondo_li.jpg) no-repeat; padding:5px 0 0 40px; margin-bottom:30px; height:23px;}
#colOne ul.objetivos li { background:url(../images/fondo_li.jpg) no-repeat; padding:5px 0 0 40px; margin-bottom:20px; min-height:23px;height:auto !important;height:23px;}
#colOne ul.edificios {margin:0 50px;}
#colOne ul.edificios li { background:url(../images/fondo_li.jpg) no-repeat; margin-bottom:30px; height:23px; float:left;padding:5px 70px 0 40px; margin-top:10px;}
#colOne ul.listasecundaria li { background:url(../images/fondo_li02.jpg) no-repeat; padding-left: 20px; margin-bottom:15px; color:#FFFFFF;}

.link_volver{ margin-bottom:20px; clear:both; padding-left:300px;}
.link_volver a { background:url(../images/fondo_btngral.jpg) no-repeat; height:20px; width:67px; display:block; padding-top:3px; text-align:center; color:#FFFFFF; text-decoration:none; font-weight:bold;}
.link_volver a.kshover { background-position:bottom left; color:#000; text-decoration: none;}

/* MAPA DEL SITIO */
#colOne .mapasitio{
}
#colOne .mapasitio li{
  font-size: 14px;
  background: url(../images/icon_map.jpg) no-repeat left 11px;
  padding:5px 0 8px 10px;
  margin-bottom: 5px;
  border-bottom:1px dotted #666666;
}
#colOne .mapasitio li a{
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
#colOne .mapasitio li a:hover{
  text-decoration: underline;
}
#colOne .mapasitio div{
  font-size: 11px;
  margin: 0 0 0 0;
}
#colOne .mapasitio div p{
  font-size: 11px;
  margin: 5px 0;
}
#colOne .mapasitio li li{
  font-size: 12px;
  background: none;
  border-bottom:none;
  padding: 0;
  margin: 3px 0 0 15px;
}


 /* ENLACES */
#enlaces .info{
  border-bottom: dotted 1px #666666;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
#enlaces .info h3{
  margin: 8px 0;
  background: url(../images/enlaces_link.jpg) no-repeat left center;
  padding-left: 17px;
}
#enlaces .link{
  background: url(../images/enlaces_target.jpg) no-repeat left center;
  padding-left: 17px;
  margin-top: 5px;
}





/* LATERAL */

#colTwo {
	float: right;
	width: 253px;
    border-top:solid 2px #2A2A2A;
}
#colTwo h1.noticias{
	margin:0px;
	padding:20px;
	font-size: 20px;
	background:none;
	font-weight:normal;
	text-align:left;
	background: url(../images/icon_noticias.jpg) no-repeat;
	color:#FFFFFF;
}
#colTwo h1.enlaces{
	margin:20px 0px 5px 0px;
	padding:20px;
	font-size: 20px;
	background:none;
	font-weight:normal;
	text-align:left;
	color:#FFFFFF;
	background: url(../images/icon_enlaces.jpg) no-repeat;
}
#colTwo ul {
	margin: 0;
	padding: 0 20px ;
	list-style: none;
	text-align:left;
}
#colTwo ul li.noticia {
	border-bottom:dotted 1px #666666;
	height:75px;
	margin-bottom:5px;
}
#colTwo ul li.noticia a{
	color:#FFFFFF;
	text-decoration:none;
}
#colTwo ul li.noticia a:hover{
	text-decoration: underline;
}
#colTwo ul li img {
	width:60px;
	border:solid 1px #858585;
}
#colTwo li .noticia_imagen {
	float:left;
}
#colTwo li .noticia_texto p {
	margin:0px;
	color:#999999;
}
#colTwo li .noticia_texto {
	float:right;
	width:140px;
	padding-left:10px;
}
#colTwo li.link_masnoticias{
	clear:both;
	text-align:right;
}
#colTwo li.enlace{
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom:dotted 1px #666666;
}
#colTwo li.enlace .nombre {
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:bold;
}

#colTwo .content_mapadeolores{
  margin:15px 0 15px 15px;
}


.language_es #colTwo .mapadeolores{
    clear: both;
    width:222px;
    height:180px;
    float: left;
    background: url(../images/img_mapadeolores.jpg) no-repeat;
}
.language_en #colTwo .mapadeolores{
    clear: both;
    width:222px;
    height:180px;
    float: left;
    background: url(../images/img_mapadeolores_en.jpg) no-repeat;
}
.language_ca #colTwo .mapadeolores{
    clear: both;
    width:222px;
    height:180px;
    float: left;
    background: url(../images/img_mapadeolores_ca.jpg) no-repeat;
}
#colTwo .mapadeolores:hover{
  text-decoration: none;
}



/* FOOTER */

#footer {
	clear: both;
	width: 975px;
	height: 50px;
	background: url(../images/fondo_pie.jpg) repeat-x;
	text-align:left;
	border-top:solid 1px #222;
}

#footer .info {
	float: left;
	padding:17px 0px 0px 20px;
}
#footer .links {
	float: left;
	padding:17px 0px 0px 5px;
}
#footer .links a {
	color:#888;
	text-decoration:none;
}
#footer .links a:hover {
	text-decoration:underline;
}
.language_es #footer .logo_klever{
	width:139px;
    height:28px;
	float: right;
	padding:7px 20px 0px 0px;
    margin: 5px 20px 0 0;
	text-align:right;
    background: url(../images/logo_klever.jpg) no-repeat;
}
.language_en #footer .logo_klever{
    width:139px;
    height:28px;
	float: right;
	padding:7px 20px 0px 0px;
    margin: 5px 20px 0 0;
	text-align:right;
    background: url(../images/logo_klever_en.jpg) no-repeat;
}
.language_ca #footer .logo_klever{
    width:139px;
    height:28px;
	float: right;
	padding:7px 20px 0px 0px;
    margin: 5px 20px 0 0;
	text-align:right;
    background: url(../images/logo_klever_ca.jpg) no-repeat;
}
#footer .logo_klever:hover{ text-decoration: none;}

/*   NOTICIAS   */
#noticias li{
  border-bottom: dotted 1px #666;
  margin: 0 0 10px 0;
}
#noticias li h3{
  margin: 14px 0;
  font-size: 16px;
  color: #FFC822;
}
#noticias li .imagen{
  float: left;
  border: solid 1px #838383;
  margin:0 10px 10px 0;
}
#noticias li .publicado{
  color: #888888;
  font-size: 10px;
  font-family: Tahoma;
  background: url(../images/noticias_calendario.jpg) no-repeat  116px;
  padding-left: 132px;
}
#noticias li p{
  height: 55px;
  margin: 10px 0;
}
#noticias li .publicado span{
  color: #FFC822;
}
#noticias li .leermas{
  background: url(../images/noticias_leer.jpg) no-repeat  116px;
  padding-left: 132px;
}

/* NOTICIAS DETALLES*/
.detalles_noticias{
  background: url(../images/noticias_leer.jpg) no-repeat left center;
  padding-left: 15px;
}
#noticia_detalles{
}
#noticia_detalles .publicado{
  font-size: 10px;
  font-family: Tahoma;
  background: url(../images/noticias_calendario.jpg) no-repeat  left center;
  padding-left: 15px;
}
#noticia_detalles .publicado span{
  color: #FFC822;
}
#noticia_detalles .entradilla p{
  font-weight: bold;
}
#noticia_detalles h1{
  background: none;
  margin: 0 0 10px 0;
  padding: 0px;
  height: auto;
  text-align: left;
  line-height: 30px;
  font-size: 24px;
}
#noticia_detalles .content_img{
  margin-bottom: 10px;
  margin-right: 20px;
  text-align: left;
  float:left;
  width:310px;
}
#noticia_detalles .content_img .smallimage a{
  float: left;
  margin-right: 6px;
  margin-bottom: 5px;
}


#noticia_detalles .content_img a{
  text-decoration: none;
}
#noticia_detalles .content_img img{
  border: solid 1px #838383;
  margin: 0 1px 0 0;
}
#noticia_detalles p img{
  border: solid 1px #838383;
}


.volver{
  background: url(../images/volver.jpg) no-repeat left center;
  padding-left: 15px;
}



/* FORMULARIO */


.formulario{
  background-color: #333333;
  border: solid 1px #444;
  width: 500px;
  padding: 15px;
  margin-left:70px;
  margin-top:20px;
}
.formulario ul{
  list-style: none;
}
.formulario ul li{
  /*margin-top: -5px; */
  line-height: 24px;
  float: left;
  margin-bottom: 3px;
}
.formulario .condiciones{
  width: 380px;
}
.formulario .condiciones ul{
  padding-left: 125px;
}

.formulario .campos{
  width: 120px;
}
.formulario .campo_cond{
  margin-top:10px;
}
.formulario .campo_cond_link{
  margin-top:10px;
  width: 15px;
  margin-right: 8px;
}
.formulario .campo_cond_link input{
  width: 12px;
  height: 12px;
  margin: 7px 0 0 0;
  border: none;
}
.formulario li li input{
  height: 16px;
  margin:3px 0 5px 0;
  padding: 2px;
  width: 370px;
  float: right;
  border: solid 1px #999999;
  font-size:11px;
  color: #333;
}
.formulario li li textarea{
  border: solid 1px #999999;
  width: 370px;
  margin:3px 0 0 0;
  height: 50px;
  padding: 2px;
  float: right;
  border: solid 1px #999999;
  font-family: "Trebuchet MS", Arial;
  font-size:11px;
  color: #333;
}
.formulario .botones{
  clear: both;
  text-align: center;
  margin-top: 5px;
  margin-bottom:10px;
  width:150px;
  margin-left:180px;
}
.formulario .botones input{
	background:url(../images/fondo_btngral_contacto.jpg) no-repeat;
    height:23px;
    width:67px;
    display:block;
    text-align:center;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
    border:none;
    font-size:11px;
    cursor: pointer;
}
.formulario .botones input.kshover { background-position:bottom left; color:#000;}

.errores_formulario{
  background-color: #FEF1EC;
  border:#CD0A0A 1px solid;
  color: #CD0A0A;
  padding: 10px;
  width: 512px;
  margin-bottom:10px;
  margin-top:20px;
  margin-left:70px;
  text-align: center;
}
.errores_formulario ul{
  list-style: none;
}
.errores_formulario ul li{
  padding-bottom: 3px;
}
.envio_ok{
  background-color: #F4FCFF;
  border: #075370 1px solid;
  color: #075370;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
  width: 512px;
  margin-top:20px;
  margin-left:70px;
}

.envio_error{
  background-color: #C60005;
  border-top: #950004 1px dotted;
  border-bottom: #950004 1px dotted;
  color: #FFFFFF;
  padding: 10px;
  width: 512px;
  margin:10px 0 10px 70px;
  text-align: center;
}


.haccordion{
   padding-right:4px;
}
.haccordion .header, .haccordion .content{
    float: left;
    height: 277px;
    width: 100%;
}

.haccordion .header{
    cursor:pointer;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    /*background:transparent url(../images/no_seleccionado.jpg) no-repeat scroll 0 0; */
    color:#9E9E9E;
    float:left;
    font-size:16px;
    font-weight:bold;
    height:277px;
    text-align:center;
    width:40px;
}

/* ESPAŅOL */
.language_es .haccordion .header.link_1{
  background: url(../images/btn_vertical_01.jpg) no-repeat;
}
.language_es .haccordion .header.selected.link_1{
    background: url(../images/btn_vertical_01_select.jpg) no-repeat;
}

.haccordion .header.link_2{
  background: url(../images/btn_vertical_02.jpg) no-repeat;
}
.haccordion .header.selected.link_2{
    background: url(../images/btn_vertical_02_select.jpg) no-repeat;
}

.haccordion .header.link_3{
  background: url(../images/btn_vertical_03.jpg) no-repeat;
}
.haccordion .header.selected.link_3{
    background: url(../images/btn_vertical_03_select.jpg) no-repeat;
}

.haccordion .header.link_4{
  background: url(../images/btn_vertical_04.jpg) no-repeat;
}
.haccordion .header.selected.link_4{
    background: url(../images/btn_vertical_04_select.jpg) no-repeat;
}

.haccordion .header.link_5{
  background: url(../images/btn_vertical_05.jpg) no-repeat;
}
.haccordion .header.selected.link_5{
    background: url(../images/btn_vertical_05_select.jpg) no-repeat;
}

/* INGLES */
.language_en .haccordion .header.link_1{
  background: url(../images/btn_vertical_01_en.jpg) no-repeat;
}
.language_en .haccordion .header.selected.link_1{
    background: url(../images/btn_vertical_01_en_select.jpg) no-repeat;
}

.language_en .haccordion .header.link_2{
  background: url(../images/btn_vertical_02_en.jpg) no-repeat;
}
.language_en .haccordion .header.selected.link_2{
    background: url(../images/btn_vertical_02_en_select.jpg) no-repeat;
}

.language_en .haccordion .header.link_3{
  background: url(../images/btn_vertical_03_en.jpg) no-repeat;
}
.language_en .haccordion .header.selected.link_3{
    background: url(../images/btn_vertical_03_en_select.jpg) no-repeat;
}

.language_en .haccordion .header.link_4{
  background: url(../images/btn_vertical_04_en.jpg) no-repeat;
}
.language_en .haccordion .header.selected.link_4{
    background: url(../images/btn_vertical_04_en_select.jpg) no-repeat;
}

.language_en .haccordion .header.link_5{
  background: url(../images/btn_vertical_05_en.jpg) no-repeat;
}
.language_en .haccordion .header.selected.link_5{
    background: url(../images/btn_vertical_05_en_select.jpg) no-repeat;
}

/* CATALAN */
.language_ca .haccordion .header.link_1{
  background: url(../images/btn_vertical_01_ca.jpg) no-repeat;
}
.language_ca .haccordion .header.selected.link_1{
    background: url(../images/btn_vertical_01_ca_select.jpg) no-repeat;
}

.language_ca .haccordion .header.link_2{
  background: url(../images/btn_vertical_02_ca.jpg) no-repeat;
}
.language_ca .haccordion .header.selected.link_2{
    background: url(../images/btn_vertical_02_ca_select.jpg) no-repeat;
}

.language_ca .haccordion .header.link_3{
  background: url(../images/btn_vertical_03_ca.jpg) no-repeat;
}
.language_ca .haccordion .header.selected.link_3{
    background: url(../images/btn_vertical_03_ca_select.jpg) no-repeat;
}

.language_ca .haccordion .header.link_4{
  background: url(../images/btn_vertical_04_ca.jpg) no-repeat;
}
.language_ca .haccordion .header.selected.link_4{
    background: url(../images/btn_vertical_04_ca_select.jpg) no-repeat;
}

.language_ca .haccordion .header.link_5{
  background: url(../images/btn_vertical_05_ca.jpg) no-repeat;
}
.language_ca .haccordion .header.selected.link_5{
    background: url(../images/btn_vertical_05_ca_select.jpg) no-repeat;
}

.haccordion .content{
    display: none;
    width: 0px;
    overflow: auto;
}

.haccordion .content.visible{
    display: block;
    width: 771px;
}

/* SUB-PIE*/
.subfooter{
    clear: both;
    width: 975px;
    padding: 15px 0 0 0;
    /*background: url(../images/fondo_subpie.jpg) no-repeat;*/
}
.subfooter h3{
  margin: 0px;
  color: #FFF;
  font-weight: normal;
  font-size: 18px;
  text-align: left;
  padding: 17px 0 0 85px;
  height: 33px;
  background: url(../images/subpie_h3.jpg) no-repeat;
}
.displayer_content{
  background: url(../images/subpie_display.jpg) no-repeat;
  height: 297px;
}


.subfooter .cerrar{
  float: right;
  margin: 10px 0 0 0;
  width: 120px;
}
.subfooter .cerrar a{
  background: url(../images/btn_cerrar.jpg) no-repeat;
  display: block;
  width: 91px;
  height: 20px;
  padding-top: 2px;
  color: #FFF;
}
.subfooter .cerrar a:hover{
  background-position: left bottom;
}
.subfooter .parques{
  float: left;
  text-align: left;
  /*margin: 30px 0 0 17px !important;*/
  margin: 30px 0 0 0px;
  width: 209px;
  line-height: 33px;
  padding-left: 35px;
}
.subfooter .parques div a{
  padding-left: 17px;
}
.subfooter .parques a{
  color: #FFF;
  font-size: 13px;
}
.subfooter .parques a:hover{
  color: #FFC822;
  text-decoration: none;
}
.subfooter .parques a.selected{
  color: #FFC822;
}
.subfooter .datosdinamicos{
  float: left;
  margin: 0 0 0 58px !important;
  margin: 0 0 0 45px;
  width: 656px;
  text-align: left;
  padding-top: 1px;
}
.subfooter .datos, .subfooter .datos1{
  float: left;
  width: 286px;
  padding-left: 17px;
}
.subfooter .datos h4,.subfooter .datos1 h4{
  color: #FFC822;
  font-size: 15px;
  font-weight: normal;
  margin: 0 0 18px 0;
}
.subfooter .datos1{
  width: 315px;
  margin-left: 21px;
}
.subfooter table td{
  text-align: right;
  width: 70px;
  line-height: 17px;
}
.subfooter table .linea1 td{
  color: #FFF;
}
.subfooter table .linea2 td{
  color: #BB9600;
}
.subfooter table .label{
  text-align: left;
  width: 210px;
}
.subfooter .mapas{
  width: 223px;
  height: 150px;
  margin-top: 5px;
}
.subfooter .mapas .nord, .subfooter .mapas .sud, .subfooter .mapas .port{
  background: url(../images/mapa_nord.jpg) no-repeat top left;
  width: 223px;
  height: 150px;
}
.subfooter .mapas .sud{
  background: url(../images/mapa_sud.jpg) no-repeat top left;
}.subfooter .mapas .port{
  background: url(../images/mapa_port.jpg) no-repeat top left;
}

/* login pagina */
.login-container{
}
.login-container .loginForm table{
  border: #333 solid 1px;
  background: #444444;
}
.login-container .loginForm table td{
  text-align: right;
  padding: 2px 8px;
}
.login-container .loginForm table input {
  background-color: #1A1A1A;
  border: solid 1px #111;
  margin: 2px 0;
  padding: 2px;
  width: 150px;
  color: #FFC822;
  font-size: 11px;
}

.login-container .loginForm table input.entrar {
  background:none;
  border: none;
  cursor: pointer;
  width: 45px;
  margin: 0px;
  padding: 0px;
}
.login-container .loginForm table input.entrar:hover {
  color: #DDD;
}

.data_general, .data_resumen{ text-align:center; background: #FFCC00; border:solid 1px #000; color:#000; padding:5px; font-weight:bold;}
.tiempo_titulo { font-size:20px; color:#FFFFFF; background:url(../images/fondo_titulo_tiempo.jpg) no-repeat; height:28px; padding:5px 20px; margin-bottom:20px; clear:both; margin-top:30px; clear:both;}
.datos3 { float:left;}
.datos3 table { width:330px;}
.datos3 table td, .datos2 table td { padding:3px; color:#FFCC00;}
.datos3 table td.label, .datos2 table td.label { color:#FFFFFF;}
.datos2 { float:right;}
.datos3 h4, .datos2 h4 { border-bottom:dotted 1px #FFCC00; font-size:15px; color:#FFFFFF; line-height:30px;}
.link_prevision { font-size:14px; text-align:center;}
.tiempo_mosaico { float:left; font-size:11px; color: #999999; width:336px; margin-right:5px;}
.tiempo_mosaico .titulo { font-size:15px; color:#FFFFFF; background:url(../images/fondo_subtitulo_tiempo.jpg) no-repeat; padding:5px; text-align:center; margin-bottom:5px; font-weight:bold;}
.tiempo_mosaico .imagen { border:solid 1px #666; padding:5px; text-align:center; margin-bottom:5px;}
.tiempo_mosaico .datos table td { padding:5px;}
.tiempo_mosaico .datos table td.primerdato { width:225px; background:#555;}
.tiempo_mosaico .datos table td.segundodato { background:#333; text-align:right;}
.tiempo_mosaico2 { font-size:11px; color: #999999; width:675px;}
.tiempo_mosaico2 .titulo { font-size:15px; color:#FFFFFF; background:url(../images/fondo_subtitulo2_tiempo.jpg) no-repeat; padding:5px; text-align:center; margin-bottom:5px; font-weight:bold;}
.tiempo_mosaico2 .imagen { border:solid 1px #666; padding:5px; text-align:center; margin-bottom:5px;}
.tiempo_mosaico2 .datos table td { padding:5px;}
.tiempo_mosaico2 .datos table td.primerdato { width:300px; background:#555;}
.tiempo_mosaico2 .datos table td.segundodato { background:#333; text-align:right;}
.link_tiempo{ padding:5px 30px; text-align:left; border-bottom:dotted 1px #666666; background:url(../images/icon_lateral_tiempo.jpg) no-repeat;}

.documentacion_fecha { color:#FFFFFF; font-size:11px;}
.documentacion_descripcion { font-size:14px; font-weight:bold; color:#EFEFEF;}
.documentacion_link{ font-size:12px; padding-left:25px; background: url(../images/icon_download.jpg) no-repeat; line-height:35px;}

.resumen_anio { width:60px; padding:2px; background: #222; border:solid 1px #663300; text-align:center; color: #FFCC00; float:left; height:40px; padding-top:20px; font-size:16px; font-weight:bold;}
.data_mes{ float:left; padding:5px; margin:2px; background: #333; border:solid 1px #4B401B; width:86px; text-align:center;}
.data_mes2{ float:left; padding:5px; margin:2px; background: #333; border:solid 1px #4B401B; width:86px; text-align:center; color:#666666;}
.resumen_link{ font-size:15px;}
.resumen_link a{ padding:2px 2px 2px 30px; background:url(../images/icon_download2.jpg) no-repeat;}

.mapa #swfmapa{
  border: solid 1px #FFC41F;
  margin-bottom: 10px;
}
.mapa .alt{
  display:none;
}
ul#documentos .DocumentDownload{ background: url(../images/DocumentDownload.jpg) no-repeat left top; padding-left: 20px; padding-bottom: 5px; border-bottom: 1px dotted #4A4A4A; }

ul#galerias .info h3{ padding-bottom: 5px; border-bottom: 1px dotted #4A4A4A; }
ul#galerias .info ul li{ float: left; margin: 0 18px 10px 0; width: 150px; height: 165px;}
ul#galerias .info ul li div{ margin-top: 5px; font-size: 11px;}
ul#galerias .info a img{ border: solid 1px #666; }