/*by creactivitat*/
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif; background-color:#000;}

div#nav{position:absolute; width:233px; /*antes  448px */background:#000;}
div#content{position:absolute; left:250px; width:580px; background:#FFF;z-index:100;min-height:600px}
*html div#content{height:600px;}
/*div#footer{position:absolute; left:-194px; bottom: -20px; width:300px;}
/*div#footer{position:relative;width:300px;float:left;display:block;}*/
div#momproduccions{position:absolute; left:217px; top: 0px;}
div#creactivitat{position:absolute; left:840px; bottom: 2px; width:100px;}
div#footer{position:absolute; width:300px;top:500px; left:68px;}

div#adrezzzzzzzzzzz {float:right; margin:0px;text-align:right; }
/*===============================menu2========================*/
/*div#cont { /*margin-right:10px}*/
/*.menuOut {font-family: Arial, Helvetica, sans-serif; font-size: 11px;	font-weight: bold;	letter-spacing:0.04em;color: #FFFFFF;  line-height:18px; cursor:pointer; margin:0px;text-align:right; }
.menuOver {font-family: Arial, Helvetica, sans-serif;font-size: 11px;	font-weight: bold;letter-spacing:0.04em;	color: #666;   line-height:18px; cursor:pointer; margin:0px; text-decoration:none; text-align:right; }
.menuActive {font-family: Arial, Helvetica, sans-serif;font-size: 11px;	font-weight: bold;letter-spacing:0.04em;	color: red; line-height:18px; cursor:pointer; margin:0px; text-align:right;}
.submenu {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;	font-weight: normal;	color: #CCC; text-decoration:none; text-align:right;}
.submenu a:link {color:#CCC; text-decoration:none; text-align:right;}
.submenu a:visited {color:#dadada; text-decoration:none; text-align:right;}
.submenu a:hover, .submenu a:active{color:red; text-decoration:none; text-align:right;}
*/
.menulleng {font-family: Arial, Helvetica, sans-serif;font-size: 13px;	color: #000; font-weight: bold;letter-spacing:0.02em;cursor:pointer; margin:0px; text-align:right; }
.menulleng a:link {color: #000; text-decoration: none;} 
.menulleng a:visited {color: #CCC; text-decoration: none;} 
.menulleng a:hover {color: #CCC; text-decoration: none;} 

.creactivitat {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px; color: #333333; text-align:left; text-decoration: none}
.creactivitat a:link {color:#333333; text-decoration: none;} 
.creactivitat a:visited {color: #333333; text-decoration: none;} 
.creactivitat a:hover {color: #FF6D15; text-decoration: none;} 
/*
.menu0 {font-family: Arial Black, Helvetica, sans-serif;font-size: 12px;	color: #FFFFFF;  text-decoration: none;}
.menu0 a:link {color: #FFFFFF; text-decoration: none;} 
.menu0 a:visited {color: #FFFFFF; text-decoration: none;} 
.menu0 a:hover {color: #CC0000; text-decoration: none;} 
.menu0 a:active {color: #CC0000;text-decoration: none;}

.menu1 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;	font-weight: bold;	color: #FFFFFF;}
.menu1 a:link {color: #FFFFFF; text-decoration: none;} 
.menu1 a:visited {color: #FFFFFF; text-decoration: none;} 
.menu1 a:hover {color: #CC0000; text-decoration: none;} 
.menu1 a:active {color: #CC0000;text-decoration: none;}

.menu2 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #999;}
.menu2 a:link {color: #999; text-decoration: none;} 
.menu2 a:visited {color: #CCCCCC; text-decoration: none;} 
.menu2 a:hover {color: #CC0000;text-decoration: none;} 
.menu2 a:active {color: #CC0000;text-decoration: none;}

.menu1on {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #CC0000;}
.menu2on {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #333;}


#menu1  {background-color:#000;}
#menu3  {background-color:#000;}
#menu4  {background-color:#000;}
#menu5  {background-color:#000;}
#menu6  {background-color:#000;}
#menu7  {background-color:#000;}
#menu8 , #menuX , #menuY  {background-color:#000;}
#menuS {background-color:#000;}
/*======================================================================*/
/*by creactivitat*/

.titul1 {
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.adreca {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;text-align:right; margin-right:130px
}
.aviso {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
}
.seccio1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.seccio2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC0000;
	font-weight: bold;

}
.seccio3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;}
.text a:link {color: #CC0000; text-decoration: underline; font-weight: normal;} 
.text a:visited {color: #CC0000; text-decoration: underline;} 
.text a:hover {color: #CC0000; text-decoration: underline;} 
.text a:active {color: #CC0000;text-decoration: none;}

.menu1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;}
.menu1 a:link {color: #FFFFFF; text-decoration: none;} 
.menu1 a:visited {color: #FFFFFF; text-decoration: none;} 
.menu1 a:hover {color: #CC0000; text-decoration: none;} 
.menu1 a:active {color: #CC0000;text-decoration: none;}

.menu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; text-decoration:underlined;
	font-weight: normal;
	color: #CC0000;}
.menu2 a:link {color: #000; text-decoration: underlined;} 
.menu2 a:visited {color: #333; text-decoration: none;} 
.menu2 a:hover {color: #333;	text-decoration: underlined;} 
.menu2 a:active {color: #333;text-decoration: none;}
.menu2on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}
.menu1on {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
}

.espai5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5px;
}
.textvermell{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
}
/*.textvermell a:link, .textvermell a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
}*/
.textnegre {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

/**** DIVS PARA VINCULOS ****/
.textointro {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color: #7C7C7C; text-align:left; text-decoration: none; background-color:#FFFFFF;}
.textointro a:link {color:#7C7C7C; text-decoration: none;} 
.textointro a:visited {color: #7C7C7C; text-decoration: none;} 
.textointro a:hover {color: #7C7C7C; text-decoration: none;} 
.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	padding-right: 4px;
	color: #333333;}

div.textointro{
	height:1px;
	}

/*	
div#catdiv{
	width:460px;
	height:10px;
	position: relative;
	top:50px;
	left:60px;
	z-index: 50;
	text-align:justify;
	visibility:hidden;
	}
	
div#casdiv{
	width:460px;
	height:10px;
	position: relative;
	top:40px;
	left:60px;
	z-index: 60;

	text-align:justify;
	visibility:hidden;
	}

div#ingdiv{
	width:460px;
	height:10px;
	position: relative;
	top:30px;
	left:60px;
	z-index: 70;
	text-align:justify;
	visibility:hidden;
	}
	
*/

div#catdiv{
	width:460px;
	sheight:100px;
	position: absolute;
	top:400px;
	left:60px;
	z-index: 50;
	text-align:justify;
	visibility:hidden;
	}
	
div#casdiv{
	width:460px;
	sheight:100px;
	position:absolute;
	top: 400px;
	left:60px;
	z-index: 60;
	text-align:justify;
	visibility:hidden;
	}

div#ingdiv{
	width:460px;
	sheight:100px;
	position: absolute;
	top:400px;
	left:60px;
	z-index: 70;
	text-align:justify;
	visibility:hidden;
	}