/* ------ general
-----------------------------------------------*/

/* Font definition for Internet Explorer */
/*         (*must* be first)             */


body {
	font-family: Arial, Helvetica, sans-serif;
	background:#f1f1f1;
	font-size:11px;
	margin:0;
	padding:0;
}


.container {height:40px; margin: 0 auto;}


ul#topnav {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none; 
	position: relative;
	font-size: 14px; 
	height: 40px;
	width: 669px;
}

ul#topnav li:first-child {border-left: 1px solid #B6B7B1;}

ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #B6B7B1;
	height:40px;
}
ul#topnav li.homepage a {background-image: url('../images/menu/homepage.png'); background-repeat: no-repeat; background-position: top left; width:81px; }
ul#topnav li.whoweare a {background-image: url('../images/menu/whoweare.png'); background-repeat: no-repeat; background-position: top left; width:93px;}
ul#topnav li.whatwedo a {background-image: url('../images/menu/whatwedo.png'); background-repeat: no-repeat; background-position: top left; width:92px;}
ul#topnav li.mission a {background-image: url('../images/menu/mission.png'); background-repeat: no-repeat; background-position: top left; width:75px;}
ul#topnav li.tec a {background-image: url('../images/menu/tec.png'); background-repeat: no-repeat; background-position: top left; width:124px}
ul#topnav li.contact a {background-image: url('../images/menu/contact.png'); background-repeat: no-repeat; background-position: top left; width:91px}
ul#topnav li.link a {background-image: url('../images/menu/link.png'); background-repeat: no-repeat; background-position: top left; width:100px}

ul#topnav li.homepage a:hover {background-image: url('../images/menu/homepage_h.png'); }
ul#topnav li.whoweare a:hover {background-image: url('../images/menu/whoweare_h.png');  }
ul#topnav li.whatwedo a:hover {background-image: url('../images/menu/whatwedo_h.png'); }
ul#topnav li.mission a:hover {background-image: url('../images/menu/mission_h.png');  }
ul#topnav li.tec a:hover {background-image: url('../images/menu/tec_h.png');  }
ul#topnav li.contact a:hover {background-image: url('../images/menu/contact_h.png'); }
ul#topnav li.link a:hover {background-image: url('../images/menu/link_h.png');  }

ul#topnav li a {
	line-height:40px;
	font-size:11px;
	display: block;
	color: #25457E;
	text-decoration: none;
}

/*ul#topnav li:hover { 	background: #E6E3DC url('../images/topnav_a.gif') repeat-x; } */

ul#topnav li span {
	float: left;
	padding: 8px 0;
	position: absolute;
	left: 0; 
	top:40px;
	margin-left:50px;
	display: none;
	width: 470px;
	background: #E6E3DC;
	color: #25457E;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { float:left; text-decoration: none }
ul#topnav li span a:hover {text-decoration: none}

ul#topnav li span a.bb {background-image: url('../images/menu/bb.png');  background-repeat: no-repeat; background-position: top left; width:115px;}
ul#topnav li span a.pasta {background-image: url('../images/menu/pasta.png');  background-repeat: no-repeat; background-position: top left; width:69px;}
ul#topnav li span a.pizza {background-image: url('../images/menu/pizza.png');  background-repeat: no-repeat; background-position: top left; width:70px;}
ul#topnav li span a.ingredients {background-image: url('../images/menu/ingredients.png');  background-repeat: no-repeat; background-position: top left; width:99px;}

ul#topnav li span a.bb:hover {background-image: url('../images/menu/bb_h.png');  }
ul#topnav li span a.pasta:hover {background-image: url('../images/menu/pasta_h.png'); }
ul#topnav li span a.pizza:hover {background-image: url('../images/menu/pizza_h.png');  }
ul#topnav li span a.ingredients:hover {background-image: url('../images/menu/ingredients_h.png');  }


/* ------ mobilyslider
-----------------------------------------------*/

#content {
width:800px;
margin:100px auto 0;
}

.slider {
float:left;
width:492px;
height:340px;
position:relative;
}

.sliderContent {
float:left;
width:492px;
height:340px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../gfx/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:492px;
height:360px;
background:#fff;
}

.sliderBullets {
	bottom: 25px;
  margin-left: 15px;
  position: relative;
  z-index: 50;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}

a {
color: #999999;
}

a img {
border:none;
}