* { padding:0; margin:0; }

body {background:#fff url(images/body_bkg.gif); font: 11px Verdana, Arial, Helvetica, sans-serif; color:#333;}

h1, h2, h3, h4 { font-family:"Trebuchet MS", halvetica, Verdana, sans-serif; display:block;}
h1 {font-size:22px;text-transform:uppercase;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}

a { color: #5B920A; outline:none;}
a:hover { text-decoration:underline; }

.clear, .cb {clear:both;}

#wrap {width:954px; margin:0px auto; } 
#wrap #header { background:url(images/pagebg.png) repeat-y; color:#666666;  padding:20px 20px 3px 60px; position:relative; }
#wrap #header #logo { padding:10px 20px;}
#wrap #header a { color: #666666; text-decoration:none; }
#wrap #header a:hover { color:#000; }
#wrap #header ul#idioma { position:absolute; right:20px; list-style:none;}
#wrap #header ul#idioma li {float:left; margin-left:10px;}

#wrap #footer p { margin:0px; padding:0px; }

#wrap #footer {
margin:0 20px 0 20px;
	background: url(img/sombra_peu.png) #000 left bottom no-repeat;
	height: 70px;
	padding: 15px 0 10px 0;
	text-align: center;
}

#main {background:url(images/pagebg.png) repeat-y; padding:2px 9px 0 9px; margin:0;}


#menus {background:url(images/menu.jpg) no-repeat; height:88px; margin-bottom:10px;}
#submenu ul { list-style: none; margin:0px; }
#submenu li { display: inline; }

#submenu a {
	background: url(imasges/submenudevider.png) no-repeat left;

	display: block;
	float: left;
	height: 16px;
	
	padding-right: 15px;
	padding-left: 15px;
	color: #666666;
	text-decoration: none;
}
#submenu a.active { font-weight:bold; }
#mainmenu {
padding:0px;
margin:0px;
	height: 55px;
	font: bold 14px "Trebuchet MS", halvetica, Verdana, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 10px;
}
#mainmenu a {
	display: block;
	height: 40px;
	padding-right: 25px;
	padding-left: 25px;
	float: left;
	text-decoration: none;
	padding-top: 15px;
	background: url(images/menudevider.png) no-repeat 0px 3px;
	color: #5B920A;

}
#mainmenu .first a { background: none; }

#mainmenu li { display: inline; }
#mainmenu a:visited, #mainmenu a:active {text-decoration:none; color: #5B920A;}
#mainmenu #active a {background:url(images/menuactive.gif) no-repeat center top; color:#fff; margin-top:-1px;}
#wrap #main #content { padding: 15px; margin-bottom:30px;}
#content {font-size:12px; background-color:#fff; }
#main  p { line-height: 18px; margin-bottom: 5px; }
#mainmenu a:hover {color:#fff;}


#homeleft { width:600px; float:left; margin-right:20px; }
#homeleft ul { margin-left:30px;}

#homeright { width:260px;float:left; margin-left:20px;}




#main h2 {color:#333; display:block; padding:3px 0 8px 0;}
.green { color:#5B920A; }

#homeright h3 {
	color: #5B920A;
	font-weight: normal;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 8px;
}



#mainmenu ul {list-style:none;}
#submenu a {
	
	background: url(images/submenudevider.png) no-repeat left;
	display: block;
	float: left;
	height: 16px;
	padding-top: 2px;
	padding-right: 15px;
	padding-left: 15px;
	color: #666666;
	text-decoration: none;
}
#submenu a:hover {
	background: url(images/submenudevider.png) no-repeat left;
	display: block;
	float: left;
	height: 16px;
	padding-top: 2px;
	padding-right: 15px;
	padding-left: 15px;
	color: #000000;
	text-decoration: none;
}

#productlist { list-style:none; }
#productlist li {
	display:block;
	padding:3px;
	border-bottom:1px solid #eee;
}
.productimage { float:left; }
.post .date { font-size: 10px; }
.post h3 {
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 15px;
}
.post { padding:5px; margin-bottom:15px; }
#sidebar1 { float:left; width:49%; }
#sidebar2 { float:right; width:49%; }
#homeright  ul { list-style:none; margin:0 !important;}
#homeright li { display:block; border-bottom:1px solid #eee; height:18px;padding-left:10px;margin-top:3px; }
#homeright li a {
	display: block;
	height: 15px;
	padding-top: 2px;
	color: #999999;
	text-decoration: none;
	background: url(images/bullet.png) no-repeat 0px 3px;
	padding-left: 15px;
}

.form {margin:10px 25px 10px 50px;}
.form .text {
	display:block;
	border:1px solid #666666;
	background: #efefef;
	width:250px;
	padding:5px;
	font-size:14px;
	color:#000000;
}
.form label {display:block; margin-bottom:3px; margin-top:10px;}
.form .text:hover{background:#FFFFFF; border: solid 1px #000000;}
.form .text:focus {
	background:#efefef;
	border: 1px solid #669900;
}
.form .button {
	display:block;
	border:1px solid #666666;
	background:#efefef;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
}
.form .button:hover {
	display:block;
	border:1px solid #666666;
	background: #ffffff;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
}


#passi { border-bottom:1px dashed #ccc; background-color:#fff;height:300px;padding-bottom:30px;padding-right:20px;margin-top:20px;margin-bottom:20px; margin-left:10px;margin-right:10px;}
#passi img.imgpassi { margin-right:20px;}
#passi h2 { margin-top:20px; font-size:18px; color:#5b920a; }
#passi p { color: #cdcdcd; color:#000; }
#passi ul {margin-left:30px;list-style:none;}
#passi ul li {background: url(images/bullet.png) no-repeat 0px 3px; padding-left:17px; margin-left:555px; margin-bottom:2px;}
#passi ul li a { text-decoration:none; }
#passi ul li a:hover { color:#000; }
#destacat { border:1px dashed #8db354; padding:10px; font-size:11px; }
#destacat strong { font-size:11px;padding-bottom:10px; display:block; }


label { width:140px; display:block; float:left; font-weight:bold;}

#formulari {width:650px;}
.text { border:1px solid #cccccc; width:400px;}
.textarea { border:1px solid #cccccc; width:500px;height:200px;}


/* Curriculum i Treballs realitzats */
.treball { margin-top:0px;margin-bottom:60px;}
.treball p { margin-bottom:10px !important;}
.treball img { border:1px solid #c6c6c6; padding:2px; margin-right:5px; margin-bottom:5px;}
.treball ul { margin-left:25px;}
.treball ul li { margin-bottom:5px;}

/* Articles Blog */
.article_resum h2 {padding-bottom:2px !important;font-size:14px;line-height:22px;font-family:Tahoma,verdana !important;}

.article_resum  p {margin-bottom:5px !important;}
.article_resum  p.data {font-style:italic;font-size:10px;color:#999;margin-bottom:0px !important;padding:0px;}
.article_resum  strong {color:#333;font-style:normal;}
.article_resum {
text-align:left;
margin-right:40px;
overflow:hidden;
float:left;
margin-bottom:20px;
font-size:12px;
}
.article {
width:100%;
text-align:left;
}
.article blockquote {
  font: 1em/1.4em Georgia, "Times New Roman", Times, serif;
  width: 340px;
  background: url(../img/close-quote.png) no-repeat right bottom;
  padding-left: 18px;
  text-indent: -18px;
  font-weight:bold;
}
.article blockquote:first-letter {
  background: url(../img/open-quote.png) no-repeat left top;
  padding-left: 30px;
  
  font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}

.article ul { margin-left:30px; margin-bottom:10px;}
.article ul li { margin-bottom:8px;}
#imatges {
background:#fff;
float:right;
width:210px;
padding:20px 0px 10px 20px;
}
.article img {
margin-bottoM:20px;
float:left;
}


/* Projecte */
#noticies_relacionades { margin-top:40px;}
#noticies_relacionades .noticia { font-size:11px;margin-bottom:25px; padding-left:10px; width:260px;}
#noticies_relacionades .noticia p { margin-bottom:5px;}
#noticies_relacionades .noticia p.data { color:#ccc; font-size:10px;}
#noticies_relacionades .noticia h4 { font-size:13px;}

/* Blog */
blockquote {margin-top:20px;margin-bottom:20px;}
#homeright ul { margin-left:25px; margin-bottom:20px; margin-top:5px;}

.tag_cloud { padding: 3px; text-decoration: none; }
.tag_cloud:link  { color: #5b920a; }
.tag_cloud:visited { color: #c6c6c6; }
.tag_cloud:hover { color: #ffffff; background: #5b920a; text-decoration:none;}
.tag_cloud:active { color: #ffffff; background: #ACFC65; }

#comentaris {margin-top:40px;font-size:11px;background-color:#e9e8e8;border:1px solid #e4e4e4; padding:20px 20px 10px 20px;}
#comentaris textarea  {vertical-align:-1px;margin-right:20px;width:345px;height:70px;}
#comentaris .text {font-size:11px;color:#555;padding:2px;}
#comentaris span {color:#777;}
#comentaris label {width:100px;font-weight:normal;}
#comentaris #nom { width:120px;margin-right:20px; }
#comentaris #email { width:150px;}
#comentaris h4 {font-size:12px; margin-bottom:25px; }
#comentaris .boto {vertical-align:-30px;}

.coment {padding:10px; background-color:#efefef;border:1px solid #e4e4e4;margin-top:20px;font-size:11px;line-height:12px;}
.coment strong {text-transform:uppercase;}
.coment span { color:#999; }


.treball p {padding-bottom:10px !important;}
.treball img {margin-bottom:10px !important; margin-left:10px !important;}



#carouselslide  { position:relative; }
#carouselslide li {
height:360px;
width:935px;
z-index:4;
}
.slide_next {background:url(images/next.png) #fff no-repeat;width:33px;height:33px;display:block;position:absolute;right:50px;bottom:50px;z-index:5;}


.file { border-top:1px solid #ccc;background:#eee; border-bottom:1px solid #ccc;display:block;padding:5px; margin-top:10px;}
.console { display:block;background:#000;color:#fff; padding:5px;margin-top:5px;}

div.pagination {
	padding:3px;
	margin:3px;
	text-align:right;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #000;
	
	text-decoration: none; 
	color: #000;
}
div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #659818;
	color:#659818;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #659818;
	font-weight: bold;
	background-color: #659818;
	color: #fff;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #d1d1d1;
	color: #aaa;
}