/* Video */

#video_temps{
	background-color: #f2f2f2;
	border			: 1px solid #c4d9d2;
	padding-left	: 10px;
	padding-top		: 5px;
	width			: 380px;
	height			: 377px;
	margin-top		: 10px;
	margin-left		: 10px;
}

.titol_video{
	margin-bottom	: 5px;
	padding-bottom	: 5px;
	border-bottom	: 1px solid white;
	font-family		: Verdana;
	font-size		: 12px;
}


/* Mapes del temps */
#mapa_temps {
	background-color: #f2f2f2;
	border: 1px solid #c4d9d2;
	margin: 10px 0 10px;
}
  #mapa_temps .header {
    padding: .4em .8em;
  }
    #mapa_temps .header h3 {
      padding: 0 0 .3em 1.4em;
      text-transform: lowercase;
      color: #008bc0;
      font-size: 1.3em;
      font-weight: bold;
      background: url(/imgfront/temps/bg-meteo-title.png) no-repeat left .2em;
      border-bottom: 2px solid #FFF;
    }
  #mapa_temps .content {}
    #mapa_temps.unoriginal .content ul.meteo-images {
      height: 204px;
      overflow: hidden;
    }
      #mapa_temps .content li {
        position: relative;
        margin-bottom: .5em;
      }
      #mapa_temps.unoriginal .content ul.meteo-images li {
        display: none;
        margin-bottom: 0;
      }
      #mapa_temps.unoriginal .content ul.meteo-images li.current {
        display: block;
      }
        #mapa_temps .content h4 {
          position: absolute;
          top: .1em;
          right: .5em;
          font-weight: bold;
          font-size: 1.4em;
          color: #FFF;
          text-shadow: 1px 1px 1px #000;
        }
        #mapa_temps .content img {
          display: block;
          width: 100%;
          margin: 0;
        }
      #mapa_temps .content ul.meteo-places {
        padding: .8em .5em .5em;
      } 
        #mapa_temps .content ul.meteo-places li {
          width: 33%;
          margin: 0 0 .4em 0;
          float: left;
        }
          #mapa_temps .content ul.meteo-places li a {
            display: block;
            height: 26px;
            padding-left: 30px;
            font-size: 1.2em;
            color: #008bc0;
            background: url(/imgfront/temps/bt-meteo-barcelona.png) no-repeat left top;
          }
          #mapa_temps .content ul.meteo-places li a:hover {
            color: #666;
            background-position: left -26px;
          }
          #mapa_temps .content ul.meteo-places li.current a {
            background-position: left -52px;
          }
          #mapa_temps .content ul.meteo-places li a.bt-meteo-tarragona {
            background-image: url(/imgfront/temps/bt-meteo-tarragona.png);
          }
          #mapa_temps .content ul.meteo-places li a.bt-meteo-catalunya {
            background-image: url(/imgfront/temps/bt-meteo-catalunya.png);
          }
          #mapa_temps .content ul.meteo-places li a.bt-meteo-girona {
            background-image: url(/imgfront/temps/bt-meteo-girona.png);
          }
          #mapa_temps .content ul.meteo-places li a.bt-meteo-lleida {
            background-image: url(/imgfront/temps/bt-meteo-lleida.png);
          }
          #mapa_temps .content ul.meteo-places li a.bt-meteo-propers {
            background-image: url(/imgfront/temps/bt-meteo-propers.png);
          }
            #mapa_temps .content ul.meteo-places li a span {
              display: block;
              padding-top: .6em;
            }

/* Ticker */

#tempsxciutat {
	color			: #5B7171;
	font			: normal 10px Arial;
	margin-top		: 20px;
	width			: 350px;;
}

#tempsxciutat h4{
	font			: bold 1em Verdana;
	color			: #5B7171;
	background		: #FFF url('/portada_img/flecha_gris.jpg') no-repeat left center;
	padding			: 0px 0px 0px 10px;
	margin			: 0px 0px 20px 0px;
	border-bottom	: 1px solid #5B7171;
}


#poblacions{
	border			: 1px solid #dbdbdb;
	margin-top		: 10px;
}

#poblacions .parell{
	background-color: white;
}

#poblacions .senar{
	background-color: #f4f4f4;
}

#poblacions .titol{
	color			: black;
	font			: bold 12px Verdana;
	padding			: 12px 10px 0px 10px;
}

#poblacions .titol span{
	position		: relative;
	top				: -9px;
	left: 0px;
}

#poblacions .titol span.nom{
	float			: left;
}

#poblacions .titol span.temp{
	text-align		: right;
	float			: right;
}

#poblacions .dades span{
	margin-left		: 10px;
	position		: relative;
	top				: -10px;
	font			: 1em Verdana;
}

#poblacions .dades span em{
	color			: black;
	font-style		: normal;
}

/* Previsio */

#previsio {
	font			: normal 10px Arial;
	margin-top		: 20px;
	margin-left		: 10px;
	width			: 390px;;
}

#previsio h4{
	font			: bold 1em Verdana;
	color			: #5B7171;
	background		: #FFF url('/portada_img/flecha_gris.jpg') no-repeat left center;
	padding			: 0px 0px 0px 10px;
	margin			: 0px 0px 15px 0px;
	border-bottom	: 1px solid #5B7171;
}


#previsio #capsalera{
	height			: 100px;
}

#previsio #capsalera #text{
	width			: 75%;
	float			: left;
}

#previsio .titular{
	font			: bold 1.5em Verdana;
	margin-bottom	: 5px;
	width			: 90%;
}

#previsio .data{
	font			: bold 1em Verdana;
	width			: 100%;
	margin-bottom	: 5px;
}

#previsio #foto{
	width			: 67px;
	height			: 80px;
	float			: right;
}



/***********************************************************************************/
/********************************* REDISSENY ***************************************/
/***********************************************************************************/

/* Video Redisseny */

#video_temps_redis{
    background      : url("/imgfront/barra_video.jpg") no-repeat;
	width			: 349px;
	margin-bottom	: 20px;
}

    #video_temps_redis .capsalera_video{
        height: 28px;
    }
    
        #video_temps_redis #lamallatv{
            top: 60px;
        }
        
        #video_temps_redis .mes_videos{
            width: 60px;
            float: right;
            position: relative;
            top: 8px;
            right: 15px;
        }
        
            #video_temps_redis .mes_videos a{
                color: #5db9c5;
                font-size: 12px;
                font-weight: bold;
            }

    #videoplayercontainer{
        padding-left: 3px;
        height: 200px;
	    background-color: #858384;
    }

    body.canal #videoplayercontainer{
        padding-left: 1px;
    }
    
.titol_video_redis{
	margin-bottom	: 5px;
	padding-bottom	: 5px;
	border-bottom	: 1px solid white;
	font-family		: Verdana;
	font-size		: 12px;
}


/* Previsio Rediseny */

#previsio_redis {
	margin-top		: 20px;
}


#previsio_redis #capsalera #text{
	width			: 75%;
	float			: left;
}

#previsio_redis .titular{
	font			: bold 1.5em Verdana;
	margin-bottom	: 5px;
	width			: 90%;
}

#previsio_redis .data{
	font			: bold 1em Verdana;
	width			: 100%;
	margin-bottom	: 5px;
}

#previsio_redis #foto{
	width			: 67px;
	height			: 80px;
	float			: right;
}

/* Meteo Rediseny */

#fil-ariadna{
    border-bottom: none;
}

#el_temps_body #content {
    padding-top: 0;
}

#el_temps_body #content *{
	font-family		: "Lucida Sans", sans-serif;
}

.meteo_redis{
	margin-bottom	: 18px;
	margin-left		: 21px;
	
}

.meteo_title_redis{
	margin-bottom: 3px;
    font-size: 12px;
    line-height: 14px;
    color: #1c1c1c;
}

.meteo_title_portada_redis{
	font-family: "Lucida Sans", sans-serif;
	margin-bottom: 2px;
    font-size: 12px;
    line-height: 12px;
    color: black;
    padding-top: 5px;
    text-transform: uppercase;
}

.meteo_info_avui{
	margin-bottom: 3px;
    font-size: 12px;
    line-height: 14px;
	color: #2476ad;
}
.meteo_info_avui_portada{
	font-family: "Lucida Sans", sans-serif;
	margin-bottom: 2px;
    font-size: 12px;
    line-height: 14px;
	color: #208db9;
}

.meteo_info_dema{
	margin-bottom: 2px;
    font-size: 10px;
    line-height: 14px;
	color: #474747;
}
.meteo_info_dema_portada{
	font-family: "Lucida Sans", sans-serif;
	margin-bottom: 3px;
    font-size: 12px;
    line-height: 11px;
	color: #757575;
}

#meteo_name_redis{
	font-size		: 18px;
	color			: #D9A65F;
	position		: relative;
	height			: 20px;
	margin-left		: 21px;
	font-weight		: 600;
}

#meteo_localitat_redis{
	font-size		: 14px;
    font-weight     : bold;
	color			: #92908E;
	height			: 18px;
	margin-left		: 21px;
	margin-bottom	: 10px;
	margin-top		: 30px;
}

#el_temps_body .columna1{
	position		: relative;	
	float			: left;
	background		: url("/imgfront/img_temps_previsio.jpg") no-repeat top center;
	width			: 555px;
	padding			: 0 10px 0 10px;
	margin-left		: 10px;
}


#el_temps_body .columna2{
	position		: relative;
	float			: left;
	width			: 350px;
	margin-left		: 24px;

}

#el_temps_body h2{
	margin-bottom: 30px;
}

#el_temps_body #capsalera{
	height:130px
}


#el_temps_body .capsalera_esquerra{
	float: left;
	width: 125px;
	height: 120px;
}

#el_temps_body .capsalera_dreta{
	float: right;
	width: 205px;
	padding-top: 5px;
	height: 110px;
}

#el_temps_body .capsalera_lhomedeltemps{
	text-align: right;
	font-weight: bold;
	font-size: 16px;
    line-height: 21px;
	color: #22729c;
}

#el_temps_body .capsalera_nom_home{
	margin-top: 5px;
	text-align: right;
	font-size: 16px;
    line-height: 21px;
    color: black;
}

#el_temps_body .capsalera_data{
	margin-top		: 15px;
	text-align		: right;
	font-size		: 12px;
	line-height		: 16px;
	
}



#el_temps_body .pre_cos_previsio{
	font-size: 18px;
    line-height: 21px;
	color: #22729c;
}
#el_temps_body .pre_cos_titol{
	margin-top: 3px;
	font-size: 18px;
    line-height: 21px;
	color: black;
}
#el_temps_body .pre_cos_subtitol{
	margin-top: 7px;
	font-size: 12px;
	margin-bottom: 10px;
    color: #1c1c1c;
}

#el_temps_body .cos p{
	font-size: 12px;
}

#el_temps_body #imatge_home{
	position:relative;
	top:-7px;
	left:2px;
}

#el_temps_body #previsio_redis .peu{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 10px;
	color: #22729c;
}

/*-------------- Clearfix + Holyhack --------------*/
#mapa_temps .content ul.meteo-places:after {
    content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
#mapa_temps .content ul.meteo-places {
  height: 1%;
}