@import "reset.css";
body { margin-top:10px; font:80%/100% "Lucida Sans Unicode", Helvetica, sans-serif; color:#222; background:#fff url(../_img/bg_body.jpg) repeat-x top}
	a {color:#222; text-decoration:underline}
	a:hover {color:#96000b; text-decoration:none}
	.c { text-align:center}
	td { line-height:1.45em}
	
#main {	margin:0 auto; width:910px}

#header { background:url(../_img/bg_header.jpg) no-repeat 0 bottom; height:160px; border:0px solid white; font:normal 120% "Century Gothic", Helvetica, sans-serif; color:#fff}
	#header a {padding:0 4px 0 4px; text-decoration:none; color:#fff}
	#header .idiomes {margin-bottom:-20px; padding:0 4px 0 0; text-align:right; font-size:13px}
	#header .idiomes a {text-decoration:none; color:#888}
	#header .idiomes a:hover {text-decoration:none; color:#333}
	#header .menu  {margin-top:142px; padding-left:190px}
	#header .menu a:hover {text-decoration:underline; color:#fff}

#content {background:url(../_img/bg_main.jpg) repeat-y 0 bottom; overflow:auto; border:0px solid black}

#menu {margin:0 10px 40px 0; padding:45px 0 0 15px; width:165px; float:left; text-align:center; background:url(../_img/bg_menu.gif) no-repeat 0 top; border:0px solid green}
	html>body #menu ul {margin:0 0 0 10px}
	#menu li { list-style:none}
	#menu a {text-decoration:none; color:#60a762; display:block; width:145px; padding:5px 0 7px 0}
	#menu a:hover {text-decoration:none; color:#96000b; background:url(../_img/bg_opcio.gif) no-repeat 3px -4px}

#apartat {margin:0 0 0 190px; padding:10px 20px 0 0}
	#apartat h1 {margin:10px 0 15px -1px; padding:0; font:normal 200% "Century Gothic", Helvetica, sans-serif; color:#96000b}
	#apartat h2 { font:normal 130% "Century Gothic", Helvetica, sans-serif; color:#96000b}
	#apartat strong {color:#555}
	#apartat p {margin:.4em 0 1.6em 0; padding:0; line-height:1.65em; /*text-align:justify*/}
	#apartat ul {margin:0 20px 0 40px; padding:0; line-height:1.5em; text-align:justify}
	#apartat li {margin:0 0 1.15em 0; padding:0; line-height:1.5em; text-align:justify}
	#apartat table {margin:0 0 18px 0}
	#apartat th {color:#333; padding:4px 0; background-color:#e9e9e9; font-weight:normal}
	#apartat td {color:#555; padding:5px 1px}
	#apartat .c {text-align:center}
	#apartat .l {text-align:left}
	#apartat .r {text-align:right}
	#apartat .foto {margin:14px 0 4px 20px; float:right; padding:1px; border:1px solid #ddd}
	#apartat .fotoC {margin:4px 0 4px 0; padding:1px; border:1px solid #ddd}
	#apartat .fotoR {margin:4px 0 4px 18px; float:right; padding:1px; border:1px solid #ddd}
	#apartat .fotoL {margin:4px 18px 4px 0; float:left; padding:1px; border:1px solid #ddd}
	#apartat .fotoForat {padding:1px; border:1px solid #ddd}

	#apartat .scorecard { margin-top:15px}
	#apartat .scorecard .label {text-align:right; padding-right:10px}
	.scorecard .y {background-color:#ff6}
	.scorecard .g {background-color:#6eb78a}

#news {float:right; margin:-50px 0 15px 20px; overflow:auto; width:279px; padding:35px 0 0 0; font-size:.85em; background:url(../_img/bg_postit.jpg) no-repeat center top }
	#news p { margin:5px 7px 10px 7px; color:#fff}
	#news p.link { text-align:right; margin-bottom:5px; color:#fff}
	#news a { text-decoration:underline; color:#fff}
	#news a:hover { text-decoration:underline; color:#333}
	#news .bottom { height:35px; background:url(../_img/bg_postit_bottom.jpg) no-repeat left 0}

#box {float:right; margin:30px 10px 0 5px; padding:0 5px; width:135px; font-size:.85em}
	#box p { margin:0; padding:0; text-align:left; line-height:1.5em; color:#333}
	#box p.link { text-align:center; margin-bottom:15px; color:#60a763}
	#box a { text-decoration:none; color:#777; padding-right:10px}
	#box a:hover { text-decoration:underline; color:#60a763; background:none}
	#box h3 { text-align:left; margin-bottom:10px; font-weight:normal; color:#222; text-transform:uppercase; letter-spacing:.1em; color:#96000b; /*border-bottom:1px solid #eee*/}
	#box span.data { float:left; font:normal 1.25em "Century Gothic", Helvetica, sans-serif; padding:4px 6px; color:#777; margin:4px 10px 5px -2px; text-align:center; line-height:1em; background-color:#e7f2e8}
	#box span.data strong { font-weight:normal; font-size:0.85em; text-transform:none; color:#555}

	form {margin:0; padding:0}
	input, .input {font:normal 100% "Lucida Sans Unicode", Helvetica, sans-serif; border:1px solid #ddd; color:#000}
	textarea {font:normal 100% "Lucida Sans Unicode", Helvetica, sans-serif; border:1px solid #ddd; overflow:auto; color:#000}

#footer {clear:both; height:80px; background:url(../_img/bg_footer.jpg) no-repeat center top; color:#777; padding:30px 0 0 0}
	#footer p{text-align:center; line-height:140%}
	#footer a{text-decoration:none; color:#777}
	#footer a:hover{text-decoration:underline; color:#777}