@charset "utf-8";
/* CSS Document */

/* Visit http://www.menucool.com/horizontal/javascript-menu for source code and other menu CSS templates */

#sse1
{
	/*You can decorate the menu's container, such as adding background images through this block*/
   /* background-color: #30322c;*/
    height: 23px;
	padding: 0px;
/*	border-radius: 3px;
*/	box-sizing: content-box;
	background-image: url(../images/otimoweb_fondo_menu_03.png);
	width: 722px;
}
#sses1
{
    margin:0 auto;/*This will make the menu center-aligned. Removing this line will make the menu align left.*/
}
#sses1 ul 
{
	position: relative;
	list-style-type: none;
	float:left;
	padding:0;
	margin:0;
	width: 100%;
}
#sses1 li
{
    float:right;
    list-style-type: none;
    padding:0;margin:0;background-image:none;
}
/*CSS for background bubble*/
#sses1 li.highlight
{
	/*background-color:#C7D92C;*/
    background-color:#F00;
	top:0px;
	height:2px;
	z-index: 1;
	position: absolute;
	overflow:hidden;
}
#sses1 li a
{
	box-sizing: content-box;
/*	height:23px;
*/	padding-top: 0px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	text-decoration: none;
	display: block;
	float:left;
	position: relative;
	z-index: 2;
	font-size: 17px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}
#sses1 li a:hover
{
	box-sizing: content-box;
/*	height:23px;
*/	padding-top: 0px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/
	color: #F00;
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
	text-decoration: none;
	display: block;
	float:left;
	position: relative;
	z-index: 2;
	font-size: 17px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}