html,body{width:100%;height:100%;margin:0;padding:0;background:#f8f7f7;font-family:verdana;font-size:12px;}
h1,h2,h3,h4{margin:0;padding:0;}
p{margin:0;padding:0;}

#wrapper{width:900px;height:800px;margin:20px auto;}

#cap{height:170px;position:relative;overflow:hidden;clear:both;}
#cap_superior{height:90px;position:relative;overflow:hidden;clear:both;margin-bottom:5px;background:#fff url(../images/img_cap_sup.jpg) top left no-repeat;}
#cap_inferior{height:75px;position:relative;overflow:hidden;clear:both;}
#cap_inferior h1{position:absolute;bottom:0;right:10px;font-size:11px;}
#logo{position:absolute;top:20px;left:15px;}

#cos{padding:15px 15px 0 15px;position:relative;overflow:hidden;clear:both;background:#fff;}
#col1{width:200px;float:left;background:#F0EFEE;min-height:705px;}
#col1 h1{line-height:25px;height:25px;background:#63544A;color:#fff;padding:0 5px;font-size:12px;}
#col1 ul{margin:0;padding:0;list-style:none;margin-bottom:5px;}
#col1 ul li{display:block;margin-bottom:1px;}
#col1 ul li a{display:block;background:#D1CCC9 url(../images/fletxa.jpg) top right no-repeat;color:#63544a;text-decoration:none;line-height:20px;padding:0 5px;}
#col1 ul li a:hover{background:#DE495F url(../images/fletxa.jpg) bottom right no-repeat;color:#fff;}
#col1 ul li a.selected{background:#DE495F url(../images/fletxa.jpg) bottom right no-repeat;color:#fff;}

#col2{width:640px;float:right;min-height:705px;}
#col2 h1{line-height:25px;height:25px;background:#63544A;color:#fff;padding:0 5px;font-size:12px;}
#col2 .box{padding:20px 10px;}
#col2 h2 {padding-bottom:10px;font-size:16px;font-weight:bold;}
#col2 .box p{margin-bottom:15px;color:#000000;line-height:15px;font-size:12px;}
/*#col2 .box p span{font-size:10px;font-weight:bold;}*/
#col2 .box p span{font-weight:bold;}
#col2 .box img{float:right;margin-left:10px;}

#peu{position:relative;overflow:hidden;clear:both;padding:15px;background:#fff;margin-bottom:20px;}
#peu_into img{position:absolute;right:10px;top:4px;border:none;}
#peu_into{position:relative;overflow:hidden;clear:both;background:#D1CCC9;color:#6A5C52;font-size:10px;line-height:20px;padding:0 10px;}
#peu_into a{color:#6A5C52;text-decoration:none;}
#peu_into a:hover{color:#6A5C52;text-decoration:underline;}

#idiomes{position:absolute;right:20px;bottom:20px;margin:0;padding:0;}
#idiomes li{display:inline;}
#idiomes li a{float:left;padding:0 5px;font-size:10px;color:#6A5C52;text-decoration:none;}
#idiomes li a.primera{border-right:1px solid #6A5C52;text-decoration:none;}
#idiomes li a.selected{color:#d1ccc9;font-weight:bold;}

/* Formulari de contacte */
#forms_contacte{width:620px;float:left;overflow:hidden;margin-left:15px;}
#forms_contacte h2{margin-bottom:25px;}
#formulari_contacte{}
#formulari_contacte label{display:block;}
#formulari_contacte input{width:270px;height:17px;}
#formulari_contacte input.boto{width:75px;height:25px;margin-top:20px;margin-right:40px;float:right;padding:0;font-weight:bold;cursor:pointer;}
#formulari_contacte textarea{width:580px;height:120px;}
#formulari_contacte .camps{float:left;overflow:hidden;width:310px;}
#formulari_contacte .camps div{margin-bottom:5px;}
#formulari_contacte .text_missatge{float:left;}
