/* CSS Document */
html
{
/*	background-color:#555555;*/

}
body
{
	background-color:#555555;
	background-image:url(fonsnav.gif);
	margin:0px;
}

div
{
	font-family: "Century Gothic", "AvantGarde Bk BT", Arial;
	text-decoration: none;
}

a:link, a:visited
{
	text-decoration: none;
	color: #999966;
}

a:hover
{
	text-decoration: none;
	color: #FFFFFF;

}

h1, h2, h3
{
	font-family: "Century Gothic", "AvantGarde Bk BT", Arial;
	letter-spacing:0.1px;
	font-size: 17px;
	text-decoration: none;
	color: #BBBBBB;
	/*text-transform: lowercase; */
}

h1
{
	font-size: 22px;
	font-weight: bold;	
}

h2
{
	color: #FFFFFF;
	font-weight: bold;	
	font-size: 17px;

}

h3
{

}

li
{
	/*list-style-type: none;*/
}

li.post{
list-style-type:disc;

}

#container
{
	width:800px;
	margin:0px auto auto auto;
	background-color:#000000;
}

#isobre
{
	float:right;
	margin: 8px 10px 0px 0px;
	
}

#isobre a:hover
{
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* Firefox, Opera, ... */
	opacity: 0.8; /* CSS 3*/
	border-color:#000000;

}


#logo
{
	display:block;
	margin:auto;
	margin:25px 0px 55px 10px;
}

#menu_isqui
{
	float:left;
	background-color:#000000;
	width:200px;
	height:580px;  /* ALSADA */
}

#submenu
{
	padding: 138px 0px 0px 0px;
	/*background-color:#FF3366;*/

}

#contingut	
{
	position:absolute;
	top:75px;
	margin-top:0;
	height:490px;
	width:596px;
	padding: 15px 0px 0px 0px;
	overflow:auto;
	}

#fitxa
{
	padding:0px 0px 20px 0px;
	text-align:right;
	color:#FFFFFF;
	/*overflow:auto;*/
}

#titol
{
	font-size: 18px;
	font-weight: bold;
	margin-bottom:15px;
	margin-right:25px;
	color:#FFFFFF;
}


#profe, #horari, #subtitol, #masinfo, .txt-color
{
	color: #999966;
	letter-spacing:-0.2px;
	font-style: italic;
	font-size: 16px;
	margin-left:20px;
	margin-right:25px;
}
#subtitol
{
	font-size: 14px;
}

#profe
{
    font-weight: bold;

}

#links
{
	padding-top:80px;
	/*padding-right:80px;*/
	margin-right:80px;

}

#text, #solotext
{
	font-family: "Century Gothic", "AvantGarde Bk BT", Arial;
	letter-spacing:0.8px;
    text-align: justify;
    padding: 7px;
	/*text-transform: lowercase; */
	
	font-size: 14px;
	color: #DDDDDD;

}
#text{	margin:31px 20px 20px 20px;}




#frase
{
	font-family: "Century Gothic", "AvantGarde Bk BT", Arial;
	letter-spacing:0.8px;
	font-size: 17px;
	text-decoration: none;
	color: #333333;
    text-align: justify;
	margin:71px 30px 20px 30px;
    padding: 7px;
	font-weight: bold;	
	/*text-transform: lowercase; */
   
 
}


#peu
{
   clear: both;
	background-color:#000000;
	margin:0px 0px 0px 0px;	
	font-family: "Century Gothic";
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 6px;
	font-weight: bold;
}

#col_dere
{
   margin-left: 200px;
height:580px; /* ALSADA */
	
}

#untext{
	margin: 0 15px 0 15px;

}

/************************
************************
************************
*************************/

.mnu, .mnu a:link, .mnu a:visited{
	font-family: "Century Gothic", "AvantGarde Bk BT", Arial;
	letter-spacing:0.8px;
	font-size: 17px;
	text-decoration: none;
	text-align:right;
	color: #999966;
	margin:11px 6px 20px 0px;
	font-style: italic;
	font-weight: bold;	/*font-weight: bold;*/
/*	text-transform: lowercase;*/
}

.select, .select a:link, .select a:visited, .select a:hover
{
	color: #FFFFFF;
	/*margin-right:12px;*/

}
.mnu a:hover
{
	color: #FFFFFF;

}

.nom
{
	color: #DDDDAA;

}


div.transOFF {}
div.trans50 {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}
div.trans25	 {opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;}
div.transON {opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;}

.mn3, .mn4, .mn3 a:visited, .mn3 a:link
{
	font-family: "Century Gothic", "AvantGarde Bk BT", Arial;
	letter-spacing:-0.3px;
	font-size: 16px;
	text-decoration: none;
	text-align:right;
	color: #333322;

	padding: 0px 0px 0px 0px;
	margin-bottom: 25px;
		font-weight: bolder;
}

.mn4
{
	background-color:#40412E;
	opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;
}

.barrascroll {
	scrollbar-3dlight-color:#000000; 
	scrollbar-arrow-color:#000000; 
	scrollbar-darkshadow-color:#000000; 
	scrollbar-face-color:#444444; 
	scrollbar-highlight-color:#000000; 
	scrollbar-shadow-color:#000000; 
	scrollbar-track-color:#000000;
}

.linc
{
	margin-bottom:5px;
	padding-right:25px;
}

a.credits:link, a.credits:visited
{
	color:#FFFFFF
}
a.credits:hover
{
	color:#999966
}


/* CREACIONES */
.right
{
text-align:right;
}

.pad
{
	padding: 10px;
}

.creai
{
color:#999966;
font-size:14px;
font-weight:bold;
}

.cread
{
color:#FFFFFF;
font-size:14px;

}


#cacrea
{
background-image:url(../imatges/fons_crea.jpg);
background-repeat:no-repeat;
}

#titolcrea
{
	font-size: 18px;
	font-weight: bold;
	margin-bottom:5px;
/*	margin-right:25px;*/
	color:#999966;

}

img {
}

.galeria
{
clear:both;
padding:20px 0 20px 25px;
}

.seixanta{	height: 65px;
	text-align: center;
display: block;
margin: auto;
}
.fotoborde{
	text-align: center;

}
.fotogal {
width:104px;
float:left;
margin-bottom:2px;
}

.fotogal a:hover{
	filter:alpha(opacity=70); /* IE */
	-moz-opacity:0.7; /* Firefox, Opera, ... */
	opacity: 0.7; /* CSS 3*/
	border-color:#000000;
}

a.video:link, a.video:visited {
	color:#FFFFFF;
	font-size: 10px;
}
a.video:hover {
	color:#999966;
	font-size: 10px;
}
.fotovideo {
	color:#999966;
	font-size:12px;
	text-align:center;
	clear:both;
	margin-top:0px ;
	margin-bottom:10px;
	background-color:#111111;
}

#fotoscrea{
padding:0px 15px 15px 15px;
float:left;
width:105px;
height:470px;
/*background-color:#FF0000;*/
}

#detallcrea{
	align:center;
	text-align:center;
	font-family: "Century Gothic", "AvantGarde Bk BT", Arial;
	letter-spacing:0.8px;
    padding: 7px;
float:right;
	/*text-transform: lowercase; */
	margin:0px 10px 10px 10px;	
	font-size: 14px;
	color: #DDDDDD;
	width:400px;

}