html,body{width:100%;height:100%;margin:0;padding:0;background:#E3E7F2 url(../img/bg_web.jpg) top left repeat-x;font-family:verdana;}

#wrapper{width:892px;margin:0 auto;min-height:800px;position:relative;}

#slogan{color:#e9eaf0;position:absolute;top:80px;z-index:100;overflow:hidden;left:0;font-size:16px;padding:0;margin:0;font-family:arial;}

#menu{position:relative;overflow:hidden;width:100%;z-index:10;}
#menu ul{display:inline;line-height:34px;height:34px;list-style:none;overflow:hidden;font-size:12px;float:right;margin:0;margin-top:30px;padding:0;}
#menu ul li{float:left;overflow:hidden;}
#menu ul li.primer{background:#848FA5 url(../img/bg_left_menu.jpg) left no-repeat;padding-left:15px;}
#menu ul li.last{background:#848FA5 url(../img/bg_right_menu.jpg) right no-repeat;padding-right:15px;}
#menu ul li a{color:#fff;text-decoration:none;padding:10px 0 7px 0;background:#828da6;border-bottom:3px solid #828DA6;}
#menu ul li a:hover{border-bottom:3px solid #A3D0FF;}
#menu ul li a.selected{border-bottom:3px solid #A3D0FF;}
#menu ul li a span{border-right:1px solid #A3D0FF;overflow:hidden;padding:0 12px;}
/*#menu ul li a.primer{background:#747170 url(../img/bg_left_menu.jpg) left no-repeat;margin-left:15px;}
#menu ul li a.last{background:#747170 url(../img/bg_right_menu.jpg) right no-repeat;margin-right:15px;}*/
#menu ul li.last span{border:none;}

#image_logo{position:relative;height:350px;margin-top:40px;width:100%;margin-bottom:15px;}
#image_logo .img_portada{float:right;width:400px;}
#image_logo .img_portada h1{margin:0;background:url(../img/bg_titol_imatge.jpg) no-repeat;padding:0 10px;line-height:30px;color:#f86002;font-size:13px;}

#boxes{position:relative;overflow:hidden;width:100%;font-size:11px;}
#boxes div.imatges_box{min-height:250px;overflow:hidden;height:250px;}
#boxes div.imatges_box a img{border:none;}
#boxes a{font-size:14px;font-weight:bold;}
#boxes p{padding:0 10px 10px 10px;margin:0;color:#000;line-height:18px;font-family:tahoma;}
#boxes .petit p.complet{float:none;width:auto;padding:10px;}
#boxes h1{font-size:13px;margin:0;padding:10px 10px 5px 10px;}
#boxes h1 a{color:#000;border-bottom:1px dotted #000;padding-bottom:2px;text-decoration:none;margin-bottom:5px;font-size:12px;} 

#boxes.contingut{margin-top:40px;background:url(../img/bg_contingut.jpg) top left repeat-y;}
#boxes.portada{background:url(../img/bg_boxes_portada.jpg) 0% 50% left repeat-y;}

#boxes .petit{width:294px;float:left;background:#D5D7DE url(../img/bg_box.png) top left repeat-x;margin-left:5px;min-height:300px;}
#boxes .petit p{float:right;width:160px;padding:7px 10px 5px 0;}
#boxes .petit a.titol{padding:0 10px;display:block;line-height:30px;color:#fff;text-decoration:none;background:#5F6B87 url(../img/titol_box_petit.png) top left no-repeat;}
#boxes .petit a.titol:hover{background:url(../img/titol_box_petit.png) bottom left no-repeat;}
#boxes .petit a.nolink:hover{background:url(../img/titol_box_petit.png) top left no-repeat;}
#boxes .primer{margin:0;}

#boxes div.imatges_box{float:left;margin:10px;}
/*#boxes .petit div.text{float:right;width:150px;}*/


#boxes .llarg{width:618px;min-height:550px;float:left;background:#D5D7DE url(../img/bg_box.png) top left repeat-x;margin-left:5px;}

#boxes .llarg h1{background:url(../img/titol_box_llarg.jpg) bottom left no-repeat;color:#fff;line-height:30px;margin:0;padding:0 10px;}
#boxes .llarg div.contingut{margin:10px;border-bottom:1px solid #E3C4B1;overflow:hidden;width:598px;}
#boxes .llarg div.contingut h2{color:#0E1D30;font-size:20px;font-weight:normal;margin:0;padding:0;padding-bottom:5px;font-family:tahoma;}
#boxes .llarg div.contingut h3{margin:0;padding:0;padding-bottom:5px;font-size:13px;}
#boxes .llarg a.imatge_not{float:left;clear:left;margin:5px 10px 10px 0;padding:0;text-decoration:none;overflow:hidden;}
#boxes .llarg a.imatge_not img{border:none;}

.data{position:relative;font-size:13px;font-weight:bold;color:#5A5957;margin-bottom:10px;margin-top:-5px;}


#logo{position:absolute;top:0;left:0;}
/** html #logo {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/aleix/balsells.com/templates/balsells.com/img/logo_balsells.png", sizingMethod='image');}
* html #logo img {visibility:hidden;}*/

#peu{border-left:5px solid #0E1D30;line-height:30px;font-size:12px;margin-top:10px;}
#peu span {padding:0 4px;border-right:1px solid #0E1D30;}
#peu span.last {border:none;}
#peu span a{text-decoration:none;color:#000;}
#peu span a:hover{color:#66708B;}

#imatge_destacada{position:relative;margin:20px auto;text-align:center;width:254px;}
#imatge_destacada a img{border:none;}
#boxes a.titol_img_destacada{display:block;text-decoration:none;color:#000;margin:10px 15px 0 15px;font-size:12px;}

#col1{width:267px;float:left;background:#9BA0B3 url(../img/bg_col1.jpg) top left repeat-x;}
#col1 h1{background:url(../img/bg_titol_col1.jpg) top left no-repeat;color:#fff;line-height:30px;margin:0;padding:0 10px;height:30px;}
#col1 h1 span{font-size:10px;}
#col1 img.logo_rodo{display:block;margin:20px auto;border:none;}
#col1 img{display:block;margin:10px auto;border:2px solid #fff;}

.paginador{position:relative;text-align:center;line-height:35px;margin:0 15px 0 15px;display:block;}
.paginador ul{list-style:none;margin:0;padding:0;border-top:1px solid #E3C4B1;}
.paginador ul li{display:inline;font-weight:bold;}
.paginador ul li a{display:inline;color:#000;margin:0;text-decoration:none;font-weight:bold;padding:0 2px;}
.paginador ul li a:hover{text-decoration:underline;}
.paginador ul li a.selected{font-weight:bold;color:#404D6D;border:1px solid #A3D0FF;}
.noborder ul{border:none;}

.pager ul{margin:0;padding:0;font-size:12px;}

.llista_documents{margin:0;padding:0;padding-bottom:10px;/*float:left;*/font-size:12px;list-style:none;}
.llista_documents li{margin:0;padding:0;margin-bottom:10px;}
#boxes .llista_documents li a{display:inline;color:#757170;font-size:12px;}

#boxes .llista_col{margin:10px;padding:0;list-decoration:none;font-size:11px;}
#boxes .llista_col li{display:block;}
#boxes .llista_col li.titol{display:block;color:#0E1D30;font-weight:bold;font-size:14px;margin-bottom:5px;}
#boxes .llista_col li a{display:block;padding:7px 10px;background:#ECECEC;font-size:11px;border-bottom:1px solid #3E4C69;color:#757170;text-decoration:none;}
#boxes .llista_col li a:hover{background:#A3D0FF;color:#000;}
#boxes .llista_col li a.selected{background:#A3D0FF;color:#000;}

.fila{overflow:hidden;position:relative;width:100%;margin-top:5px;}
.fila div.imatge{float:left;overflow:hidden;width:200px;margin-left:4px;}
.fila div.imatge a{margin:0 auto;display:block;}
.fila div.imatge a img{border:none;}
.fila div p{display:block;}

h4.message{text-align:center;font-size:13px;}

#cos{width:872px;padding:10px;font-size:12px;background:#ECECEC url(../img/bg_box.png) top left repeat-x;min-height:500px;position:relative;}
#cos.p_lliure{background:#ECECEC url(../img/bg_box_lliure.jpg) top left repeat-x;padding:10px 15px;width:862px;}
h1.titol_cos{background:url(../img/titol_cos.jpg) top no-repeat;display:block;margin:0;border-bottom:5px solid #CECECE;padding:0 10px;line-height:30px;margin-top:40px;font-size:12px;color:#fff;}
#cos div{margin:0;padding:0;overflow:hidden;}
#cos a img{border:none;}
#cos h2{margin:0;padding:0 0 5px 0;color:#0E1D30;font-family:tahoma;font-size:18px;font-weight:normal;}
#cos p{padding:0;padding-bottom:10px;margin:0;color:#000;line-height:18px;font-family:tahoma;}
#cos ul{margin:0;padding:0;padding-bottom:10px;/*float:left;*/font-size:12px;list-style:none;}
#cos ul li{margin:0;padding:0;margin-bottom:10px;}
#cos ul li a{display:inline;color:#757170;font-size:12px;}

#logo_petit{position:absolute;top:80px;left:0;z-index:1;}

#contacte{width:500px;text-align:right;margin-top:30px;}
#contacte div{position:relative;margin-bottom:5px;}
#contacte input{width:300px;}
#contacte textarea{width:300px;height:200px;vertical-align:middle;margin-top:2px;}
#contacte label{text-align:left;width:300px;font-weight:bold;}
#contacte .buttons input{width:100px;text-align:center;margin:0 auto;}

h4.missatge_contacte{color:#0E1D30;text-align:center;padding:5px 10px;}

#boxes a.mes_noticies{color:#0E1D30;text-decoration:none;margin:0 10px;font-size:12px;float:right;}
#boxes a.mes_noticies:hover{text-decoration:underline;}

#idiomes{position:absolute;font-size: 1px;z-Index: 11;line-height: 20px; right:25px;top:10px;-moz-border-radius: 8px 8px 0 0;background: #000000;padding: 0 10px;margin: 0;text-align:center;background:url(../img/bg_idiomes.jpg) top left no-repeat;}
#idiomes a{font-size:10px;color:#fff;text-decoration:none;padding: 2px 8px;border-top: 2px solid #000;}
#idiomes a.selected, #idiomes a:hover {border-top: 2px solid #F86002;}

#boxes p.avis_legal{margin:10px;padding:10px;}
#boxes h3.avis_legal{margin:10px;padding:0;}