/*
		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-color:#FFFFFF;
}

img{
  border:0px;
}

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

#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 */
}

/* ESTILS LATERAL */
#lateral{
  float:left;
	width:200px;
	margin:0px;
	padding-bottom:12px;
	background:#F6F6F6 url(../imgs/lateral_bg.gif) repeat-x top;
}

#gsmoda_logo{
  width:100%;
	height:100px;
	_height:145px;
	padding-top:45px;
	text-align:center;
	vertical-align:middle;
}

#lateral ul{
  margin:0px;
	list-style-type:none;
	border-top:1px dotted #999999;
}

#lateral li{
  height:22px;
	_height:32px;
	padding:10px 0 0 18px;
	background:url(../imgs/lat_menu_bg.gif) repeat-x;
	border-bottom:1px dotted #999999;
	font-size:9pt;
	color:#666666;
	font-weight:bold;
}

#lateral li a{
  color:#666666;
	text-decoration:none;
}

#lateral li a:hover{
  color:#000000;
}

#lateral li:hover{
	background:url(../imgs/lat_menu_bg_over.gif) repeat-x;
}

#banners{
  width:100%;
	margin-top:10px;
	text-align:center;
}

#banners img{
  border:2px solid #666666;
	margin-bottom:10px;
}

#gsp_logo{
  width:100%;
	margin:8px 0 0 0;
	text-align:center;
}

#gsp_logo .logo{
  float:left;
  padding-left:7px;
}

#gsp_logo .texte{
  float:right;
  padding-right:7px;
	text-align:left;
	font-size:7.5pt;
	color:#999999;
}

/* ESTILS PEU */
#footer{ 
  clear:both;
  height:28px;
	margin:0px;
	padding:3px 0 0 0;
	background-image:url(../imgs/footer.png);
  background-repeat:repeat-x;
	vertical-align:top;
	color:#999999;
	font-size:7.5pt;
}

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

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

#peu_menu{
  float:left;
	margin-left:15px;
}

#peu_avis{
  float:right;
	margin-right:15px;
}

/* ESTILS CONTINGUT */
#contingut{
  float:right;
	width:650px;
	margin:0px;
}

#idiomes{
  height:17px;
	_height:20px;
	padding:3px 7px 0 0;
	background:#4C607D url(../imgs/superior_bg.gif) repeat-y left;
	text-align:right;
	color:#EAEAEA;
	font-size:7.5pt;
	font-weight:bold;
}

#idiomes a{
  color:#EAEAEA;
	text-decoration:none;
}

#idiomes a:hover{
  color:#FFFFFF;
}

/* PORTADA */
#banner_portada{
  width:100%;
	height:300px;
}

#destacats{
  width:100%;
	min-height: 118px;
  /* min-height para IE6 */
  height: auto !important;
  height: 118px;
	padding-bottom:7px;
	border-bottom:1px solid #70829A;
	background:#4C607D url(../imgs/destacats_bg.jpg) no-repeat top center;
	font-size:8pt;
	color:#FFFFFF;
}

#destacat_1{
  float:left;
	width:315px;
	_width:325px;
	padding-bottom:5px;
	padding-right:10px;
	text-align:justify;
}

#destacat_2{
  float:right;
	width:315px;
	_width:325px;
	padding-bottom:5px;
	padding-right:10px;
	text-align:justify;
}

#destacats h1{
  margin:7px 10px 7px 12px;
	font-family:Tahoma, Arial, Helvetica, Sans-Serif;
	font-size:13pt;
	font-weight:bold;
}

#destacats img{
  border:1px solid #7185A8;
	margin:0 10px 0 12px;
}

#info{
  width:100%;
}

#info_1{
  float:left;
	width:325px;
}

#info_2{
  float:right;
  width:325px;
}

#info a{
  color:#4C607D;
	text-decoration:none;
	font-size:7.5pt;
}

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

#info img{
  margin:0 10px 0 0;
}

#info h1{
  margin:12px 5px 7px 15px;
	font-family:Tahoma, Arial, Helvetica, Sans-Serif;
	font-size:11pt;
	font-weight:bold;
}

#info .infotxt{
  margin:0 15px 5px 15px;
	text-align:justify;
}

#info .infolink{
  margin:5px 0 0 0;
}

/* ESTILS INTERIORS */
#banner_int{
  width:100%;
	height:125px;
	border-bottom:3px solid #4C607D;
}

#titols{
  width:640px;
	_width:650px;
	height:25px;
	_height:35px;
	padding:10px 10px 0 0;
	background:#F6F6F6 url(../imgs/titols_bg.png) no-repeat;
	text-align:right;
	font-size:13pt;
	color:#4C607D;
	font-weight:bold;
}

/* CONTACTE */
#gsmoda{
  margin:15px 50px 15px 50px;
	text-align:justify;
}

#gsmoda b{
  color:#4C607D;
}

#gsmoda ul{
  margin-left:25px;
}

#gsmoda li{
  margin-bottom:7px;
	padding-left:15px;
	list-style-type:none;
	background:url(../imgs/llistat.gif) no-repeat 0 2px;
	font-size:8.5pt;
}

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

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

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

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

#gsmoda .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;
}

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

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