/*
		Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
*/

*{padding:0; margin:0;}

body{
  margin:0px;
	padding:0 0 10px 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:8pt;
  background:#FFFFFF url("../imgs/bg_general.gif") repeat-x top;
}

img{
  border:0px;
}

#wrapper{ 
  margin:0 auto;
  width:900px;
}

#faux {
  margin-bottom:0px;
  width:100%;
	padding:0 8px 0 8px;
  background-image:url(../imgs/faux.png);
	background-repeat:repeat-y;
  overflow:visible; /* Paul O Brien Fix for IE www.pmob.co.uk */
}

#top{
  height:23px;
	_height:31px;
	padding:8px 7px 0 0;
	text-align:right;
	color:#24498A;
	font-size:9pt;
	font-weight:bold;
}

#top a{
  color:#24498A;
	text-decoration:none;
}

#top a:hover{
  color:#000000;
}

#header{
  height:105px;
}

#header .logo{
  float:left;
}

#header .menutop{
  float:right;
}

#menu{
  margin-top:20px;
}

#menu ul{
  margin:0;
  padding:0;
	border-top:1px solid #D8D8D8;
	
	list-style-type:none;
}

#menu li{
  float:left;
}

#menu a{
  width:100px;
	height:40px;
	_height:60px;
  padding:20px 0 0 0;
  display:block;
  text-align:center;
  border-right:1px solid #F9F9F9;
  background:#E1E1E1 url(../imgs/menu_bg.gif) repeat-x;
	
  color:#666666;
	font-size:9pt;
  text-decoration:none;
	font-weight:bold;		 
}

#menu a:hover{
  background:#D5D5D5 url(../imgs/menu_bg_over.gif) repeat-x;
}

#menu a#actiu{
  background:#385995 url(../imgs/menu_bg_actiu.gif) repeat-x;
	color:#FFFFFF;
}

/* CONTINGUT */
#contingut{
  width:900px;
  margin:0 0 10px 0;
	padding:0 0 7px 0;
}

/* ESTILS PEU */
#footer{
	margin:0;
	padding:5px 0 0 0;
	vertical-align:top;
	border-top:1px solid #D8D8D8;
	color:#999999;
	font-size:7.5pt;
}

#footer a{
  color:#999999;
	text-decoration:none;
}

#footer a:hover{
  color:#666666;
}

#peu_menu{
  float:right;
	margin-right:5px;
}

#peu_avis{
  float:left;
	margin-left:5px;
}

/* PORTADA */
#banner{
  width:100%;
	margin-bottom:10px;
}

#portada .destacat{
  width:235px;
	padding-right:10px;
	vertical-align:top;
}

#portada .titoldes{
  width:225px;
	margin:7px 0 3px 0;
	padding:0 0 3px 0;
  border-bottom:1px dotted #666666;
	
	color:#666666;
	font-size:11pt;
	font-weight:bold;
}

#portada .textdes{
  padding-right:10px;
  text-align:justify;
	
	color:#666666;
}

#portada .infos{
  width:170px;
	_width:180px;
	vertical-align:top;
}

#portada .infobloc{
  margin-bottom:10px;
  padding:5px;
  background:#F6F6F6;
  border-top:1px dotted #666666;
	border-bottom:1px dotted #666666;
	line-height:17px;
}

#portada .infobloc a{
  color:#000000;
	text-decoration:none;
}

#portada .infobloc a:hover{
	text-decoration:underline;
}

#portada .logogsp{
  color:#999999;
	font-size:7.5pt;
}

#portada .logogsp a{
  color:#999999;
	text-decoration:none;
}

#portada .logogsp a:hover{
  color:#404040;
}

/* ESTILS INTERIORS */
#cont_foto{
  width:284px;
	float:left;
}

#cont_cont{
  width:600px;
	float:right;
}

#titols{
  width:590px;
	_width:600px;
	height:25px;
	_height:35px;
	padding:10px 0 0 10px;
	background:#F6F6F6 url(../imgs/titols_bg.png) no-repeat;
	text-align:left;
	font-size:13pt;
	color:#1C377C;
	font-weight:bold;
}

/* SGITOOL */
#sgitool{
  margin:7px 0 10px 0;
	padding:0;
	text-align:justify;
}

#sgitool .titol{
  margin-bottom:5px;
	padding:3px 5px 3px 5px;
  background-color:#1C377C;
	color:#FFFFFF;
	font-size:9pt;
	font-weight:bold;
}

#sgitool ul{
  margin:5px 0 3px 15px;
}

#sgitool li{
  padding-bottom:2px;
}

/* DESCARREGUES */
.descarr{
  margin:15px 0 0 0;
	padding-bottom:12px;
	border-bottom:1px solid #999999;
}

.descarr .imatge{
  float:left;
	width:200px;
}

.descarr .imatge img{
  border:1px solid #999999;
}

.descarr .text{
  float:right;
	width:370px;
	_width:400px;
	padding:0 15px 0 15px;
	text-align:left;
}

.descarr .titol{
  color:#1C377C;
	font-size:9pt;
	font-weight:bold;
}

.descarr .info{
  margin-top:7px;
	border-top:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
	padding:3px 5px 3px 5px;
	background:#F6F6F6;
	color:#666666;
	font-size:7.5pt
}

.descarr .info a{
  color:#666666;
	text-decoration:none;
}

.descarr .info a:hover{
  color:#000000;
}

.descarr .clear{
  clear:both;
}

/* CONTACTE */
#contacte{
  width:570px;
	_width:600px;
  margin:15px;
	text-align:justify;
}

#contacte b{
  color:#4C607D;
}

#contacte .formulari{
  background-color:#F6F6F6;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
	margin:0;
	padding:10px;
}

#contacte .label{
  width:125px;
	_width:200px;
	padding:0 0 7px 75px;
	vertical-align:top;
  font-weight:bold;
}

#contacte .form{
  padding:0 0 7px 0;
}

#contacte .forms{
  border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	width:300px;
	height:15px;
	padding-left:3px;
	margin:0 0 0 5px;
	font-size:7.5pt;
}

#contacte .boto{
  width:50px;
	height:20px;
	border:0px;
	margin-left:5px;
	padding-bottom:3px;
	background-color:#4C607D;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	font-size:7.5pt;
}

#contacte .notalegal{
  font-style:italic;
	color:#999999;
}

#contacte .gracies{
  text-align:center;
	font-size:9pt;
	color:#4C607D;
	font-weight:bold;
}