#top-menu { width:100%; height:35px; background-color:#841f1d; color:white; margin-bottom:10px; }

#top-menu ul { padding:0px; margin:0px; line-height:35px; }

#top-menu .container { position:relative; }
#top-menu .container .span10 ul { position:absolute; top:0px; right:30px; }
#top-menu .container .span2 ul { position:absolute; top:0px; left:0px; }

#top-menu ul li { text-transform:uppercase; list-style:none; display: inline-block; font-size:15px; border-right: solid 1px white; padding:7px 20px; }

#top-menu ul li a:link, #top-menu ul li a:visited { color:white; text-decoration:none; }
#top-menu ul li a:hover, #top-menu ul li a:active { color:#a55c5a; text-decoration:none; }
#top-menu ul li a:hover, #top-menu ul li.last { padding-right:0px; border-right:none; }
#top-menu ul li.cart { padding-left:45px; background:url("/img/top-cart.png") center left no-repeat; }

#header { width:100%;  background-color:#f5f0d5; /*#f5f0d5*/; margin-bottom:0px; /*max-height:167px;*/ padding:0px; background:url('/img/bg-header.png') top left repeat-x; }
#header .container { /*max-height:167px;*/ position:relative;  }
#header .container .row-fluid .span4 .logo { text-align:right; margin:0em; }
#header .container .row-fluid .span8 .testata { margin:0px; padding:0px;  /*max-height:167px;*/  }
#header .container .row-fluid .span8.testata .testata-img { /*max-height:167px;*/ margin:0px; padding:0px; }
#header .container .row-fluid .span8 .testata .testata-img img { /*height:167px;*/  }
#header .container .row-fluid { /*max-height:167px;*/ }
#header .container .row-fluid .search input.small-search-input {
    background: url("/img/bg-search.png") center center no-repeat;
	height: 27px;
    position: absolute;
    right: 30px;
    bottom: -10px;
    width: 150px;
	padding-right:41px;	
}

#header .container .row-fluid .search #go {
    background: none;
    border: none;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 40px;
	bottom:0px;
    width: 30px;
}

#header textarea:focus, #header input[type="text"]:focus, #header input[type="password"]:focus, #header input[type="datetime"]:focus, #header input[type="datetime-local"]:focus, #header input[type="date"]:focus, #header input[type="month"]:focus, #header input[type="time"]:focus, #header input[type="week"]:focus, #header input[type="number"]:focus, #header input[type="email"]:focus, #header input[type="url"]:focus, #header input[type="search"]:focus, #header input[type="tel"]:focus, #header input[type="color"]:focus, #header .uneditable-input:focus {
    border-color:none;
    box-shadow:none;
    outline:none;
}

#header textarea, #header input[type="text"], #header input[type="password"], #header input[type="datetime"], #header input[type="datetime-local"], #header input[type="date"], #header input[type="month"], #header input[type="time"], #header input[type="week"], #header input[type="number"], #header input[type="email"], #header input[type="url"], #header input[type="search"], #header input[type="tel"], #header input[type="color"], #header .uneditable-input {
    border: none;
    box-shadow: none;
    transition: none;
}

#main .container .row-fluid .span12 .navbar, #top-menu .container .row-fluid .navbar { margin-bottom:0px; }
#main .container .row-fluid .span12 .navbar ul li { text-transform:uppercase; list-style:none; display: inline-block; border-right: solid 1px white; font-size:17px; line-height:58px; padding-top:4px; }

#main .container .row-fluid .span12 .navbar ul.nav li a:link, #main .container .row-fluid .span12 .nav ul.nav li a:visited { color: #585857; }
#main .container .row-fluid .span12 .navbar ul.nav li a:active, #main .container .row-fluid .span12 .navbar ul.nav li a:hover { color: #841f1d; text-decoration:none; }
#main .container .row-fluid .span12 .navbar ul li.selected a { color: #841f1d; text-decoration:none; }

#main .container .row-fluid .span12 .navbar-inner {
    background-color: white;
    background-image: none;
    border: none;
    border-radius: none;
    box-shadow:  none;
    min-height: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#main .container .row-fluid .span12 .navbar .nav > li > a {
    float: none;
    padding: 0px 0px 0px 1.7em;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}

#main .container .row-fluid .span12 .navbar ul li.menu-first { margin-left:30px; padding-left:0px; }
#main .container .row-fluid .span12 .navbar ul li.menu-first a { padding-left:0px; }
/*css menu collapse*/

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
    border-radius: 0 0 0 0 !important;
    margin: 0 !important;
    text-align: left;
}
.collapse.in li > a {
    background: none repeat scroll 0 0 transparent;
    border-top: 1px solid #eee;
}

.collapse.in li.first-menu > a {
    background: none repeat scroll 0 0 transparent;
    border-top: none;
}
.navbar .nav > li {
    display: block !important;
}

.navbar .nav > li > a{
    font-weight:normal;
}

/*versione beta*/
#header .beta { position:absolute; top:2px; right:30px; font-size:14px; font-weight:600; }


/*breadcrumbs*/

#main .container .row-fluid .span12 .breadcrumbs { 
	height:52px; background:url("/img/bg-breadcrumbs.png") repeat-x; color:#858585; line-height:55px; padding:0px 30px; 
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* fix responsive*/

@media (min-width: 1200px) {
	
}

@media (min-width: 979px) and (max-width: 1200px) {
  	
}


@media (min-width: 768px) and (max-width: 979px) {	
	#header .container .row-fluid { background:url("/img/bg-testata-tablet.jpg") center center no-repeat; width:100%; height:152px; }
	
	#main .container .row-fluid .span12 .navbar .nav > li > a {
    text-decoration: none;
    text-shadow: none;
	line-height:36px;
	font-size:15px;
	padding:4px 0px 4px 10px;
}
	#header .container .row-fluid .span4 .logo { text-align:center; margin:0px; }

	#main .container .row-fluid .span12 .navbar .nav > li.first-menu > a {
	padding-left:0px;
}
}

@media (max-width: 767px) and (min-width: 654px) {
	
	#header .container .row-fluid { background:url("/img/bg-testata-smartphone.jpg") center center no-repeat; width:100%; height:136px; }
	#header .container .row-fluid .search input.small-search-input {
    background: url("/img/bg-search-phone.jpg") no-repeat scroll center right transparent;
    bottom: -55px;
    height: 27px;
    padding-right: 41px;
    position: absolute;
    right: 15px;
    width: 150px;
	border:solid 1px #eee;
}
}

@media (max-width: 654px) and (min-width: 360px) {
	
	#header .container .row-fluid { background:url("/img/bg-testata-smartphone-v.jpg") center center no-repeat; width:100%; height:148px; }
	#header .container .row-fluid .search input.small-search-input {
    background: url("/img/bg-search-phone.jpg") no-repeat scroll center right transparent;
    bottom: -55px;
    height: 27px;
    padding-right: 41px;
    position: absolute;
    right: 15px;
    width: 150px;
	border:solid 1px #eee;
}
}

@media (max-width: 767px) {
	
	#main .container .row-fluid .span12 .navbar .nav > li > a {
    padding: 0px 30px;
    text-decoration: none;
    text-shadow: none;
	line-height:32px;
	font-size:14px;
}

	#main .container .row-fluid .span12 .navbar ul li { padding-top:0px; }
	#main .container .row-fluid .span12 .navbar ul li.menu-first {
    margin-left: 0px;
}
	#main .container .row-fluid .span12 .navbar ul li.menu-first a { padding-left: 30px; margin-left:0px; }
	#main .container .row-fluid .span12 .navbar .nav > li.first-menu > a { padding-left:30px; }
	nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #E9E7E4;
  }
  	.navbar .btn-navbar .icon-bar {
    background-color:#858585;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    width: 18px;
}
	.navbar .btn-navbar {
    background-color: white;
    background-image: none;
    border: none;
    box-shadow:none;
    color: #9A9A9A;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    padding:10px;
	margin-bottom:10px;
    text-shadow:none;
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background:none;
}

.navbar .btn-navbar:hover .icon-bar {
    background-color:#841F1D;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    width: 18px;
}

}

@media (max-width: 600px) {
#top-menu .container .row-fluid .span2 ul li { display:none; }
}

@media (max-width: 420px) {
	
	#top-menu .container .span10 ul { position:absolute; top:0px; right:10px;
}
}

@media (max-width: 360px) {
	#header { height:190px }
	#header .container .row-fluid { background:url("/img/bg-testata-phone.jpg") center center no-repeat; width:100%; height:190px; }
	#header .container .row-fluid .search input.small-search-input {
    background: url("/img/bg-search-phone.jpg") no-repeat scroll center right transparent;
    bottom: -55px;
    height: 27px;
    padding-right: 41px;
    position: absolute;
    right: 15px;
    width: 150px;
	border:solid 1px #eee;
}
}

@media (max-width: 320px) {
	#top-menu { display:none; }
}