/********************************************************
*														*
*	Copyright 2009 - Quiràlia							*
*	Disseny: Laura Morató (moratolaura@telefonica.net)	*
*	Programació: ODW (info@osonadissenyweb.com)			*
*														*
********************************************************/

/* ESILS DEL MENÚ PRINCIPAL */
#main-nav {
	margin-top:23px;
}

#main-nav a{
	font-weight:bold;
	text-decoration:none;
}

#menu-principal {
	width:100%;
}

#menu-principal tr td {
	width:156px;
	height:30px;
	padding:0px 15px 11px 0px;
	vertical-align:text-top;
}

#menu-principal a{
	display:block;
	width:169px;
	height:63px;
	padding:9px 0px 0px 10px;
}

/* Estats normal */
#productes-link {color:#0084d7; background:url(../img/menu/productes-bg2.jpg) left top no-repeat;}
#agenda-link {color:#e20916; background:url(../img/menu/agenda-lleure-bg2.jpg) left top no-repeat;}
#projecte-link {color:#ff7f00; background:url(../img/menu/projecte-destacat-bg2.jpg) left top no-repeat;}
#buscat-link {color:#008131; background:url(../img/menu/producte-buscat-bg2.jpg) left top no-repeat;}

#escola-educadors-link {
	color:#008131;
	background:url(../img/menu/escola-quiralia-bg2.jpg) left top no-repeat;
	width:155px !important;
	height:63px !important;
}

#galeria-fotografica-link {
	color:#ffffff;
	background:url(../img/menu/galeria-fotos-bg.jpg) left top no-repeat;
	height:38px !important;
}

/* Estats hover */
#productes-link:hover {background:url(../img/menu/productes-bg2.jpg) right top no-repeat;}
#agenda-link:hover {background:url(../img/menu/agenda-lleure-bg2.jpg) right top no-repeat;}
#projecte-link:hover {background:url(../img/menu/projecte-destacat-bg2.jpg) right top no-repeat;}
#buscat-link:hover {background:url(../img/menu/producte-buscat-bg2.jpg) right top no-repeat;}
#escola-educadors-link:hover {background:url(../img/menu/escola-quiralia-bg2.jpg) right top no-repeat;}
#galeria-fotografica-link:hover {color:#888888;}
#productes-link:hover, #agenda-link:hover, #projecte-link:hover, #buscat-link:hover, #escola-educadors-link:hover {color:#000000;}

#galeria-buscador-nav {
	float:right;
}

#menu-principal .actiu {
	background-position:right top !important;
	color:#000000;
}

#galeria-buscador-nav .actiu {
	background-position:right top !important;
	color:#888888;
}

#galeria-fotografica-td {
	margin:0px !important;
	padding:0px !important;
	width:201px !important;
}

#taula-buscador {
	padding:0px !important;
	margin:0px !important;
	width:100%;

}

#taula-buscador tr td {
	padding:0px !important;
}

#taula-buscador tr td img {
	float:right;
	margin-top:0px;
}

#lupa:hover {
	cursor:pointer;
}

#buscador {
	margin:6px 0px 0px 0px;
	padding:0px;
	width:100%;
}

#cercar {
	font-size:10px;
	border:0px;
	background:url(../img/buscador-bg.jpg) no-repeat left top;
	width:174px;
	height:16px;
	padding:2px 0px 0px 5px;
	margin:0px;
}

/* ESTILS DEL MENÚ HORITZONTAL */
#horitzontal-nav {
	padding-top:45px;
}

#horizontal-menu {
	border-bottom:1px solid #333333;
	margin:10px 25px 0px 0px;
}

#horizontal-menu ul {
	list-style-type:none;
	margin:0px 0px 5px 0px;
	padding:0px;
}

#horizontal-menu ul li {
	display:inline;
	margin:0px;
	padding:0px;
}

#horizontal-menu ul li .actiu {
	font-weight:bold !important;
	text-decoration:none !important;
}

#horizontal-menu ul li a:link, #horizontal-menu ul li a:visited {
	text-decoration:none;
	color:#333333;
}

#horizontal-menu ul li a:hover, #horizontal-menu ul li a:active, #horizontal-menu ul li a:focus {
	text-decoration:underline;
}

/* ESTILS DEL SUBMENÚ HORITZONTAL */
#horizontal-submenu ul {
	list-style-type:none;
	margin:5px 0px 0px 0px;
	padding:0px;
}

#horizontal-submenu ul li {
	display:inline;
	margin:0px;
	padding:0px;
}

#horizontal-submenu ul li .actiu {
	color:#333333 !important;
	text-decoration:none !important;
}

#horizontal-submenu ul li a:link, #horizontal-submenu ul li a:visited {
	color:#999999;
	text-decoration:none;
}

#horizontal-submenu ul li a:hover, #horizontal-submenu ul li a:active, #horizontal-submenu ul li a:focus {
	text-decoration:underline;
}

.last-item {
	border-right:0px !important;
}

/* MENÚ D'IDIOMES */
#langs-nav {
	text-align:right;
	padding:0px;
	margin:5px 25px 0px 0px;
}

#langs-nav a:link, #langs-nav a:visited {
	color:#999999;
	text-decoration:none;
}

#langs-nav a:hover, #langs-nav a:active, #langs-nav a:focus {
	color:#333333;
}