@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0}
ul,li {list-style-type:none;}

body {
background: #000 url(images/bg_header.jpg) repeat-x top;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#999;
line-height: 24px;
}

a {text-decoration: none;}


#wrap {
width: 800px;
margin: 0 auto;
}

#header {
height: 200px;
background: url(images/img_header.gif) no-repeat center;
}

#header h1 {
font-size: 30px;
font-weight: 100;
padding: 10px 0 0 0px;
}
#header h1 a {
text-decoration: none;
color: #4e740b;
}
#header h1 a:hover {
text-decoration: none;
}
#header h2 {
color: #666;
font-size: 14px;
font-weight: 100;
padding: 0 0 0 5px;
}



#menu {
height: 30px;
line-height: 30px;
padding-left:94px;
}
.menu {background:url(images/bg_menu.gif); height:30px}
.menu li {float:left;}
.menu a {background:url(images/bg_menu.gif);display:block; text-indent:-9000%;height:30px;}

.menuInici a { width:150px; background-position:0px 0px;}
.menuGaleria a { width:150px; background-position:-150px 0px;}
.menuPlanols a { width:150px; background-position:-300px 0px;}
.menuProjecte a { width:150px;  background-position:-450px 0px;}

.menuInici a:hover { width:150px; background-position:0px -100px;}
.menuGaleria a:hover { width:150px; background-position:-150px -100px;}
.menuPlanols a:hover { width:150px; background-position:-300px -100px;}
.menuProjecte a:hover { width:150px;  background-position:-450px -100px;}

.menuInici a.active { width:150px; background-position:0px -100px;}
.menuGaleria a.active { width:150px; background-position:-150px -100px;}
.menuPlanols a.active { width:150px; background-position:-300px -100px;}
.menuProjecte a.active { width:150px;  background-position:-450px -100px;}


#content {

line-height: 17px;
}

.left {
margin: 20px 0;
float: left; 
width: 580px;
text-align: justify;
}
#content h2 {
color: #4e740b;
font-size: 24px;
font-weight: 100;
padding : 10px 0 15px 0;
}
#content h2g {
color:#666;
font-size: 24px;
font-weight: 100;
padding : 10px 0 15px 0;
padding-right:10px;
float:left;
}

.right {

float: right;
width: 220px;
}

.btns_fotos li{float:left; padding-right:20px;}
.btns_fotos a {background:url(images/btn_fotosplanols.gif);display:block; height:60px;}


.btn_planols a { width:260px;}
.btn_planols a:hover { width:260px; background-position:0px -100px;}
.btn_planols a.active { width:260px; background-position:0px -100px;}

.btn_galeria a { width:260px; background-position:260px 0px}
.btn_galeria a:hover { width:260px; background-position:260px -100px;}
.btn_galeria a.active { width:260px; background-position:260px -100px;}


#footer {
font-size: 11px;
color:#999;
text-align: center;
padding: 5px 0 10px 0;
margin-top: 50px;
border-top: 10px solid #666;
}
#footer a { 
color: #999;
text-decoration:none;
}
#footer a:hover {
color: #333;
text-decoration:none;
}