<%@page buffer="none" session="true" pageEncoding="UTF-8" %>
<%@ taglib prefix="cms" uri="http://www.opencms.org/taglib/cms" %>
<%!
	public final static String IMAGE_BASE_PATH = "/system/modules/edu.uoc.web.presentations/resources/images/";
%>
#top_menu_items{
	width: 	100%;
	height: 60px;
	clear: 	both;
	
	padding: 1px 0px 0px 0px;
	
	background-repeat: 	 repeat-x;
	background-position: bottom;
	background-image: 	 url("<cms:link><%=IMAGE_BASE_PATH%>structure/top_menu_items_bg.gif</cms:link>");
}
#top_menu_items div{
	width: 	auto;
	height: 49px; /* H:49 = 32 + 15 + 2 */
	float:	left;
}
#top_menu_items div.topMenuItem, #top_menu_items div.topMenuItem a{
	display:	block;
	float:		left;
	
	background-repeat: 	 repeat-x;
	background-position: bottom;
}
#top_menu_items div.topMenuItem a.topMenuItemLink{
	width: 		100%;
	height: 	47px;
	
	padding: 	0px;
	border: 	0px;
	
	background-position: top left;
	background-repeat: 	 no-repeat;
}
/* C A T A L � */
#top_menu_items div#top_menu_item_ca_1, #top_menu_items div#top_menu_item_ca_1_selected, #top_menu_items div#top_menu_item_ca_1 a,
#top_menu_items div#top_menu_item_ca_2, #top_menu_items div#top_menu_item_ca_2_selected, #top_menu_items div#top_menu_item_ca_2 a,
#top_menu_items div#top_menu_item_ca_3, #top_menu_items div#top_menu_item_ca_3_selected, #top_menu_items div#top_menu_item_ca_3 a,
#top_menu_items div#top_menu_item_ca_4, #top_menu_items div#top_menu_item_ca_4_selected, #top_menu_items div#top_menu_item_ca_4 a{
	width: 		auto;
	height: 	47px;
	
	padding: 	0px;
	border: 	0px;
	
	background-position: top left;
	background-repeat: 	 no-repeat;
}
#top_menu_items div#top_menu_item_ca_1, #top_menu_items div#top_menu_item_ca_2, #top_menu_items div#top_menu_item_ca_3, #top_menu_items div#top_menu_item_ca_4,
#top_menu_items div#top_menu_item_ca_1_selected, #top_menu_items div#top_menu_item_ca_2_selected, #top_menu_items div#top_menu_item_ca_3_selected, #top_menu_items div#top_menu_item_ca_4_selected{	
	border: 	1px solid #e4e4e4;
}
#top_menu_items div#top_menu_item_ca_1_selected, #top_menu_items div#top_menu_item_ca_1 a{
	width:  109px;
}
#top_menu_items div#top_menu_item_ca_1{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/ca_button_universitat.gif</cms:link>");
}
#top_menu_items div#top_menu_item_ca_1_selected, #top_menu_items div#top_menu_item_ca_1 a:hover{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/ca_button_universitat_selected.gif</cms:link>");
}
#top_menu_items div#top_menu_item_ca_2_selected, #top_menu_items div#top_menu_item_ca_2 a{
	width:  123px;
}
#top_menu_items div#top_menu_item_ca_2{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/ca_button_estudis.gif</cms:link>");
}
#top_menu_items div#top_menu_item_ca_2_selected, #top_menu_items div#top_menu_item_ca_2 a:hover{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/ca_button_estudis_selected.gif</cms:link>");
}
#top_menu_items div#top_menu_item_ca_3_selected, #top_menu_items div#top_menu_item_ca_3 a{
	width:  138px;
}
#top_menu_items div#top_menu_item_ca_3{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/ca_button_recerca.gif</cms:link>");
}
#top_menu_items div#top_menu_item_ca_3_selected, #top_menu_items div#top_menu_item_ca_3 a:hover{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/ca_button_recerca_selected.gif</cms:link>");
}
#top_menu_items div#top_menu_item_ca_4_selected, #top_menu_items div#top_menu_item_ca_4 a{
	width:  153px;
}
#top_menu_items div#top_menu_item_ca_4{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/ca_button_difusio.gif</cms:link>");
}
#top_menu_items div#top_menu_item_ca_4_selected, #top_menu_items div#top_menu_item_ca_4 a:hover{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/ca_button_difusio_selected.gif</cms:link>");
}
/* C A S T E L L � */
#top_menu_items div#top_menu_item_es_1, #top_menu_items div#top_menu_item_es_1_selected, #top_menu_items div#top_menu_item_es_1 a,
#top_menu_items div#top_menu_item_es_2, #top_menu_items div#top_menu_item_es_2_selected, #top_menu_items div#top_menu_item_es_2 a,
#top_menu_items div#top_menu_item_es_3, #top_menu_items div#top_menu_item_es_3_selected, #top_menu_items div#top_menu_item_es_3 a,
#top_menu_items div#top_menu_item_es_4, #top_menu_items div#top_menu_item_es_4_selected, #top_menu_items div#top_menu_item_es_4 a{
	width: 		auto;
	height: 	47px;
	
	border: 	0px;
	
	background-position: top left;
	background-repeat: 	 no-repeat;
}
#top_menu_items div#top_menu_item_es_1, #top_menu_items div#top_menu_item_es_2, #top_menu_items div#top_menu_item_es_3, #top_menu_items div#top_menu_item_es_4{
	border: 	1px solid #e4e4e4;
}
#top_menu_items div#top_menu_item_es_1_selected, #top_menu_items div#top_menu_item_es_1 a{
	width:  130px;
}
#top_menu_items div#top_menu_item_es_1{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/es_button_universitat.gif</cms:link>");
}
#top_menu_items div#top_menu_item_es_1_selected, #top_menu_items div#top_menu_item_es_1 a:hover{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/es_button_universitat_selected.gif</cms:link>");
}
#top_menu_items div#top_menu_item_es_2_selected, #top_menu_items div#top_menu_item_es_2 a{
	width:  130px;
}
#top_menu_items div#top_menu_item_es_2{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/es_button_estudis.gif</cms:link>");
}
#top_menu_items div#top_menu_item_es_2_selected, #top_menu_items div#top_menu_item_es_2 a:hover{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/es_button_estudis_selected.gif</cms:link>");
}
#top_menu_items div#top_menu_item_es_3_selected, #top_menu_items div#top_menu_item_es_3 a{
	width:  130px;
}
#top_menu_items div#top_menu_item_es_3{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/es_button_recerca.gif</cms:link>");
}
#top_menu_items div#top_menu_item_es_3_selected, #top_menu_items div#top_menu_item_es_3 a:hover{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/es_button_recerca_selected.gif</cms:link>");
}
#top_menu_items div#top_menu_item_es_4_selected, #top_menu_items div#top_menu_item_es_4 a{
	width:  133px;
}
#top_menu_items div#top_menu_item_es_4{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/es_button_difusio.gif</cms:link>");
}
#top_menu_items div#top_menu_item_es_4_selected, #top_menu_items div#top_menu_item_es_4 a:hover{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/es_button_difusio_selected.gif</cms:link>");
}
/* A N G L � S */
#top_menu_items div#top_menu_item_en_1, #top_menu_items div#top_menu_item_en_1_selected, #top_menu_items div#top_menu_item_en_1 a,
#top_menu_items div#top_menu_item_en_2, #top_menu_items div#top_menu_item_en_2_selected, #top_menu_items div#top_menu_item_en_2 a,
#top_menu_items div#top_menu_item_en_3, #top_menu_items div#top_menu_item_en_3_selected, #top_menu_items div#top_menu_item_en_3 a,
#top_menu_items div#top_menu_item_en_4, #top_menu_items div#top_menu_item_en_4_selected, #top_menu_items div#top_menu_item_en_4 a{
	width: 		auto;
	height: 	47px;
	
	padding: 	0px;
	
	background-position: top left;
	background-repeat: 	 no-repeat;
}
#top_menu_items div#top_menu_item_en_1, #top_menu_items div#top_menu_item_en_2, #top_menu_items div#top_menu_item_en_3, #top_menu_items div#top_menu_item_en_4{
	border: 	1px solid #e4e4e4;
}
#top_menu_items div#top_menu_item_en_1_selected, #top_menu_items div#top_menu_item_en_1 a{
	width:  130px;
}
#top_menu_items div#top_menu_item_en_1{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/en_button_universitat.gif</cms:link>");
}
#top_menu_items div#top_menu_item_en_1_selected, #top_menu_items div#top_menu_item_en_1 a:hover{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/en_button_universitat_selected.gif</cms:link>");
}
#top_menu_items div#top_menu_item_en_2_selected, #top_menu_items div#top_menu_item_en_2 a{
	width:  130px;
}
#top_menu_items div#top_menu_item_en_2{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/en_button_estudis.gif</cms:link>");
}
#top_menu_items div#top_menu_item_en_2_selected, #top_menu_items div#top_menu_item_en_2 a:hover{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/en_button_estudis_selected.gif</cms:link>");
}
#top_menu_items div#top_menu_item_en_3_selected, #top_menu_items div#top_menu_item_en_3 a{
	width:  130px;
}
#top_menu_items div#top_menu_item_en_3{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/en_button_recerca.gif</cms:link>");
}
#top_menu_items div#top_menu_item_en_3_selected, #top_menu_items div#top_menu_item_en_3 a:hover{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/en_button_recerca_selected.gif</cms:link>");
}
#top_menu_items div#top_menu_item_en_4_selected, #top_menu_items div#top_menu_item_en_4 a{
	width:  133px;
}
#top_menu_items div#top_menu_item_en_4{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/en_button_difusio.gif</cms:link>");
}
#top_menu_items div#top_menu_item_en_4_selected, #top_menu_items div#top_menu_item_en_4 a:hover{
	background-image: url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/en_button_difusio_selected.gif</cms:link>");
}
/* C O M U N S */
/* �rees tem�tiques */
#top_menu_items div#top_menu_item_ca_5, #top_menu_items div#top_menu_item_ca_5 a, #top_menu_items div#top_menu_item_ca_5_selected,
#top_menu_items div#top_menu_item_es_5, #top_menu_items div#top_menu_item_es_5 a, #top_menu_items div#top_menu_item_es_5_selected,
#top_menu_items div#top_menu_item_en_5, #top_menu_items div#top_menu_item_en_5 a, #top_menu_items div#top_menu_item_en_5_selected{ 
	width: 	110px;
	height: 49px;
	float:	left;
	
	margin:	 0px;
	padding: 0px;
	border:  0px;
	
	background-position: left center;
	background-repeat: 	 no-repeat;
}
#top_menu_items div#top_menu_item_ca_5{
	background-image: 		url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/ca_button_arees.gif</cms:link>");
}
#top_menu_items div#top_menu_item_ca_5_selected, #top_menu_items div#top_menu_item_ca_5 a:hover{
	background-image: 		url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/ca_button_arees_selected.gif</cms:link>");
}
#top_menu_items div#top_menu_item_es_5, #top_menu_items div#top_menu_item_es_5_selected{
	background-image: 		url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/es_button_arees.gif</cms:link>");
}
#top_menu_items div#top_menu_item_es_5_selected, #top_menu_items div#top_menu_item_es_5 a:hover{
	background-image: 		url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/es_button_arees_selected.gif</cms:link>");
}
#top_menu_items div#top_menu_item_en_5, #top_menu_items div#top_menu_item_en_5_selected{ 
	background-image: 		url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/en_button_arees.gif</cms:link>");	
}
#top_menu_items div#top_menu_item_en_5_selected, #top_menu_items div#top_menu_item_en_5 a:hover{
	background-image: 		url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/en_button_arees_selected.gif</cms:link>");
}
#top_menu_items div.topMenuItemSeparator{
	width: 	3px;
	height: 49px; /* H:49px */

	margin: 	0px;
	padding: 	0px;
	border: 	0px;
	
	background-image: 	 url("<cms:link><%=IMAGE_BASE_PATH%>nav_buttons/button_separator.gif</cms:link>");	
	background-position: top center;
	background-repeat:   no-repeat;
}
/* Entre Difusi� i �reas Tem�tiques */
#top_menu_items div#top_menu_item_ca_4_separator,
#top_menu_items div#top_menu_item_es_4_separator,
#top_menu_items div#top_menu_item_en_4_separator{ 
	display: 			none;
	border: 			none;
	background-image: 	none;
}
#top_menu_items div#top_search{
	width: auto;
	height: 39px;
	float: right;
	
	padding: 10px 0px 0px 0px;
	border:  none;
	
	background-image: 	none;
}
#top_search form input.form_text{
	width: 	93px;
	height: 13px;
	
	padding:  3px 0px 0px 2px;
	
	border-top:  	1px solid #c8c8c8;
	border-right: 	1px solid #f0f0f0;
	border-bottom:  1px solid #fbfbfb;
	border-left: 	1px solid #c8c8c8;
	
	vertical-align: middle;
}
#top_search form input.form_image{
	width:	15px;
	height: 15px;
	
	margin-left: 4px;

	vertical-align: bottom;
}