/***
* Author: Xavier G?mez 
* e-mail: xgomez@xtec.cat
*/

.ocult {	
	display: none;
}
.data {
	font-family: verdana;
	font-weight: bold;
}

#cos h2 {
	line-height: 20px;
	border-bottom: 2px solid #333;
	padding: 0 10px;
}

#cos a {
	color: #7F0600;
	text-decoration: none;
}
#cos a:hover {
	/*border-bottom: 1px dashed white;*/
	text-decoration: none;
}
#cos a[target ^="_blank"] {
	background: url(imatges/external.gif) center right no-repeat;
	padding-right: 13px;
}

#cos a[href ^="mailto:"] {
	background: url(imatges/mailto.gif) center left no-repeat;
	padding-left: 20px;
}


html { 
	min-height: 100%; 
	height: auto; 
}

body {
	margin: 0;
	padding: 0;
	font:12pt/12pt "Lucida Grande", Arial, sans-serif;
	color:#ccc;
	background:url(imatges/bg3.gif) right 450px no-repeat #ffffff;
}
#bg1 {
	background:url(imatges/bg1.gif) right -50px no-repeat transparent;
}
#bg2 {
	background:url(imatges/bg2.gif) right 180px no-repeat transparent;
}
#logo {
	height: 149px;
}
#contingut {
	font-size:1em;
	width:720px;
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
}
#cos {
	font:12px/12px "Lucida Grande", Arial, sans-serif;
	margin-top:10px;
	text-decoration:none;
	font-size:0.8em;
	background: #fff;
	color:#333;
	padding:20px;
	padding-right:38px;
	padding-top:10px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}
#cos p, #cos li {
	line-height: 20px;
}

#titol {
	margin-bottom:5px;
}

* html #titol {
	zoom: 1;
	margin-bottom: 2px;
}
#logo a img {
	border: 0;
}
#menu {
	margin-bottom: 15px;
}

#menu ul {
	width: 100%;
	margin-top:34px;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	color: #a2a2a2;
}

#menu ul li {
	margin: 0
	list-style: none;
	display: inline;
	background: #fff;
}
#menu ul li a {
	color:#333;
	text-decoration: none;
	line-height: 23px;
	margin-top: 5px;
	padding: 0 5px 3px;
	border-bottom: 4px solid #676867;
}
#menu ul li a:hover {
	margin-top: 0px;
	border-top: 5px solid white;
	border-bottom: 4px solid #C83E3B;
}
#menu ul li.active {
	color:#000;
}
#menu ul li.active a {
	color: #fff;
}
#menuportada{
	height: 35px;
	margin:0;
	padding: 0;
}
#menuportada:hover {
	cursor: pointer;
	cursor: hand;
}
#menuportada h2{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 35px;
	background: url(imatges/llicencia.gif) center right no-repeat;
	border-bottom: 3px solid #333;
}
#menuportada h2 span{
	display: none;
}
#portada {
	margin:0; 
	padding: 0;
	text-align: center;
	background: url(imatges/portada.gif) repeat-x;
	height: 400px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}

#videoMostra007 {
	margin: 30px;
}

#peu {
	border-top: 3px solid #333;
	text-align:center;
	font-size:0.8em;
	color:#aaa;
	clear:both;
}
  
#peu a {
	color:#aaa;
}


/* opcions espec?fiques de les seccions */

#suports ul li, #logos ul li {
	list-style: none;
}
#suports h3 {
	margin-bottom: 0;
}

#oferta {
	position: absolute;
	top: 0;
	left: 0;
	background: url(imatges/oferta.gif) top left no-repeat;
	display: block;
	width: 110px;
	height: 102px;
}

#oferta a {
	display: block;
	width: 109px;
	height: 101px;
}
#oferta a  span{
	display: none;
}

.noticia {
	padding: 10px;
	line-height: 25px;
	font-size: 14px;
	font-family: verdana;
	background: gray;
	color: black;
	text-align: center;
}

/*
* Treballs
*/

.centre {
	text-transform: uppercase;		
	font-family: Georgia, serif;
	font-size: 13pt;
	color: #ea8989;
	letter-spacing: -0.01em;
}
.treball {
	font-family: "Times New Roman", serif;
	color: #749187;
	font-size: 13pt;
	font-weight: bold;	
	text-decoration: none;
text-transform: lowercase;
}
.treball:hover {
	text-decoration: underline;
}
.nivell {
	font-family: serif;
}
.poblacio {
	color: gray;
	font-family: serif;
text-transform: lowercase;
}
.petit{
	font-size: 9pt;
}

#cos li {
margin-top: 15px;
list-style:none;
}

#cos a[href ^="mailto:"] {
text-transform: lowercase;
}

#treball_cos {
width: 450px;
}

#treball_lateral {
width: 200px;
float: right;
}
#menu_B ul li {
	margin-left: 4px;
	margin-right: 4px;
	list-style: none;
	display: inline;
font-size: 30px;
	
}
#menu_B ul li a {
color:#a8a8a8;
text-decoration: none;
display: block;
float: left;
width: 200px;
text-align: center;
}
#menu_B ul li a:hover {
color: #000;
text-decoration: none;
border: 0;
}
#menu_B ul li.current a {
text-decoration: underline;
color: #B22825;
font-weight: bold;
}
.si {
display: visible;
}
.no {
display: none;
}
#premiats {
	border: 3px solid #FFD71F;
	background: #FFF8AF;
	padding: 5px 40px;
}