@charset 'utf-8';

body {
	background-color: #b8b8b8;
}

#container {
	width: 1080px;
	margin: 0 auto;
	background-color: #d7d7d7;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	z-index:100;
	margin-top:20px;
}

.hide {
	position: absolute;
	top:-9999px;
	
}

/* BADGE */


#badge {
	position: absolute;
	width: 97px;
	left: 1080px;
	top:40px;
}

#badge.fixed {
	position: fixed;
	top: 0px;
	left: 1080px;
}

/* BARRA */

#barra {
	border: #b8b8b8 1px solid;
	height:16px;
	background-color:#b8b8b8;
	width:100%;
	color:#242526;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	position:absolute;
	top:0px;
	z-index:1000;
}

#barra #bar-container {
	width:1080px;
	margin:0 auto;
}

#barra #bar-container p {
	margin-top:4px;
	margin-left:8px;
	float:left;
}

#barra #bar-container p a {
	color:#242526;
	text-decoration:none;
}

#barra #bar-container p a:hover {
	text-decoration:underline;
}

/* HEADER */

#header {
	height: 200px;
	background-image: url(../images/header-bkg.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

/* NAVBAR */

#nav {
	height: 36px;
	background-color: #3d393a;
}

#leftnav {
	float: left;
	display: inline;
}

#rightnav {
	float: right;
	display: inline;
}

#nav ul {
	display: inline;
}

#nav ul li {
	display: inline;
}

#nav ul a:link, #nav ul a:active, #nav ul a:visited {
	color: white;
	text-decoration: none;
	float: left;
	display: block;
	height: 36px;
	text-indent: -99999px;
	background-position: left top;
}

#nav ul a:hover {
	color: #0082c8;
	text-decoration: none;
	background-position: left -36px;
}

#nav ul li.home a {
	background-image: url(../images/nav-home.jpg);
	width: 120px;
}

#nav ul li.news a {
	background-image: url(../images/nav-news.jpg);
	width: 120px;
}

#nav ul li.sport a {
	background-image: url(../images/nav-sport.jpg);
	width: 120px;
}

#nav ul li.musica a {
	background-image: url(../images/nav-musica.jpg);
	width: 120px;
}

#nav ul li.blog a {
	background-image: url(../images/nav-blog.jpg);
	width: 120px;
}

#nav ul li.concorsi a {
	background-image: url(../images/nav-concorsi.jpg);
	width: 120px;
}

#nav ul li.cocktails a {
	background-image: url(../images/nav-cocktails.jpg);
	width: 120px;
}

#nav ul li.prodotto a {
	background-image: url(../images/nav-prodotto.jpg);
	width: 120px;
}

#nav ul li.contatti a {
	background-image: url(../images/nav-contatti.jpg);
	width: 120px;
}

#nav ul li.products a {
	background-image: url(../images/nav-products.jpg);
	width: 120px;
}

#nav ul li.contacts a {
	background-image: url(../images/nav-contacts.jpg);
	width: 120px;
}

#nav ul li.music a {
	background-image: url(../images/nav-music.jpg);
	width: 120px;
}

#home li.home a, #news li.news a, #sport li.sport a, #music li.musica a, 
#concorsi li.concorsi a, #cocktails li.cocktails a, #prodotto li.prodotto a,
#contatti li.contatti a, #contatti li.contacts a, #prodotto li.products a, #music li.music a {
	background-position: left bottom;
}

/* EVIDENZA */

#evidenza {
	height: 264px;
}

#evidenza #visore {
	height: 264px;
	width: 1080px;
}

/* SIDEBAR */

#sidebar {
	width: 292px;
	float: right;
	padding-top: 69px;
}

/* CONTENT */

#content {
	min-height: 400px;
	width: 788px;
	float: left;
	padding-top: 70px;
}

#content .content-section {
	position: relative;
}

#content #band-up {
	position: absolute;
	left: -15px;
	top:0px;
}

#content #band-middle {
	position: absolute;
	left: -15px;
	top: 0px;
}

#content #band-bottom {
	position: absolute;
	left: -15px;
	top: 0px;
}

#content h2 {
	margin-bottom: 50px;
}

#content h1 {
	margin-left: 16px;
}

#content .product {
	margin-left: 11px;
	display: inline;
	float: left;
}

#content .product-desc {
	background-color: white;
	width: 290px;
	height: 557px;
	font-size: 14px;
	padding: 9px;
	color: #231f20;
	margin-left: 468px;
	margin-bottom: 60px;
}

#content .product-desc .heading {
	font-size: 18px;
	font-weight: bold;
	color: #0081c7;
	margin-bottom: 4px;
}

#content .contact-left {
	width: 360px;
	height: 574px;
	float: left;
	display: inline;
	margin-left: 66px;
	background-color: #231f20;
	margin-bottom: 60px;
	text-align: right;
	color: white;
	font-size: 12px;
	font-weight:normal;
	margin-right: 28px;
}

#content .contact-left p {
	margin-right: 10px;
}

#content .contact-left .title {
	margin-top: 340px;
	font-weight: bold;
	margin-bottom: 4px;
}

#content .contact-left a:link, #content .contact-left a:active, #content .contact-left a:visited {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#content .contact-left a:hover {
	color: white;
	text-decoration: underline;
}

#content .content-box {
	float: left;
	display: inline;
	width: 174px;
	height: 120px;
	background-color: white;
	margin-left: 18px;
	margin-bottom: 50px;
}


#content .content-box img {
	margin: 4px;
}

#content .content-box-big {
	float: left;
	display: inline;
	width: 370px;
	height: 230px;
	background-color: white;
	margin-left: 16px;
	margin-bottom: 50px;
}

#content .content-box-big img, #content .content-box-huge img {
	margin: 8px;
}

#content .content-box-big .description {
	margin: 8px;
	font-size: 18px;
	color: #3d393a;
} 

#content .content-box-huge .description {
	margin: 0px 8px 8px 8px;
	font-size: 24px;
	color: #3d393a;
}

#content .content-box .description {
	margin: 4px;
	font-size: 14px;
	color: #3d393a;
}

#content .content-box-huge {
	width: 760px;
	height: 174px;
	background-color: white;
	margin-left: 20px;
	margin-bottom: 50px;
}

#content .box-list {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;

}

#content .detail {
	margin-left: 10px;
	margin-right: 10px;
}

#content .raccolta-box {
	margin-left: 18px;
	float:left;
	margin-bottom:40px;
}

#content .raccolta-box h3 {
	margin-bottom: 4px;
}

#content .raccolta-box img {
	border: solid 8px white;
}

#content .raccolta-box a:link,  #content .raccolta-box a:visited, #content .raccolta-box a:active,
#content .detail a:link,  #content .detail a:visited, #content .detail a:active
 {
	text-decoration: none;
	color: #0081c7;
}

#content .raccolta-box a:hover, #content .detail a:hover {
	text-decoration: underline;
	color: #0081c7;
}

#content .detail {
	margin-left: 18px;
}

#content .detail img {
	border: solid 8px #cccccc;
	margin-bottom: 10px;
}

#content .detail h1 {
	color: #0081c7;
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: normal;
	margin-left: 8px;
}

#content .detail .description {
	font-size: 14px;
	background-color: white;
	padding: 8px;
	line-height: 18px;
	margin-bottom: 20px;
}

/* LISTA INTERNA */

#content .list-box {
	margin-bottom: 50px;
}

#content .list-box .list-left {
	float: right;
	display: inline;
	width: 372px;
	background-color: white;
	margin-right: 14px;
}

#content .list-box .list-image {
	border: solid 10px #cccccc;
	margin-left: 18px;
	margin-right: 18px;
}

#content .list-box h3 {
	font-size: 16px; 
	font-weight: normal;
	margin-bottom: 6px;
	margin-left: 8px;
	margin-top: 8px;
	margin-right: 8px;
	color: #0081c9;

}

#content .list-box .list-left .desc {
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 15px;
	min-height: 180px;
}

#content .list-box a:link, #content .list-box a:active, #content .list-box a:visited {
	text-decoration: none;
	color: #0081c9;
}

#content .list-box a:hover{
	text-decoration: none;
	color: #0081c9;
}

/* FOOTER */

#footer {
	height: 215px;
	background-color: #231f20;
	font-size: 11px;
	color: white;
	padding: 15px;
	text-align: center;
	position: relative;
}

#footer #footer-left {
	float: left;
	display: inline;
	width: 300px;
	text-align: left;
	height: 200px;
	position: relative;
}


#footer #footer-right {
	float: right;
	display: inline;
	width: 242px;
	text-align: right;
	font-size: 14px;
	height: 200px;
	position: relative;

}

#footer #footer-center {
	width: 380px;
	text-align: right;
	display: inline;
	float: right;
	position: relative;
	height: 200px;
}

#footer #footer-left .numero {
	position: absolute;
	bottom: 10px;
}

#footer #footer-center #copyright {
	position: absolute;
	margin: 0 auto;
	bottom: 10px;
	left: 50px;
}

#footer #footer-center #social {
	padding-top: 33px;
}

#footer #footer-center img{
	float: right;
	margin-left:10px;
}

#footer #footer-right .footer-nav {
	position: absolute;
	bottom: 10px;
}

#footer #footer-right a.play:link, #footer #footer-right a.play:visited, #footer #footer-right a.play:active {
	color: #231f20;
	text-decoration: none;
	padding-bottom: 11px;
	padding-top: 13px;
	padding-left: 116px;
	padding-right: 15px;
	top:32px;
	background-color: #0081c7;
	position: absolute;
	right: -15px;
	
}

#footer #footer-right a.play:hover {
	color: white;
	text-decoration: none;
}

#footer #footer-right ul li {
	display: inline;
	margin-left: 4px;
	font-size: 10px;
}

#footer #footer-right ul li a:link, #footer #footer-right ul li a:active, #footer #footer-right ul li a:visited {
	color: #0081c7;
	text-decoration: none;
}

#footer #footer-right ul li a:hover {
	color: white;
	text-decoration: none;
}

#footer #footer-right ul li a.credits:link, #footer #footer-right ul li a.credits:active, #footer #footer-right ul li a.credits:visited {
	color: white;
	text-decoration: none;
}

#footer #footer-left a:link, #footer #footer-left a:active, #footer #footer-left a:visited {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#footer #footer-left a:hover {
	color: white;
	text-decoration: underline;
}


#footer #social ul li {
	display: inline;
	float: right;
}

#footer #social ul a:link, #footer #social ul a:active, #footer #social ul a:visited {
	color: white;
	width: 36px;
	height: 36px;
	text-indent: -99999px;
	background-position: left top;
	display: block;
	float: right;
	margin-left: 10px;
	cursor: pointer;
}

#footer #social li.facebook a {
	background-image: url(../images/icon-facebook.jpg);
}

#footer #social li.twitter a {
	background-image: url(../images/icon-twitter.jpg);
}

#footer #social li.vimeo a {
	background-image: url(../images/icon-vimeo.jpg);
}

#footer #social li.youtube a {
	background-image: url(../images/icon-youtube.jpg);
}

#footer #social li.myspace a {
	background-image: url(../images/icon-myspace.jpg);
}

#footer #social li.flickr a {
	background-image: url(../images/icon-flickr.jpg);
}

#footer #social li a:hover {
	background-position: left -36px;
	text-decoration: none;
	color: #FFF;
}



/* SEARCH */ 

#search {
	width: 276px;
	height: 60px;
	background-color: white;
	border: solid 1px #e5e5e5;
}

#search input.searchString {
	padding: 0;
	border:  solid 1px #d7d7d7;
	height: 25px;
	margin-left: 8px;
	margin-top: 20px;
	width: 180px;
	color: #8f8f8f;
}

#search input.searchSubmit {
	margin-left: 5px;
	margin-top: 20px;
	background-color: #8f8f8f;
	height: 27px;
	padding: 0;
	border: 0;
	width: 68px;
	color: #d7d7d7;
	cursor: pointer;
}

/* COCKTAIL */

#cocktails-list {
	margin-left: 29px;
}

#cocktails-detail {
	margin-left: 11px;
}

/* COMMON */

.clear {
	clear: both;
}

.left {
	float: left;
}

.green {
	color: #1a8841;
}

.blue {
	color: #0081c7;
}

.white {
	color: white;
}

a.anchor:hover {
	text-decoration: none;
} 

/* CREDITS */

#content-credits {
	margin-left: 67px;
	width: 360px;
	background-color: #231f20;
	height: 600px;
	font-size: 12px;
}

#content-credits img {
	margin-bottom: 28px;
}

#content-credits p, #content-credits a {
	margin-left: 15px;
	margin-bottom: 4px;
}

#content-credits a {
	color: white;
	text-decoration: none;
}

#content-credits a:hover {
	text-decoration: underline;
}

#content-credits a.pink-link {
	color: #e2007a;
	text-decoration: none;
}

#copyright {
	position: absolute;
	top: 195px;
	color: gray;
	font-size: 10px;
}

/* AUDIOPLAYER */

#audioplayer {
	/*border:1px solid #E5E5E5;*/
	width: 276px;
	height: 230px;
	margin-top: 27px;
}

#videoplayer {
	/*border:1px solid #E5E5E5;*/
	width: 277px;
	height: 400px;
	margin-top: 27px;
	margin-bottom:50px;
}