.body {
	font: 12px Helvetica;
	background: #363636 url('../images/body_bg.gif') repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
}
.body2 {
	font: 12px Helvetica;
	background: #363636 url('../images/body_bg.gif') repeat-x;
	background-position: 0 -237px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #FFF;
}
img {
	border: 0;	
}
form, fieldset {
	border: 0;
	margin: 0;
	padding: 0;	
}
#container {
	width: 940px;
	margin: 0 auto;
	border: 0;
	text-align: left;
}
#header {
	height: 48px;
	margin: 18px 0 16px 0;
}
#csscat {
	float: left;
	width: 280px;
	height: 48px;
}

/* Inicio menu superior */
#menua {
	height: 12px;
	float: right;
	text-align: right;
	margin: 12px 0;
}
#menua ul {
	padding:0;
	margin:0;
	list-style:none;
}
#menua ul li {
	display:block;
	margin-left: 20px;
	float:left;
}
#menua ul li span {
	position: absolute;
	left: -5000em;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}
#menua .menu1 { width:103px; height:12px; display: block; background: url(../images/menu/magazinecss_sel.jpg);}
#menua .menu2 { width:72px; height:12px; display: block; background: url(../images/menu/blogcss_sel.jpg);}
#menua .menu3 { width:77px; height:12px; display: block; background: url(../images/menu/infolligues_sel.jpg);}
#menua .menu4 { width:62px; height:12px; display: block; background: url(../images/menu/contacta_sel.jpg);}

#menua .menu1 a { width:103px; height:12px; display: block; background: url(../images/menu/magazinecss.jpg);}
#menua .menu1 a:hover {background-image: url(../images/menu/magazinecss.jpg); background-position: 0 12px;}
#menua .menu2 a { width:72px; height:12px; display: block; background: url(../images/menu/blogcss.jpg);}
#menua .menu2 a:hover { background-image: url(../images/menu/blogcss.jpg); background-position: 0 12px;}
#menua .menu3 a { width:77px; height:12px; display: block; background: url(../images/menu/infolligues.jpg);}
#menua .menu3 a:hover { background-image: url(../images/menu/infolligues.jpg); background-position: 0 12px;}
#menua .menu4 a { width:62px; height:12px; display: block; background: url(../images/menu/contacta.jpg);}
#menua .menu4 a:hover { background-image: url(../images/menu/contacta.jpg); background-position: 0 12px;}
/* Fin menu superior */

/* Inicio menu inferior */
#menub {
	width: 458px;
	clear: both;
	float: right;
}
#menub ul {
	padding:0;
	margin:0;
	list-style:none;
}
#menub ul li {
	display:block;
	margin-left: 20px;
	float:left;
}
#menub ul li span {
	position: absolute;
	left: -5000em;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}
#menub .menu1 { width:27px; height:12px; display: block; background: url(../images/menu/inici_sel.jpg);}
#menub .menu2 { width:48px; height:12px; display: block; background: url(../images/menu/csscat_sel.jpg);}
#menub .menu3 { width:93px; height:12px; display: block; background: url(../images/menu/installacions_sel.jpg);}
#menub .menu4 { width:106px; height:12px; display: block; background: url(../images/menu/lloguersonline_sel.jpg);}
#menub .menu5 { width:84px; height:12px; display: block; background: url(../images/menu/areaprivada_sel.jpg);}

#menub .menu1 a { width:27px; height:12px; display: block; background: url(../images/menu/inici.jpg);}
#menub .menu1 a:hover {background-image: url(../images/menu/inici.jpg); background-position: 0 12px;}
#menub .menu2 a { width:48px; height:12px; display: block; background: url(../images/menu/csscat.jpg);}
#menub .menu2 a:hover { background-image: url(../images/menu/csscat.jpg); background-position: 0 12px;}
#menub .menu3 a { width:93px; height:12px; display: block; background: url(../images/menu/installacions.jpg);}
#menub .menu3 a:hover { background-image: url(../images/menu/installacions.jpg); background-position: 0 12px;}
#menub .menu4 a { width:106px; height:12px; display: block; background: url(../images/menu/lloguersonline.jpg);}
#menub .menu4 a:hover { background-image: url(../images/menu/lloguersonline.jpg); background-position: 0 12px;}
#menub .menu5 a { width:84px; height:12px; display: block; background: url(../images/menu/areaprivada.jpg);}
#menub .menu5 a:hover { background-image: url(../images/menu/areaprivada.jpg); background-position: 0 12px;}
/* Fin menu inferior */

#logged {
	clear: both;
	width: 405px;
	float:left;
}
#login {
	width: 500px;
	margin: 8px 8px 0 0;
	float:right;
	text-align:right;
}
#login input {
	width: 98px;
	height: 18px;
	border: 0;
}
/*
#login input[type="submit"] {
	width: 18px;
	height: 18px;
	line-height: 0;
}
*/
#login img {
	margin: 0 4px 0 10px;	
}
.submit {
  width: 18px;
  height: 18px;
  margin: 0 10px 0 6px;
  padding: 0;
  border: 0;
  background: url('../images/submit.gif') no-repeat center top;
  text-indent: -1000px;
  cursor: pointer;
}
#subheader {
	height: 36px;
	background: url('../images/userpass.gif') no-repeat;
	margin: 0 0 9px 0;
}
#headerswf {
	height: 260px;
	margin: 0;
	z-index:998;
}
#mainContent {
	width: 940px;
	top: 364px;
	position:absolute;
	z-index:999;
}
#leftcol {
	width: 160px;
	height: 434px;
	margin: 0 10px 0 0;
	padding: 10px;
	background: url('../images/block_180x454.gif') no-repeat;
	float: left;
}
#leftcoli {
	width: 180px;
	margin: 0 10px 0 0;
	float: left;
}
#leftcolswf {
	width: 180px;
	height: 454px;
	margin: 0 10px 0 0;
	float: left;
}
.menui {
	width: 160px;
/*	min-height: 92px;*/
	background: #080A0A url('../images/block_180x10_top.gif') no-repeat;
	margin: 0;
	padding: 10px;
}
.menuf {
	width: 180px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: #363636 url('../images/block_180x10_bottom.gif') no-repeat;
}
.menufw {
	width: 180px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: #363636 url('../images/block_180x10_white_bottom.gif') no-repeat;
}
.rowb {
	width: 160px;
	height: 152px;
	margin: 10px 0;
	padding: 10px;
	background: url('../images/block_180x172.gif') no-repeat;
}
#rightcol {
	width: 750px;
	margin: 0;
	float: right;
}
#leftcolnewsletter {
	width: 750px;
	margin: 0;
	float: left;
}
#cola {
	width: 180px;
	height: 354px;
	margin: 0 10px 0 0;
	float: left;	
}
#colb {
	width: 180px;
	height: 354px;
	margin: 0 10px 0 0;
	float: left;	
}
#colc {
	width: 180px;
	height: 354px;
	margin: 0 10px 0 0;
	float: left;	
}
#cold {
	width: 160px;
	height: 334px;
	margin: 0;
	padding: 10px;
	background: url('../images/block_180x354.gif') no-repeat;
	float: left;	
}
#coldf {
	width: 180px;
/*	height: 354px;*/
	margin: 0;
	padding: 0;
	float: right;	
}
#coldswf {
	width: 180px;
	margin: 0 0 10px 0;
/*	float: left;*/
}
#coldswf2 {
	width: 180px;
	margin: 0;
/*	float: left;*/
}
#cold2 {
	width: 160px;
/*	height: 180px;*/
	margin: 0;
	padding: 10px;
/*	background: url('../images/block_180x354_white.gif') no-repeat;*/
	background: #FFFFFF;
	color: #000000;
/*	float: left;*/
}
#cole {
	width: 160px;
	height: 152px;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	background: url('../images/block_180x172_line.gif') no-repeat;
	float: left;
}
.rowa {
	width: 160px;
	height: 152px;
	margin: 0 0 10px 0;
	padding: 10px;
	background: url('../images/block_180x172.gif') no-repeat;
}
.rowaline {
	width: 160px;
	height: 152px;
	margin: 0 0 10px 0;
	padding: 10px;
	background: url('../images/block_180x172_line.gif') no-repeat;
}
.rowaswf {
	width: 180px;
	height: 172px;
	margin: 0 0 10px 0;
}
.rowb {
	width: 160px;
	height: 152px;
	margin: 10px 0;
	padding: 10px;
	background: url('../images/block_180x172.gif') no-repeat;
}
.rowbline {
	width: 160px;
	height: 152px;
	margin: 10px 0;
	padding: 10px;
	background: url('../images/block_180x172_line.gif') no-repeat;
}
#newsletter {
	clear: both;
	width: 730px;
	height: 70px;
	margin: 10px 0;
	padding: 10px;
	background: url('../images/newsletter.gif') no-repeat;
	float: left;
}
#newsletterswf {
	clear: both;
	width: 750px;
/*	height: 90px;*/
	margin: 0 0 10px 0;
	padding-top: 10px;
/*	float: left;*/
}
#newsletter .newsletter {
	width: 80px;
	font-size: 10px;
	color: #A8BF31;
	float: left;
}
#newsletter .form {
	float: right;
	border: 0;
}
#coli {
	width: 560px;
	margin: 0 10px 10px 0;
	float: left;
	background: #FFFFFF;
}
#colloguers {
	width: 940px;
	margin: 0;
	float: left;
	background: #FFFFFF;
}
#colt {
	width: 750px;
	margin: 0 0 10px 0;
	float: left;	
}
#colt2 {
	width: 750px;
	margin: 0 10px 10px 0;
	float: left;	
}
#colt2b {
	width: 750px;
	margin: 0 10px 10px 0;
	float: left;	
}
#colt3 {
	width: 940px;
	margin: 0 0 10px 0;
	float: left;	
}
.rowi {
	width: 540px;
/*	min-height: 240px;*/
	margin: 0;
	padding: 10px 10px 0 10px;
	color: #000000;
}
.rowt {
	width: 730px;
/*	min-height: 240px;*/
	margin: 0;
	padding: 10px 10px 0 10px;
	background: #FFFFFF;
	color: #000000;
}
.rowt2 {
	width: 730px;
	margin: 0;
	padding: 10px;
	background: #FFFFFF;
	color: #000000;
}
.rowcl {
	clear: both;
	width:350px;
	float: left;
}
.rowusuari {
	clear: both;
	width:420px;
	float: left;
}
.rowcr {
	width:180px;
	float: right;	
}
.rowf {
	clear: both;
	width: 560px;
	height: 10px;
	margin-bottom: -5px;
	background: url('../images/block_560x10.gif') no-repeat;
}
#rowf940 {
	clear: both;
	width: 940px;
	height: 10px;
	margin-bottom: -5px;
	background: url('../images/block_940x10.gif') no-repeat;
}
.rowf2 {
	width: 750px;
	height: 10px;
	background: url('../images/block_750x10.gif') no-repeat;
}
.rowf2t {
	width: 750px;
	height: 10px;
	background: url('../images/block_top_750x10.gif') no-repeat;
}
.rowf3 {
	width: 940px;
	height: 10px;
	background: url('../images/block_940x10.gif') no-repeat;
}
/*
#newsletter .form input {
	width: 98px;
	height: 18px;
	border: 0;
}
#newsletter .form .fields {
	width: 80px;
}
#newsletter .form img {
	margin: 0 4px 0 10px;	
}
#newsletter .tos {

}
#newsletter .submit {

}
*/
#footer {
	clear: both;
	margin: 10px 0;
	font-size: 9px;
	color: #A7B3BE;
}
#footer a {
	color: #A7B3BE;
	text-decoration: none;
}
#footera {
	color: #363636;
	float:left;
	margin: 0;	
}
#footerb {
	float:right;
}
.typeface-js {
	font-family: VAGRoundedx;
}
.title {
	font-size: 15px;
	margin-bottom: 10px;
}
.title2 {
	font-size: 18px;
	margin-bottom: 4px;
	color: #A8BF31;
}
.title3 {
	font-size: 11px;
	color: #A8BF31;
}
.title4 {
	font-size: 11px;
	color: #64727C;
}
.title5 {
	font-size: 16px;
	margin-bottom: 4px;
	color: #000000;
}
.titlehome {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #A8BF31;
}
.subtitlehome {
	width: 120px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #A8BF31;
}
.subtitle {
	font-size: 14px;
	margin-bottom: 4px;
	color: #A8BF31;
}
.subtitle3 {
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 4px;
	color: #A8BF31;
}
.txt {
	font-size: 11px;
}
.txtbold {
	font-size: 11px;
	font-weight:bold;
	color: #A8BF31;
}
.txtbold a {
	font-size: 11px;
	font-weight:bold;
	color: #A8BF31;
	text-decoration:none;
}
.txt9 {
	font-size: 9px;
}

.jidendiv {
	display:none;
	margin: 16px 0 0 0;
}
.jidendiv .headeri {
	color: #AFBE42;
	font-size: 14px;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.jidendiv .footeri {
	color: #000000;
}
.infolligues_header {
	color: #586326;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.infolligues_footer {
	margin-top: 10px;
	color: #64727C;
}
#alertnotfound {
	display: none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#999999;
	position:fixed;
	padding:0;
	margin:0;
	border:0;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	z-index:1999;
}
#alertnotfoundbox {
/*	display:block;*/
	display: none;
	position:fixed;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	width:305px;
/*	height:54px;*/
	padding:6px 0 0 0;
	margin-left: -150px;
	left: 50%;
	bottom: 50%;
	color:#000000;
/*	background:url(../images/alertbox/alertbox_middle.png);*/
	z-index:2000;
}
#alertnotfoundboxback {
	float: left;
	padding:0;
	margin:6px 0 0 12px;
}
#resultmsg {
	margin:10px;	
}