body {
	margin: 0;	padding: 0px 10px 5px 10px;
	font: 1em/17px georgia,'palatino linotype',palatino,'times new roman',times,serif; color: #222;
	line-height:normal;
	background-image:url(http://www.mesebre.cat/css/img/bg_allweb.gif); background-repeat: repeat;
}

h1, h2, h3 {margin: 0;font-weight: normal;color: #0068B3;text-indent:10px;}
h1 {letter-spacing: -1px;}
h2 { letter-spacing: -1px;}
h3 {}
p, ul, ol {margin: 0 0 2em 10px;text-align: left;}
a:link {color: #1567E5; text-decoration: none;}
a:hover {text-decoration: none;color: #1567E5;}
a:visited {color: #1567E5;}
img {border: none;padding: 0px;}


/******************************************** Form ********************************************/

form {margin: 0;padding: 0;}
fieldset {margin: 0;padding: 0;border: none;}
legend {display: none;}
input, textarea, select {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size: 13px;color: #333333;}

/******************************************** Estructura ********************************************/

#allWeb{ width:994px; display:block; overflow:hidden; margin:0 auto;}

/******************************************** Header ********************************************/

#header {
	width: 100%; height: 135px;	margin: 0 auto;	padding: 5px 0px 0px 5px;
	clear:both;	overflow:hidden; position:relative;
	background-image:url(http://www.mesebre.cat/css/img/bg_header.png); background-repeat: repeat-x; 
}
#logo {
	float:left;
	width: 359px;
	height: 135px;
	background-image:url(http://www.mesebre.cat/css/img/logo.png); background-repeat:no-repeat;	 
}
#logo a{ float:left; width:359px; height:135px; text-decoration:none;}
#logo a span{visibility:hidden;}

#fechah{ position: absolute; left:390px; top:58px; width: 150px; height: 70px; display:block; overflow:hidden; cursor: default; }
#fechah div{ position: relative; float: left; display: block; overflow: hidden; line-height: normal; color:#8bdcff;}
#fechah div.numdia{ width: 60px; height: 42px; line-height: 31px; font-size:50px; }
#fechah div.nomdia{ width: 90px; height: 16px; line-height: 16px; font-size:14px; text-indent: 5px;}
#fechah div.any{ width: 90px; height: 20px; line-height: 20px; font-size:28px; letter-spacing:4px; text-indent: 5px;}
#fechah div.mes{ width: 150px; height: 28px; line-height: 24px; font-size:24px; letter-spacing: 4px;}
#fechah:hover div{ color: #FFF;}

#social_links {
	position: absolute; right:12px; bottom:6px; 
	width: 25px; height: 90px; display:block; overflow:hidden;		 
}
#social_links a{ float:left; width:25px; height:25px; margin-bottom:5px; text-decoration:none;
background-repeat: no-repeat; background-position: 0px 0px;}
#social_links a:hover{ background-position: 0px -25px; }
#social_links a.rss{ background-image:url(http://www.mesebre.cat/css/img/ico_social_rss.png);}
#social_links a.facebook{ background-image:url(http://www.mesebre.cat/css/img/ico_social_facebook.png);}
#social_links a.twitter{ background-image:url(http://www.mesebre.cat/css/img/ico_social_twitter.png);}
#social_links a span{visibility:hidden;}

#banner_header{ position:absolute; width: 357px; height:65px; bottom:19px; right:55px; display:block;}

#links_top {
	position: absolute; right:10px; top:0px; width: 541px; height: 40px; display:block; overflow:hidden;
	background-image:url(http://www.mesebre.cat/css/img/bg_header_links_top.png);	 background-repeat: no-repeat;
	background-position: 0px 0px;	 
}
#links_top:hover{ background-position: 0px -40px;}
#links_top ul {	float: left; display: block; margin: 0 0 0 10px;	padding: 0; list-style: none; line-height: normal; }
#links_top li {	display: inline;}
#links_top a {
	margin: 0 0 0 3px; float:left;	padding: 0 15px 0 15px;	text-decoration: none; line-height:35px; color:#B5E0FF;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-size:11px; font-weight: bold;
	/*background-image:url(http://www.mesebre.cat/css/img/bg_menu_separador.png); background-repeat: no-repeat;
	background-position: right;*/
}
#links_top:hover a{ color:#000; }
#links_top:hover a:hover{ color:#054A7C; }
/******************************************** Menu arriba ********************************************/

#menu {
	width: 984px; height:30px; position:relative;
	margin: 0; padding: 0; margin-left:5px; 
	background-image:url(http://www.mesebre.cat/css/img/bg_menu.png); background-repeat: repeat-x; 
	float:left;
}
#menu div#menu_left{ position: absolute; height:30px; width:5px; left:-5px; top:0px;
	background-image:url(http://www.mesebre.cat/css/img/bg_menu_left.png); background-repeat: no-repeat;
}
#menu div#menu_right{ position: absolute; height:30px; width:5px; right:-5px; top:0px;
	background-image:url(http://www.mesebre.cat/css/img/bg_menu_right.png); background-repeat: no-repeat;
}
#menu ul {
	float: left;
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	line-height: normal;
	background-image:url(http://www.mesebre.cat/css/img/bg_menu_separador.png); background-repeat: no-repeat;
	background-position: 10px 0px;	
}

#menu li {
	display: inline;
}

#menu a {
	margint: 0 0 0 3px; float:left;
	padding: 0 15px 0 15px;	
	text-decoration: none; text-transform: lowercase; line-height:30px; color:#666666;
	background-image:url(http://www.mesebre.cat/css/img/bg_menu_separador.png); background-repeat: no-repeat;
	background-position: right;
}
#menu a:hover , #menu .current_page_item a:hover{ 
	text-decoration: none;
	color: #FFFFFF;
	background-image:url(http://www.mesebre.cat/css/img/bg_menu_hover.png); background-repeat: repeat-x;
}

#menu .current_page_item a { 
	text-decoration: none;	
	color: #000;
	background-image:url(http://www.mesebre.cat/css/img/bg_menu_hover.png); background-repeat: repeat-x;
}
	
#menu span {
	margin: 0;
	padding: 0;
}

/******************************************** Page ********************************************/

#contenido {
	width: 100%; float:left;
	margin: 0px; margin-top:5px; padding-right:5px;
	background-image:url(http://www.mesebre.cat/css/img/bg_content.png); background-repeat: repeat; 
	
}
#columnright {
	width: 25%; float:right;
	margin: 0px; margin-top:20px;
	padding:0px; 
	display:block; 
}
#content{
	float:left; display:block; overflow:hidden;
	width:74%;
	padding:10px 0px 30px 0px; 
	display:block; font: georgia,'palatino linotype',palatino,'times new roman',times,serif; 
}

/*************************************** Noticias *********************************************/
div.box_titular{
	position: relative; float:left; width: 730px; height:auto; overflow:hidden; display:block; margin-left:3px;
	background-image:url(http://www.mesebre.cat/css/img/bg_box_titular_up.png); background-repeat: no-repeat;
	background-position: 0px 0px; margin-bottom:10px;
}
div.box_titular div.tit{
	position: relative; width: 730px; height:auto; min-height:45px; max-height: 104px; float:left; display:block; overflow: hidden; text-align: center; margin-top:11px;
	background-image:url(http://www.mesebre.cat/css/img/bg_box_titular_middle.png); background-repeat: repeat-y;
	background-position: 0px 0px;		
}
div.box_titular div.tit a H1{ color: #FFF; font-size: 26px; text-decoration: none; padding-bottom:5px; }
div.box_titular div.tit a:hover H1{ color:#8bdcff; text-decoration:none;}

div.box_titular div.cont{ position:relative; width:730px; height:auto; max-height:250px; float:left; display:block; overflow:hidden;
	background-image:url(http://www.mesebre.cat/css/img/bg_box_titular_middle2.png); background-repeat: no-repeat;
	background-position: bottom; 
}
div.box_titular div.subtit { border-bottom:#ccc 1px solid;}
div.box_titular div.img{
	position: relative; width:300px; height:200px; float:left; display:block; overflow: hidden; margin-left:20px;
}
div.box_titular div.img a div.zoom{ position:absolute; width:41px; height: 31px; right:8px; bottom:0px; }
div.box_titular div.img a:hover div.zoom{ background-image:url(http://www.mesebre.cat/css/img/ico_zoom_titular.png);
background-repeat: no-repeat; background-position: 0px 0px;}
div.box_titular div.img a img{ max-width:290px; max-height:188px; border:#FFF 1px solid;}
div.box_titular div.img img.no{ border:none;}

div.box_titular div.txt{
	position: relative; width: 400px; height: 190px; float:right; display:block; overflow: hidden; margin-right:8px; margin-top:8px; color:#FFF;
}

div.box_titular div.fecha{ position: relative; float:right; font-size: 11px; color:#aaa; margin-right:10px;}
div.box_titular:hover div.fecha{ color:#FFF;}

div.box_titular div.extended{
	position: relative; width: 688px; margin-left:12px; padding:10px 10px 15px 10px; height: auto; float:left; display:block; overflow: hidden; background-color:#FFF;
	font-size:13px;	background-image:url(http://www.mesebre.cat/css/img/bg_extended.png);
	background-repeat: repeat-x; background-position: top; border:#ccc 1px solid; border-top:none;
}

div.box_titular div.bottom{ position:relative; width:730px; height:11px;float:left; display:block; overflow:hidden;
	background-image:url(http://www.mesebre.cat/css/img/bg_box_titular_down.png); background-repeat: no-repeat;
	background-position: 0px 0px;
}

H2.titlist{ margin:0px; padding:0px; width:auto; height:21px; overflow:hidden; font-size:20px;
	background-image:url(http://www.mesebre.cat/css/img/bg_tit_listados_left.png); background-repeat: no-repeat; background-position: 4px 0px;}
H2.titlist span{ margin:0px; padding:0px; overflow:hidden; padding-right:30px; height:21px;
	background-image:url(http://www.mesebre.cat/css/img/bg_tit_listados.png); background-repeat: no-repeat; background-position: right 0px;  
}

ul.listaNotsMedio{ display: block; margin: 0; margin-left:4px; padding: 0px; padding-top:10px; list-style: none; line-height: normal; border-top:#f1f1f1 1px solid;}
ul.listaNotsMedio li{ display: block; overflow:hidden; padding: 4px; padding-bottom:8px; clear: both; background-color: #FFF; border-bottom: #ccc 1px dotted; min-height: 60px;}
ul.listaNotsMedio li div.tit{ margin-top:4px;}
ul.listaNotsMedio li div.tit a{ font-size: 14px; font-weight:bold; color:#0068B3; text-decoration: none; }
ul.listaNotsMedio li div.tit a:hover{ color:#293843;}
ul.listaNotsMedio li div.apartado{ font-size:12px; color:#BF000B;}
ul.listaNotsMedio li div.txt{ font-size:12px;}
ul.listaNotsMedio li div.img { position:relative; float:left; display:block; }
ul.listaNotsMedio li div.img a div.zoom{ position:absolute; width:19px; height: 15px; right:11px; bottom:1px; }
ul.listaNotsMedio li div.img a:hover div.zoom{ background-image:url(http://www.mesebre.cat/css/img/ico_zoom_medio.png);
background-repeat: no-repeat; background-position: 0px 0px;}
ul.listaNotsMedio li div.img a img{ border:#0068B3 1px solid;}
ul.listaNotsMedio li div.img img.no{ border-color:#eee;}
ul.listaNotsMedio li div.comments{position: relative; float:right; font-size: 10px; color:#999; margin-right:10px; width:16px; height:15px; margin-top:5px;
background-image:url(http://www.mesebre.cat/css/img/comments.png); background-repeat: no-repeat; text-align: center; opacity:0.5;
}
ul.listaNotsMedio li div.fecha{ position: relative; float:right; font-size: 10px; color:#aaa; margin-right:10px; margin-top:5px;}
ul.listaNotsMedio li:hover { background-color:#ECF2F7; }
ul.listaNotsMedio li:hover div.comments{ color:#0066BB; opacity:1;}
ul.listaNotsMedio li:hover div.fecha{ color:#0066BB;}

ul.listaNotsMini{ display: block; margin: 0; margin-left:4px; padding: 0px;  list-style: none; line-height: normal; border-top:#f1f1f1 1px solid;
background-color: #FFF; }
ul.listaNotsMini li{ display: block; overflow:hidden; padding: 1px 4px 1px 4px; clear: both; background-color: #FFF; border-bottom: #ccc 1px dotted; min-height: 57px;}
ul.listaNotsMini li div.tit{ margin-top:5px;}
ul.listaNotsMini li div.tit a{ font-size: 12px; color:#0068B3; text-decoration: none;  }
ul.listaNotsMini li div.tit a:hover{ color:#000;}
ul.listaNotsMini li div.txt{ font-size:11px;}

ul.listaNotsMini li div.img { position:relative; float:left; display:block; }
ul.listaNotsMini li div.img a div.zoom{ position:absolute; width:19px; height: 15px; right:11px; bottom:1px; }
ul.listaNotsMini li div.img a:hover div.zoom{ background-image:url(http://www.mesebre.cat/css/img/ico_zoom_medio.png);
background-repeat: no-repeat; background-position: 0px 0px;}

ul.listaNotsMini li div.img a img{ border:#0068B3 1px solid;}
ul.listaNotsMini li div.img img.no{ border-color:#eee;}
ul.listaNotsMini li div.comments{position: relative; float:right; font-size: 10px; color:#999; margin-right:10px; width:16px; height:15px; 
background-image:url(http://www.mesebre.cat/css/img/comments.png); background-repeat: no-repeat; text-align: center; opacity:0.5;
}
ul.listaNotsMini li div.fecha{ position: relative; float:right; font-size: 9px; color:#aaa; margin-right:10px;}
ul.listaNotsMini li:hover { background-color:#ECF2F7; }
ul.listaNotsMini li:hover div.comments{ color:#0066BB; opacity:1;}
ul.listaNotsMini li:hover div.fecha{ color:#0066BB;}

/******************************************** Col Derecha ********************************************/
div.box_colder{
	position:relative; float: left; width: 246px; overflow: hidden; display: block; margin: 0px; margin-bottom:10px; margin-left:-3px; padding: 0px; 
}
div.box_colder div.up{ width: 246px; height:10px; overflow:hidden; display: block;  
	background-image:url(http://www.mesebre.cat/css/img/bg_box_colder_up.png); background-repeat: no-repeat;
}
div.box_colder div.down{ width: 246px; height:10px; overflow:hidden; display: block;
	background-image:url(http://www.mesebre.cat/css/img/bg_box_colder_down.png); background-repeat: no-repeat;
}
div.box_colder div.middle{ position:relative; float:left; width: 226px; padding:10px; font-size:11px;
	background-image:url(http://www.mesebre.cat/css/img/bg_box_colder_middle.png); background-repeat: repeat-y;
}
div.box_colder H5{ color:#1c2f3e; color:#0068b3;
	padding: 0px; margin: 0px; line-height: 12px; text-indent:5px; font-size: 12px; margin-top:-10px; margin-bottom:5px; padding-bottom:8px; border-bottom: #ccc 1px dotted;
}

/******************************************** Caja contenido ********************************************/
div.box_contenido{
	position:relative; float: left; width: 730px; overflow: hidden; display: block; margin: 0px; margin-bottom:10px; margin-left:3px; padding: 0px; 
}
div.box_contenido div.up{ width: 730px; height:10px; overflow:hidden; display: block;  
	background-image:url(http://www.mesebre.cat/css/img/bg_box_content_up.png); background-repeat: no-repeat;
}
div.box_contenido div.down{ width: 730px; height:10px; overflow:hidden; display: block;
	background-image:url(http://www.mesebre.cat/css/img/bg_box_content_down.png); background-repeat: no-repeat;
}
div.box_contenido div.middle{ position:relative; float:left; width: 730px; padding:10px; font-size:11px;
	background-image:url(http://www.mesebre.cat/css/img/bg_box_content_middle.png); background-repeat: repeat-y;
}
div.box_contenido H5{ color:#1c2f3e; color:#0068b3;	padding: 0px; margin: 0px; line-height: 12px; width:97%;
 font-size: 12px; margin-top:-10px; margin-bottom:5px; padding-bottom:8px;  border-bottom: #ccc 1px dotted;
}

/************************************ estilo lista on trobar diari ****************************************/
div.llocs-entrega H5{ font-size: 13px; margin-top:5px;}
div.llocs-entrega ul li{ list-style-image: url(http://www.mesebre.cat/css/img/minim.png);
font-size:13px; font-weight: bold; line-height: 19px;}
div.llocs-entrega ul li span{ font-size:11px; font-weight: normal; font-style:italic; margin-left:5px; color:#0069B5;}
/***/

div.medio{width:49%; margin-left:1%; float:left; }
a.linkComments{background-image:url(http://www.mesebre.cat/img/comentaris.jpg); background-repeat:no-repeat; background-position:left; padding-left:20px;}


/******************************************** Footer ********************************************/
#footer {
	width:100%;
	margin: 0px;
	height: 52px;
	padding: 10px 0px 15px 5px;
	background-color:#0068B3;
	color:#FFFFFF;
	float:left;
}

html>body #footer {
	height: auto;
}
#footer a{color:#FFFFFF; font-weight:bold; text-decoration:none;}
#footer a:hover{color:#FFDD00;}

/******************************************** comentarios ********************************************/
div.form_comentari{ margin-left:30px; margin-top:30px; width:600px;  }
div.form_comentari input{ width:300px; margin-bottom:5px; border:#aaa 1px solid; font-size:11px; color:#035998;}
div.form_comentari textarea{ width:500px; height:130px;  border:#aaa 1px solid;  font-size:11px; color:#035998;}
div.form_comentari div.boton{ text-align:center; margin-top:20px;} 
div.form_comentari div.boton a {
font-size:12px;
-webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
box-shadow: 0 1px 2px rgba(0,0,0,.4);
background-color: #0068B3;
color: white!important;
padding: 9px 15px!important;
margin: 0 1px;
line-height: 2em;
text-decoration:none;
}
div.form_comentari div.boton a:hover{
	background-color:#0588E7;	
}


div.form_comentari #msgFormComment{background-color:#FFFFCC; border:#FFCC33 1px solid; padding:4px; width:97%; margin-bottom:15px;}

div.listComment{ width:650px; margin-left:30px; margin-bottom:15px; border-bottom:#D6D6D6 1px solid; padding:10px; background-color:#F4F4F6;}
div.listComment p.nam{font-size:16px; margin:0px; line-height:1px; font-weight:bold; color:#000000;}
div.listComment a{font-size:16px; font-weight:bold; text-decoration:none; color:#0068B3;}
div.listComment em{font-size:11px; line-height:1px; color:#82A2BA; font-style:normal; margin:0px;}

/******************************************** hemeroteca ********************************************/
div.hemeroteca{ width:176px; height:220px; float:left; text-align:center; margin-bottom:5px;}
a.th_hemeroteca { text-decoration:none;}
a.th_hemeroteca img{ width:115px; height:160px; margin-left:10px; margin-top:20px;}
div.hemeroteca p{width:auto; text-align:center; line-height:12px; font-size:12px;  margin:0px; margin-left:5px; padding:0px;}
div.hemeroteca:hover a.th_hemeroteca img{width:143px; height:200px; margin-top:0px; margin-left:5px;}
div.hemeroteca:hover p{ font-size:14px; font-weight:bold; color:#0068b3; margin:0px;}
a img.hemeroteca_ultima{ border:#ccc 1px solid;}
a:hover img.hemeroteca_ultima{ border-color:#037bd1;}
a.link_hemeroteca_colder{float:left; margin-bottom:10px; display:block; overflow: hidden; width: 220px; height: 74px;
background-image:url(http://www.mesebre.cat/css/img/bg_link_hemeroteca.jpg); background-position: 0px 0px; background-repeat: no-repeat;}
a.link_hemeroteca_colder span{ display: none;}
a.link_hemeroteca_colder:hover{ background-position: 0px -74px;}