/************* generals *********/
body {
	background-image: url(../img/bk.jpg);
	background-repeat: repeat-x;
	margin: 0px; padding: 0px;
	font-size: 90%;
	font-family: 'Trebuchet MS', arial, sans-serif;
}

#container {width: 950px; margin-left: auto; margin-right: auto;}

ul.idiomes {list-style: none; margin: 0px 10px 0px 0px; padding: 1px 3px 3px 3px; float: right; font-size: 0.8em; background-color: #B9414A;}
ul.idiomes li {display: inline;}
ul.idiomes li a {margin: 2px 4px 2px 4px; display: block; float: left; width: 16px; height: 11px; background-repeat: no-repeat;}

ul.idiomes li a.cat {background-image: url(../img/cat.png);}
ul.idiomes li a.cast {background-image: url(../img/es.png);}
ul.idiomes li a.eng {background-image: url(../img/gb.png);}
ul.idiomes li a.fra {background-image: url(../img/fr.png);}
ul.idiomes li a.deu {background-image: url(../img/de.png);}
ul.idiomes li a.nl {background-image: url(../img/nl.png);}


#header {background-image: url(../img/top_bk.jpg); background-repeat: repeat-x;}

#header a {color: #FFFFFF;}
#header h1 {
	font-size: 1em;
	margin: 7px 0px 10px 0px;
	padding: 0px;
	color: #FFFFFF;
	font-weight: normal;
	width: 250px;
	float: left;
}

#header a img {border: none;}


/******** Buscador *********/
form#buscador {font-size: 1em; margin: 8px 0px 0px 620px;}
form#buscador label {color: #FFFFFF;}

form#buscador input {
	height: 15px;
	width: 140px;
	border: 0px;
	background-image: url(../img/bk-input.jpg);
	background-repeat: no-repeat;
	padding: 1px 0px 0px 5px;
}

form#buscador input.busca {
	background-image: url(../img/buscar.jpg);
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	cursor: pointer;
	width: 15px;
	height: 17px;
}

span.clear {clear: both; display: block;}
#flash {margin: 15px 0px 0px 0px; z-index: -1999;}


/********* menu principal ****************/
ul.mainmenu {list-style: none; float: right; margin: 26px 0px 0px 0px;}

ul.mainmenu li {display: inline;}
ul.mainmenu li a {
	display: block;
	float: left;
	margin: 0px 3px 0px 3px;
	padding: 15px 5px 15px 5px;
	text-decoration: none;
}

ul.mainmenu li a.on {background-image: url(../img/repeat-menu.jpg); background-repeat: repeat-x;}
ul.mainmenu li a:hover {background-image: url(../img/repeat-menu.jpg); background-repeat: repeat-x;}

/******************** zona continguts ************/
#content {padding: 5px 0px 5px 0px;margin:20px 0 0 0;}


/******** submenus de seccions ********/
ul.submenu {position:absolute;list-style: none; float: right; margin:2px 0 0 0; width:740px;left:270px;/left:330px;}
ul.submenu li {display: inline;}
ul.submenu li a {background:  url(../img/subsubof.gif); display: block; float: left; margin: 8px 7px 0px 7px;/margin: 17px 7px 0px 7px; color: #2B2D2C; font-size: 0.9em; text-decoration: none; padding: 2px 6px 2px 6px;}

ul.submenu li a:hover, ul.submenu li a.on {background:  url(../img/subsub.gif); color: #FFFFFF;}


/**************** peu *****************/
#footer {
	clear: both;
	font-size: 0.8em;
	color: #484C4C;
	text-align: center;
	background-color: #E0E0DE;
	padding: 2px 0px 2px 0px;
}

#footer a {color: #484C4C; font-weight: bold; text-decoration: none;}
#footer a:hover {text-decoration: underline;}