html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@media screen{
	* html{overflow-y:hidden}
	* html body{height:100%; overflow:auto}
}
:root{overflow-y:scroll}

body {font:normal #fff "Trebuchet MS Normal", "Trebuchet MS", Arial, sans-serif; background:#000 url(../img/bg_menu.gif) repeat-y fixed left top}
	body.portada {background:#000000 url(../img/index_carnaval.jpg) no-repeat 240px 0px} /*codi imatge portada:	 background:#codi-hex-color-fons url(../img/imatge.jpg no-repeat pos-x pos-y  */
	.motion #content p {color:#fff}
	.web {background-color:#ccc}
	.imgcorp {background-color:#dddbd5}
	.print {background-color:#fff}
	.altres {background-color:#201f1c}
	.perfil {background-color:#9c0}
	.contacte {background-color:#ccc}
	.perfil #content, .contacte #content  {padding-top:200px}
	.perfil #content p, .contacte #content p {color:#000; margin-left:20px; margin-bottom:5px}
	.perfil #content a, .contacte #content a {color:#000; text-decoration:none; font-weight:bold}
	.perfil #content a:hover, .contacte #content a:hover {color:#000; text-decoration:underline}
	.contacte #content strong {color:#fff}
	
#wrap {width:1260px}
	body.portada #wrap {background:url(../img/bg_menu.gif) repeat-y fixed left top}
	
#lang {z-index:999; width:20px; height:100%; position:fixed; display:block; background-color:#4a4848; left:0}
	#lang.active {background-color:#9c0}
	#lang ul {margin-top:30px}
	#lang li {list-style:none; text-align:center}
	#lang li a {display:block; width:20px; height:45px; background-image:url(../img/idiomes.gif); background-repeat:no-repeat}

	.esp {background-position:0 0}
	a.esp.active {background-position:-20px 0}
	a.esp:hover {background-position:-40px 0}

	.eng {background-position:0 -45px}
	a.eng.active {background-position:-20px -45px}
	a.eng:hover {background-position:-40px -45px}

	.cat {background-position:0 -90px}
	a.cat.active {background-position:-20px -90px}
	a.cat:hover {background-position:-40px -90px}

#menu {position:relative; float:left; width:280px}

#menu div {position:fixed}
	#menu ul {list-style:none; height:400px; padding:180px 0 0 20px; background:url(../img/bg_logo_menu.gif) no-repeat right top}
	#menu li a {display:block; width:220px; background-repeat:no-repeat}
	#menu li a span {display:block; position:absolute; width:220px; z-index:99; background-repeat:no-repeat; cursor:pointer; text-indent:-9999px}
	.cat #menu li a, .cat #menu li a span {background-image:url(../img/menu-cat.gif)}
	.eng #menu li a, .eng #menu li a span {background-image:url(../img/menu-eng.gif)}
	.esp #menu li a, .esp #menu li a span {background-image:url(../img/menu-esp.gif)}

	.print {height:39px; background-position:0 0}
	a.print span {height:39px; background-position:-220px 0}
	
	.motion {height:66px; background-position:0 -39px}
	a.motion span{height:66px; background-position:-220px -39px}
	
	.web {height:37px; background-position:0 -105px}
	a.web span {height:37px; background-position:-220px -105px}
	
	.imgcorp {height:70px; background-position:0 -255px}
	a.imgcorp span {height:70px; background-position:-220px -255px}
	
	.explore {height:70px; background-position:0 -142px}
	a.explore span {height:70px; background-position:-220px -142px}

	.profile {height:20px; background-position:0 -212px}
	a.profile span {height:20px; background-position:-220px -212px}

	.contact {height:20px; background-position:0 -232px}
	a.contact span {height:20px; background-position:-220px -232px}

#content {float:left; width:990px; padding:20px 0 0 240px}
	#content img {float:left}
	#content p {margin:10px 0 25px 0; padding:4px 0; font:normal 0.9em "Lucida Sans Unicode", "Lucida Grande"; line-height:1.65em}
	#content span {padding:3px 8px 4px 10px; background-color:#a2cc22; color:#fff; font-size:1.10em; letter-spacing:-0.05em}
	#content span strong {color:#000}
	#content span a {color:#fff; text-decoration:none}
	#content span a:hover {color:#000; text-decoration:underline}
	
	.video {float:left; display:block; width:640px; height:360px; margin:10px 20px 5px 15px; background-repeat:no-repeat; background-position:center center; /*border:1px solid red*/}
	.play {display:none; cursor:pointer; width:640px; height:360px; background:url(../img/motion/play.png) no-repeat center center}

	.imgcorp #content a { display:block; width:550px; height:140px; margin:0 0 20px 20px}
	
	.imgcorp .info {float:left; position:absolute; top:20px; right:20px; width:350px}
	.imgcorp .info p {margin:0 0 10px 0  !important; background-color:#9db800; color:#fff; padding:5px !important}
	.imgcorp .info strong {color:#000}