/* CSS Document */
body{
background-color:#CCCCCC; width:728px; margin:0px auto 15px auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; color:#336699;}
.capcalera{ margin:0px;}

/*MENU..............................................*/
.menu{ width:210px; background-color:#006699; padding:15px 10px 0px 10px; vertical-align:top; float:right}
.menu p{font-size:11px; text-align:left; color:#FFFFFF; margin: 0px 0px 0px 0px; padding-top:8px;}
.menu h1{font-size:12px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; margin: 0px 0px 0px 0px; padding-bottom:3px; text-align:left;}
.caixa{ width:200px; margin-top:15px; margin-bottom:15px;}
.caixa p{ color:#FFFFFF;}
.tarja{ width:203px; height:175px; background-image:url(../img/tarja.gif); background-repeat:no-repeat; margin:0px 0px 0px 0px; padding:6px 6px 6px 6px; vertical-align:top;}
.tarja p{font-size:12px; color:#336699; margin:0px 0px 0px 0px; vertical-align:top;}
.tarja h1{font-size:12px; font-weight:bold; text-transform:uppercase; color:#336699; margin:0px 0px 0px 0px; padding-bottom:6px;}

.menu a:link, .menu a:visited{color: #FFF; text-decoration:underline;}
.menu a:hover { color:#B9D3E1; text-decoration:underline;}
.tarja a:link, .tarja a:visited{color: #336699; text-decoration:underline;}
.tarja a:hover { color:#B9D3E1; text-decoration:underline;}

/*MARGE..............................................*/
.marge{width:15px; background-color:#FFF;}

/*CONTINGUT..............................................*/
.contingut{width:453px; background-color:#FFF; padding:15px 15px 0px 15px; vertical-align:top;}
.contingut p{  font-size:11px; margin:0px; padding-top:8px; padding-bottom:30px;}
.contingut h1{ font-size:14px; font-weight:bold; margin:0px 0px 0px 0px; padding-bottom:3px;}
.contingut h2{ font-size:12px; font-weight:bold; margin:0px 0px 0px 0px; padding-top:8px;}
.contingut h3{ font-size:11px; font-weight:normal; margin:0px 0px 0px 0px; padding-left:7px;}
.contingut h4{ font-size:10px; font-weight:normal; margin:0px 0px 0px 0px; padding-left:7px; padding-right:7px; text-align:center; }

.contingut a:link, .contingut a:visited{color: #336699; text-decoration:underline;}
.contingut a:hover { color:#FFF; text-decoration:underline;}


.hadit{ font-size:12px; font-weight:bold; color:#000000; }
.casella{ background-color:#B9D3E1; vertical-align:middle;}
.capcalera_g{ width:443px; height:15px; background-color:#006699; font-size:14px; font-weight:bold; text-transform:uppercase; color:#FFF; margin:0px 0px 15px 0px; padding:5px 5px 5px 5px; vertical-align:middle}



/*DEIXA EL TEU CONTINGUT..............................................*/
.deixa{ width:453px; font-family:Verdana; margin: 0px 0px 0px 0px; vertical-align:top; text-align:left;}
.deixa p{ font-size:10px; margin:0px 0px 0px 0px; padding:8px 15px 15px 15px; color:#FFFFFF;}
.deixa h1{ font-size:10px; font-weight:bold; margin: 0px 0px 0px 0px; padding:8px 15px 15px 15px; vertical-align:top; color:#FFFFFF;}
.deixa h2{ text-align:left; margin: 0px 0px 0px 0px; color:#FFFFFF;}

.deixa a:link, .deixa a:visited{color: #FFF; text-decoration:underline;}
.deixa a:hover { color:#000; text-decoration:underline; font-weight:bold;}

/*QÜESTIO..............................................*/
.preferits{ width:698px; background-color:#FFF; margin:0px 0px 0px 0px; padding:15px 15px 0px 15px; vertical-align:top;}
.preferits p{ font-size:11px; margin:0px; padding-top:8px; padding-bottom:30px;}
.preferits h1{ font-size:14px; font-weight:bold; margin:0px 0px 0px 0px; padding-bottom:3px;}
.preferits h2{ font-size:12px; font-weight:bold; margin:0px 0px 0px 0px; padding-top:8px;}
.preferits h3{ font-size:11px; font-weight:normal; margin:0px 0px 0px 0px; padding-left:7px;}
.preferits h4{ font-size:10px; font-weight:normal; margin:0px 0px 0px 0px; padding-left:7px; padding-right:7px; text-align:center; }
.capcalera_gg{ width:683px; height:15px; background-color:#006699; font-size:14px; color:#FFF; font-weight:bold; text-transform:uppercase; margin:0px 0px 15px 0px; padding:5px 5px 5px 5px; vertical-align:middle}

.preferits a:link, .preferits a:visited{color: #336699; text-decoration:underline;}
.preferits a:hover { color:#FFF; text-decoration:underline;}

/*PERFIL..............................................*/
.perfil{ background-color:#FFF; margin:0px 0px 0px 0px; padding:15px 15px 0px 15px; vertical-align:top;}
.perfil_fitxa{ width:204px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;text-align:center; vertical-align:top; }
.perfil_contingut{ width:509px; margin:0px 0px 0px 0px; padding:0px 20px 0px 0px; vertical-align:top;}
.perfil_contingut p{ font-size:12px; margin: 0px 0px 6px 0px;}

/*SUBMENU..............................................*/
.submenu{ width:713px; height:30px; background-color:#FFF; margin:0px 0px 0px 0px; padding:7px 15px 8px 0px; vertical-align:middle; text-align:right;}
.submenu p{ font-size:11px; margin:0px 0px 0px 0px; }

.submenu a:link, .submenu a:visited{color:#336699;; text-decoration:none;}
.submenu a:hover { color:#000; text-decoration:none;}

/*CREDITS..............................................*/
.credits{vertical-align:top; text-align:center; background-color:#CCC; margin: 6px 0px 7px 0px;}
.credits p{font-size:11px; }

.credits a:link, .credits a:visited{color: #336699; text-decoration:none;}
.credits a:hover { color:#000; text-decoration:none;}

/*LINIES..............................................*/
.linia1 { border: solid #003366 2px; background: #003366; height: 2px; width:100%; margin-top: -7px; margin-bottom: -7px; display: block; clear: both;}
.linia30 { border: solid #FFF 30px; background: #FFF; height: 30px; width:100%; margin-top: -7px; margin-bottom: -7px; display: block; clear: both;}
.linia30v { border: solid #FFF 1px; background: #FFF;	height: 20px; width:100%; margin-top: -7px; margin-bottom: -7px; display: block; clear: both;}
.linia1_gris { border: solid #CCC 7px; background: #CCC; height: 7px; width:100%; margin-top: -7px; margin-bottom: -7px; display: block; clear: both;}
.linia1_blanca { border: solid #FFF 2px; background: #FFF;	height: 2px; width:100%; margin-top: -7px; margin-bottom: -7px; display: block; clear: both;}












.linia1_gris { border: solid #CCC 7px; background: #CCC;	height: 7px; width:100%; margin-top: -14px; margin-bottom: -14px; display: block; clear: both;}
.liniaseparacio { border: solid #000 2px; background: #000;	height: 2px; width:100%; margin-top: -12px; margin-bottom: -12px; display: block; clear: both; border-style:dotted;}
.linia15_blava { border: solid #4C94B7 15px; background: #4C94B7;	height: 15px; width:100%; margin-top: -7px; margin-bottom: -7px; display: block; clear: both;}
.linia15 { border: solid #006699 15px; background: #006699;	height: 15px; width:100%; margin-top: -7px; margin-bottom: -7px; display: block; clear: both;}
.linia30_blava { border: solid #006699 30px; background: #006699;	height: 30px; width:100%; margin-top: -7px; margin-bottom: -7px; display: block; clear: both;}

/*@HACKING SOLO PARA MOZILLA*/
/*...................................*/
html>body .linia1 {
	color: #003366;
	background-color: #003366;
	margin:0px 0px 2px 0px;	
	border: 0px;
	clear:both;
	width: 100%;
	height: 2px;
}

html>body .linia1_blanca {
	color: #FFF;
	background-color: #FFF;
	margin:0px 0px 2px 0px;	
	border: 0px;
	clear:both;
	width: 100%;
	height: 2px;
}

html>body .linia1_gris {
	color: #CCC;
	background-color: #CCC;
	margin:0px 0px 0px 0px;	
	border: 0px;
	clear:both;
	width: 100%;
	height: 7px;
}

html>body .linia15_blava {
	color: #4C94B7;
	background-color: #4C94B7;
	margin:0px 0px 2px 0px;	
	border: 0px;
	clear:both;
	width: 100%;
	height: 15px;
}

html>body .linia15 {
	color: #006699;
	background-color: #006699;
	margin:0px 0px 2px 0px;	
	border: 0px;
	clear:both;
	width: 100%;
	height: 15px;
}

html>body .linia30 {
	color: #FFF;
	background-color: #FFF;
	padding:0px;
	margin:0px 0px 0px 0px;
	border: 0px;
	clear:both;
	width: 100%;
	height: 30px;
}

html>body .linia30_blava {
	color: #006699;
	background-color: #006699;
	padding:0px;
	margin:0px 0px 0px 0px;
	border: 0px;
	clear:both;
	width: 100%;
	height: 30px;
}

html>body .linia30v {
	color: #FFF;
	background-color: #FFF;
	padding:0px;
	margin:0px 0px 0px 0px;
	border: 0px;
	clear:both;
	width: 1px;
	height: 20px;
}