/* CSS Document */

html {
	overflow-y: scroll;
}

body {
	background-repeat: repeat;
	background-color: #d3d3cf;
	margin: 10px 0;
	font-size: 1em;
	font-weight: normal;
	font-family: Tahoma Regular, Arial;
}

#botones{text-align:right; width:600px; margin:0px auto;}
#taula {margin:5% auto 10px auto; background:url(../img/nadala.jpg) no-repeat top left; width:600px; height:500px; position:relative;}
.letra{display:none;}
#l_cat{width:121px; height:103px; position:absolute; top:94px; left:41px;}
#l_cast{width:117px; height:116px; position:absolute; top:38px; left:179px;}
#l_eng{width:119px; height:152px; position:absolute; top:44px; left:312px;}
#l_fr{width:130px; height:86px; position:absolute; top:86px; left:441px;}
#traca_1{width:119px; height:99px; position:absolute; top:-2px; left:476px; display:none;}

#credits{width:78px; height:35px; background:url(../img/credits.png) no-repeat top left; left:25px; bottom:12px; position:absolute; cursor:pointer;}
#credits:hover{background:url(../img/credits.png) no-repeat left -35px;}


p {
	font-size: 0.75em;
	font-weight: normal;
	line-height: 120%;
	padding-top:0px;
	margin-top: 0;
	margin-bottom: 20px;
}

a:focus {
	outline:none
	}

a {
	text-decoration: none;
	color: #f29200;
}
a:hover { text-decoration: underline; }


.contenidor {
	background-color: #FFFFFF;
	margin: auto;
	width: 850px;
	padding-top: 3px;
	border-style: solid;
	border-width: 6px 0 6px 0;
	border-color: #e9e9e7;

}

.contingut {
	margin: auto;
	width: 850px;
}

.capsaleraLogo {
	margin: 12px 0px 0px 0px;
	padding: 0;
	height: 37px;
	border-bottom: #969cb4 1px dotted;
}

.logo {
	height: 37px;
	width: 300px;
	float: left;
	background-image: url(../img/logo_uoc_cab.gif);
	background-repeat: no-repeat;
	background-position: 9px 0px;
}

.capsaleraOpcions {
color:#FFFFFF;

font-size: 10px; 
float:right;
margin: -2px 11px 0 0;
}

.capsaleraOpcions a {
color:#FFFFFF;
}
.capsaleraOpcions a:hover {
color:#f29200;
}

#content3nDown {padding: 40px 17px 40px 27px; margin: 0px 0px 0px 0px; background: #FFFFFF; border-top: 1px solid #CCCCCC; font-size: 14px; font-family: Arial; color: #000000; }

A.textgrislink {text-decoration: none; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 11px;}    A.textgrislink:link    { color: #6D6D6D; }   /* unvisited links #E79903*/   A.textgrislink:visited { color: #6D6D6D; }   /* visited links */   A.textgrislink:active  { color: #6D6D6D; }   /* active links */   A.textgrislink:hover {text-decoration: underline; color: #6D6D6D;}     	  	.textgris {text-decoration: none; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 11px; color: #000000;}     .lletra11boldazul {text-decoration: none; color: #2E3169; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold;}	 .explicacio2 {width: 200px; text-decoration: none; font-family: Verdana, Arial,  Helvetica, sans-serif; font-size: 11px; color: #6D6D6D;}   .explicacio {text-decoration: none; font-family: Verdana, Arial,  Helvetica, sans-serif; font-size: 11px; color: #6D6D6D;}     .log6 {color: #000000; font-family: Verdana, sans-serif; font-size:11px;}		.textarea2{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	font-weight: normal;	color: #000000;	border: 1 solid #99ABBA;	background-color : #FFFFFF;		margin-bottom: 2px;	}		.textarea3{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	font-weight: normal;	color: #000000;	border: 1 solid #99ABBA;	background-color : #FFFFFF;	margin-left: -10px;		}		.titol {padding-left: 5px;}	.titolp {padding-left: 2px; padding-bottom: 10px;}	.afegir {margin-bottom: 6px;}         /* Layer expo */   .expo { position: absolute;    		 top: 65px;    		 left: 327px;    		 height: 26px;   		 z-index: 5;   	    }