* { margin:0px; padding:0px; }
html { overflow-x:hidden; }
body { font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:11px; line-height:15px;  background:#afaa80 url('../img/fondoweb.jpg') repeat; }
input,textarea { font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:11px;  color:#6a6969; }
img { border:0px; }
ul, ul li { list-style:none; padding:0px; font-size:11px; }
h1, h2, h3, h4, h5, p { font-weight:normal; font-size:11px; }
a { text-decoration:none; color:#6a6969; }
a:hover { text-decoration:underline; }

.clear { clear:both; height:40px;width:722px;  }

div#wrapper { width:790px; margin:80px auto; }

div#wrapper div#langs { width:790px; height:23px; float:left; }
div#langs ul li { float:left;   width:68px; height:23px;  }
div#langs ul li a { background:#333333; color:#7b7d6d; width:65px; height:19px; padding-top:2px; display:block; text-align:center; }
div#langs ul li a:hover,div#langs ul li a.actiu { background:#000; color:#ffffcc; text-decoration:none; }


div#hdr { height:90px; width:790px; background:#221f1f; float:left; }
div#hdr a#logo { padding:25px 128px 0 33px; float:left; }
div#hdr a#logo img { float:left; }

div#hdr a#logo1 { padding:25px 97px 0 33px; float:left; }
div#hdr a#logo1 img { float:left; }

div#hdr div#info { width:300px; float:left; padding-top:25px;  }
div#hdr div#info h1 { font-size:13px; font-weight:bold; color:#fff; padding-bottom:5px;}
div#hdr div#info h2 { font-size:13px; color:#fff; }

div#hdr div#menu { float:left; padding-top:20px; width:184px;  }
div#hdr div#menu ul li { padding-bottom:3px; }
div#hdr div#menu ul li a { font-size:14px; color:#FFFFCD; background:url('../img/menu-bullet.gif') no-repeat top left; font-size:12px; padding-left:18px; }

div#hdr2 { height:90px; width:790px; background:#221f1f; float:left; }
div#hdr2 a#logo { padding:25px 60px 0 33px; float:left; }
div#hdr2 a#logo img { float:left; }

div#hdr2 a#logo1 { padding:25px 29px 0 33px; float:left; }
div#hdr2 a#logo1 img { float:left; }

div#hdr2 p { width:500px; float:left; padding-top:28px; }
div#hdr2 p input { float:left; width:167px; font-size:11px; height:15px; background:#ffffcc; color:#221f1f; border:0px; padding:0px; margin:0px; line-height:16px; margin-right:9px; }
div#hdr2 p input.bt { background:#000; color:#ffffcc; font-size:12px; font-weight:bold; cursor:pointer; width:100px; margin-right:0px; background:url('../img/ico-bt.gif') no-repeat 7px 2px; }  
div#hdr2 p#record { padding-top:7px; width:390px; float:left; }
div#hdr2 p#record a { font-size:11px; color:#fff; }
div#hdr2 p#output_info { float:left; font-size:11px; color:white; width:360px; padding-top:2px; padding-left:223px; }

div#content { width:722px; background:#7b7d6d; margin-top:3px; float:left; padding:0 34px 0 34px; min-height:450px; height: auto !important; height:450px; clear:both;  }

div#content div#sup { width:722px; float:left; height:26px; }

div#content div#sup ul { float:right; }
div#content div#sup ul li { float:left; height:22px; width:53px; text-align:center; background:url('../img/bt_pas-n.gif') no-repeat 4px 0; font-size:12px; font-weight:bold; color:#333; padding:4px 0 0 4px; }
div#content div#sup ul li.act { background:url('../img/bt_pas-h.gif') no-repeat 4px 0;  }

div#content h1 { font-size:15px; font-weight:bold; color:#ffffcc; padding:6px 0 6px 0; float:left; width:722px; }
div#content p { font-size:12px; color:#fff; float:left; width:722px; line-height:16px; }

div#content div.sep { width:722px; height:42px; background:url('../img/lin-sep.gif') repeat-x top left; float:left; }

div.persones-col { width:122px; height:268px; float:left; padding-bottom:15px; }
div.persones-col a { float:left; width:110px; height:255px; background:#9b9b8a; padding-top:29px; color:#fff; }
div.persones-col a img { padding:0 0 145px 15px; float:left; }
div.persones-col a:hover { background:#ffffcc; text-decoration:none; color:#3e3b3c ; }
div.persones-col.last { width:110px; }
div.persones-col a span { width:110px; float:left; font-size:15px; font-weight:bold; text-align:center; }

div#calendari { width:316px; height:262px; background:#9b9b8a; float:left; padding:26px 23px 0 23px; }
div#calendari h2 {  }
div#calendari h2 a { float:left; width:10px; }
div#calendari h2 span { float:left; width:289px; text-align:center; font-size:12px; font-weight:bold; color:#fff; }

/*203/7=29*/
div#calendari table { width:308px; float:left; padding-top:10px; }
div#calendari table tr#ttl_cal td { color:#fff; font-size:13px; border-top:1px solid #d1d2c2;  }
div#calendari table tr td { height:29px; width:44px; text-align:center; font-size:12px; color:#737467; border-bottom:1px solid #d1d2c2; }
div#calendari table tr td a { color:#fff; }

div#calendari table tr td.act { background:#ffffc7; }
div#calendari table tr td.act a { color:#737467;}
div#info-calendari { width:326px; height:255px; float:left; padding:19px 0 0 18px; }
div#info-calendari h2 { font-size:14px; font-weight:bold; color:#feffc4; padding-bottom:10px; float:left; }
div#info-calendari ul { float:left; border-top:1px solid #8a8d80; }
div#info-calendari ul li { height:27px; float:left; width:326px; border-bottom:1px solid #8a8d80; padding-top:6px; }
div#info-calendari ul li.full div { width:167px; height:18px; background:#9b9b8a; color:#3e3b3c; text-align:center; font-size:12px; padding-top:2px; font-weight:bold; float:left; }
div#info-calendari ul li.free div { width:167px; height:18px; background:#ffffcc; color:#3e3b3c; text-align:center; font-size:12px; padding-top:2px; font-weight:bold; float:left; }
div#info-calendari ul li.full a { float:left;  font-size:12px; font-weight:bold; color:#9b9b8a; padding-left:5px; padding-top:2px; }
div#info-calendari ul li.free a { float:left;  font-size:12px; font-weight:bold; color:#ffffcc; padding-left:5px; padding-top:2px; }


div#confirmar { width:676px; float:left; background:#9b9b8a; padding:22px; min-height:340px; height: auto !important; height:340px;  }
div#confirmar h2 { color:#feffc4; font-size:14px; font-weight:bold; width:676px; float:left; border-bottom:1px solid #767569; padding-bottom:10px; padding-left:10px; margin-bottom:10px; }
div#confirmar p { width:676px; float:left; color:#fff; font-size:13px; padding-top:15px; }
div#confirmar p span { float:left; width:185px; }
div#confirmar p input { width:340px; float:right; background:#fff; color:#3e3b3c; padding:2px 0px 2px 0; border:0px; margin:0px;  font-size:12px; }
div#confirmar p input.but { width:340px; float:right; background:#feffc4; margin-top:2px; cursor:pointer; font-weight:bold; }


div#lost  { width:676px; float:left; background:#9b9b8a; padding:22px; min-height:340px; height: auto !important; height:340px;  }
div#lost h2 { color:#feffc4; font-size:14px; font-weight:bold; width:676px; float:left;  }
div#lost p#titular {  border-bottom:1px solid #767569;width:676px; float:left; color:#fff; font-size:13px; padding-top:5px; padding-bottom:20px; }
div#lost p {  border-bottom:1px solid #767569;width:676px; float:left; color:#fff; font-size:13px; padding-top:35px; border-bottom:0px; }
div#lost p span { float:left; width:185px; height:22px;}
div#lost p input { width:340px; float:right; background:#fff; color:#3e3b3c; padding:2px 0px 2px 0; border:0px; margin:0px;  font-size:12px; }
div#lost p input.but { width:120px; float:right; background:#feffc4; margin-top:3px; cursor:pointer; font-weight:bold; }
div#lost p input.error { background:#ffffcc; }

div#llistat { width:720px; float:left;} 
div#llistat h3 { font-size:14px; float:left; color:#ffffcc; border-bottom:1px solid #525348; width:720px; padding-bottom:18px; }
div#llistat h3 a {  color:#ffffcc; float:left; width:215px; background:url('../img/bullet2.gif') no-repeat top right;  }
div#llistat h4 { font-size:14px; float:left; color:#ffffcc; width:720px; padding:20px 0 20px 0; }
div#llistat ul { float:left; width:720px; border-top:1px solid #8a8d80; }
div#llistat ul li  { float:left; width:702px; border-bottom:1px solid #8a8d80; padding:9px 0 9px 18px; }
div#llistat ul li span { float:left; width:480px; font-size:12px; color:#fff; }
div#llistat ul li a { background:url('../img/creu.gif') no-repeat 0 1px; font-size:13px; color:#ffffcc; padding-left:17px; float:right; width:140px; }
div#llistat h3 span { float:right; width:380px; font-size:12px; color:#fff;}

div#usuari_mod  { width:676px; float:left; background:#9b9b8a; padding:22px; min-height:340px; height: auto !important; height:340px;  }
div#usuari_mod h2 { float:left; font-size:14px; color:#ffffcc; font-weight:bold; border-bottom:1px solid #767569;  width:646px; padding-bottom:17px; padding-left:30px; margin-bottom:15px;  }
div#usuari_mod h2 span { float:left; background:url('../img/ico_user2.gif') no-repeat top right; padding-right:23px;  }
div#usuari_mod p { float:left; padding-bottom:7px; width:646px; }
div#usuari_mod p span { float:left; width:185px; height:20px; }
div#usuari_mod p input { width:340px; float:left; background:#fff; color:#3e3b3c; padding:2px 0px 2px 0; border:0px; margin:0px;  font-size:12px; }
div#usuari_mod p input.but { width:340px; float:left; background:#feffc4; margin-top:2px; cursor:pointer; font-weight:bold; }
div#usuari_mod p input.curt { width:166px; }
div#usuari_mod p input.error { background:#ffffcc; }

div#crea_usuari { width:720px; float:left; padding:0; min-height:375px; height: auto !important; height:375px; }
div#crea_usuari h3 { float:left; font-size:14px; color:#ffffcc; font-weight:bold; border-bottom:1px solid #5c5e52;  width:690px; padding-left:30px; padding-bottom:17px; margin-bottom:25px;  }
div#crea_usuari h3 span { float:left; background:url('../img/ico_user.gif') no-repeat top right; padding-right:23px;   }
div#crea_usuari div#form { width:373px; float:left;  }
div#crea_usuari div#form p { float:left; padding-bottom:7px; width:373px; }
div#crea_usuari div#form p span { float:left; width:178px; height:20px; text-align:right; padding-right:11px; }
div#crea_usuari div#form p input { width:167px; float:left; background:#fff; color:#3e3b3c; padding:2px 0px 2px 0; border:0px; margin:0px;  font-size:12px; }
div#crea_usuari div#form p input.but { width:167px; float:left; background:#feffc4; margin-top:2px; cursor:pointer; font-weight:bold; }
div#crea_usuari div#form p input.curt { width:97px; }
div#crea_usuari div#form p input.error { background:#ffffcc; }

div#crea_usuari div#info { width:340px; float:left; }
div#crea_usuari div#info p { width:340px; float:left; text-align:justify; color:#333; font-size:10px; padding-bottom:5px; }
