html,body{margin:0;padding:0;background:#f00;width:100%;height:100%;background:url(../img/bg.gif) top left repeat-x;font-family:verdana;font-size:13px;}
#wrapper{width:768px;margin:0 auto;position:relative;}
ul{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4{margin:0;padding:0;}
p{margin:0;}

#cap{position:relative;background:url(../img/cap_bo2.jpg) top left repeat-x;height:122px;width:100%;}
#logo{display:block;width:200px;height:100px;position:absolute;bottom:0;left:0;}
#logotip{position:absolute;bottom:0;left:0;}
#img_right{position:absolute;right:0;bottom:0;}

#menu ul{float:right;height:42px;overflow:hidden;line-height:55px;width:767px;clear:both;border-right:1px solid #000;background:url(../img/bg_menu_left2.jpg) top left no-repeat;}
#menu ul li{display:inline;float:right;}
#menu ul li a{display:block;padding:0 10px;background:url(../img/bg_menu.gif) top left repeat-x;color:#fff;font-weight:bold;text-decoration:none;font-size:12px;font-family:verdana;}
#menu ul li a:hover{background:url(../img/bg_menu_hover.gif) top left repeat-x;color:#000;}
#menu ul li a.selected{background:url(../img/bg_menu_hover.gif) top left repeat-x;color:#000;}

h1.portada{line-height:30px;margin-top:5px;background:url(../img/bg_h1_estret.gif) top no-repeat;display:block;font-size:16px;color:#fff;padding:0 10px;overflow:hidden;text-align:left;}
h3{color:#914353;font-size:12px;padding:0 10px;padding-top:10px;}
img.portada{width:766px;border-left:1px solid #000;border-right:1px solid #000;}

h1.gros{background:url(../img/bg_gros.gif) top no-repeat;line-height:52px;margin-top:5px;color:#fff;padding:0 20px;font-size:18px;}

#cos{overflow:hidden;position:relative;width:100%;clear:both;background:#fff;}
#col1{width:262px;float:left;padding-bottom:10px;}
#col2{width:502px;float:left;margin-left:1px;overflow:hidden;}

#c1{width:50%;float:left;}
#c2{width:50%;float:left;}

div.box_llarg{background:#f8d9d9 url(../img/bg_box.gif) top left repeat-x;width:502px;display:block;margin:0 auto;margin-bottom:10px;padding-bottom:5px;overflow:hidden;}
div.box_llarg h3{color:#870102;font-size:12px;}
div.box_llarg p{padding:10px;font-size:11px;color:#333;}
div.box_llarg img{padding:0;margin:5px;float:left;clear:left;border:1px solid #ccc;}

div.box_presentacio{width:248px;margin:0 auto;background:#dca7a7 url(../img/bg_box_presentacio.gif) top left repeat-x;}
div.box_presentacio div{border-bottom:1px solid #9C0303;padding-bottom:10px;overflow:hidden;width:100%;position:relative;}
div.box_presentacio div span{margin:0 10px;}
div.box_presentacio h3{color:#870102;font-size:12px;}
div.box_presentacio h3 a{color:#870102;font-size:12px;}
div.box_presentacio h3.preu{margin:0;padding:0;}
div.box_presentacio p{padding:10px 10px 0 10px;font-size:11px;color:#333;}
div.box_presentacio img{float:left;margin:5px;border:1px solid #ccc;}

div.fila_box{width:750px;position:relative;overflow:hidden;clear:left;margin:0 auto;margin-top:5px;padding-bottom:2px;}

div.fila_box div.last{margin-right:0;}
div.box{background:#F8D7D7 url(../img/bg_box.gif) top left repeat-x;width:245px;display:block;margin:0 auto;float:left;margin-right:7px;padding-bottom:5px;}
div.box p{padding:5px 10px 0 10px;color:#333;font-size:11px;}
div.box a.mes_info{float:right;margin-right:5px;margin-top:5px;color:#800000;font-size:11px;}
div.box a.mes_info:hover{text-decoration:underline;}
div.box img{float:left;margin:5px;border:none;}
h2{line-height:30px;height:30px;background:url(../img/bg_titol_curt.gif) top no-repeat;display:block;font-size:13px;color:#fff;padding:0 10px;overflow:hidden;margin:0;}

#peu{position:relative;line-height:18px;height:37px;clear:left;background:transparent url(../img/peu.gif) bottom no-repeat;border-top:1px solid #B74747;text-align:right;}
#peu a{margin-right:10px;text-decoration:none;color:#f00;font-size:10px;}
#peu div{background:#fff;}

ul.llista{width:250px;margin:0 auto;background:#F79493 url(../img/bg_llista.gif) top left repeat-x;margin-top:5px;padding:0;}
ul.llista li{line-height:30px;display:block;padding-left:5px;background:url(../img/nav_sep_second.gif) top no-repeat;}
ul.llista li.primer{background:none;}
ul.llista li.titol_llista{background:url(../img/titol_llista.gif) top left no-repeat;text-align:center;line-height:39px;color:#fff;font-weight:bold;}
ul.llista li.bottom_llista{background:#fff url(../img/bottom_llista.gif) top no-repeat;height:11px;line-height:11px;padding:0;margin:0;}
ul.llista li a{color:#e6e1e3;text-decoration:none;line-height:30px;display:block;padding-left:20px;font-weight:bold;}
ul.llista li a:hover{color:#000;}
ul.llista li a.selected{background:url(../img/nav_selected.gif) top left no-repeat;color:#333;}
ul.llista{list-style:none;}

p.formulari{text-align:center;margin-top:10px;}
#formulari{width:400px;position:relative;margin:0 auto;text-align:left;padding:20px 0;}
#formulari input{width:250px;border:1px solid #EFA7A7;background:#FCEDED;}
#buttons input{width:auto;background:#C80002;color:#fff;border:1px solid #EFA7A7;cursor:pointer;margin:10px 10px 0 0;}
#formulari label{display:block;font-weight:bold;margin-top:10px;}
#formulari textarea{width:400px;height:150px;border:1px solid #EFA7A7;background:#FCEDED;}

div.missatge_ok{text-align:center;padding:10px;line-height:30px;background:#d3ffc9;color:#24bf00;border:1px solid #24bf00;width:500px;position:relative;margin:0 auto;margin-top:10px;}
div.missatge_ko{text-align:center;padding:10px;line-height:30px;background:#B5403F;color:#fff;border:1px solid #930000;width:500px;position:relative;margin:0 auto;margin-top:10px;}

div.botetnadal_info{padding:0 20px 20px 20px;}
div.botetnadal_info img{float:left;margin:0 10px 10px 0;}
div.botetnadal_info ul{list-style:none;margin:0 0 20px 20px;}
div.botetnadal_info p{margin-bottom:10px;}
div.botetnadal_info p.details{/*margin-bottom:10px;background:#D48E8E;padding:10px;*/}
div.botetnadal_info h1{font-size:16px;color:#8D0000;margin:20px 0;text-align:center;}
div.botetnadal_info h2{font-size:13px;color:#8D0000;margin:15px 0;background:#fff;}

#cos a.link h2{text-decoration:underline;}

#mapa_ubicacio{overflow:hidden;float:left;width:500px;background:#fff;display:block;margin:10px auto;}
#mapa_ubicacio h1{color:#9C0000;font-size:15px;text-align:center;}
#info_ubicacio{position:absolute;width:245px;top:20px;right:20px;background:#F8D7D7 url(../img/bg_box.gif) top left repeat-x;}
#info_ubicacio h1{line-height:30px;height:30px;background:url(../img/bg_titol_curt.gif) top no-repeat;display:block;font-size:13px;color:#fff;padding:0 10px;overflow:hidden;margin:0;}
#info_ubicacio h2{font-size:13px;background:transparent;color:#930000;padding:5px;margin:0;line-height:20px;height:20px;}

span.oferta_port{color:#8D0000;}

#personal{position:relative;overflow:hidden;}
#personal h4{color:#AB2929;margin:5px 10px;font-size:16px;}
#personal div{width:46%;/*width: 100px;*/padding:0 10px;margin:0;float:left;}
#personal h1{background:none;font-size:12px;color:#000;margin:0;margin-top:5px;padding:0;line-height:12px;}
#personal p{margin:0;padding:0;}
#personal h2{background:none;font-size:11px;color:#000;margin:0;padding:0;}
#personal{position:relative;overflow:hidden;}
#personal div img{float:left;width:100px;margin:0 5px 5px 0;border:2px solid #fff;}

#flash{position:relative;width:100%;height:300px;}

.calendari{position:relative;background:#DCA7A7;margin:0 7px;padding-bottom:10px;text-align:center;}
.calendari a{overflow:hidden;margin:5px;}
.calendari a img{margin:10px auto;border:none;}
.calendari h1{margin:0;padding:0;background:#9E0707;color:#fff;font-size:14px;line-height:30px;height:30px;background:#A71F1F url(../img/bg_titol_cal.jpg) top left repeat-x;}

.mosaic{position:relative;width:100%;clear:left;overflow:hidden;}
.mosaic a{float:left;margin:0 5px 5px 0;}