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

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html {
	height: 100%;
}

body {
	background-color: #000;
	background-position:top center;
	background-repeat: no-repeat;
	background-attachment: inherit;
	width: 100%;
	height: 100%;
	overflow:hidden;
	border: 0px;
	top: 0px;
	bottom: 0px;
	min-height: 100%;
	margin:auto;
	color: #fff;
	font-family: "Century Gothic", Helvetica , Arial,sans-serif;
	font-size:11px;
}
#home {
	background-image: url(immagini/bg_home_alternative.jpg);
}
#contacts {
	background-image: url(immagini/bg_home.jpg);
}
#about {
	background-image: url(immagini/bg_azienda.jpg);
}
#winebar {
	background-image: url(immagini/panoramica_bg.jpg);
}
#sala_anfore {
	background-image: url(immagini/bg_contatti2.jpg);
}

/* CARATTERISTICHE TESTI */

a:link { 
	text-decoration: none;
	color: #fff;
	border: 0px; 
	text-shadow: 0px 1px 0px #000;
	
}

a:active { 
	text-decoration: none;
	color: #fff;
	border: 0px; 
}

a:visited {
	text-decoration: none;
	color: #fff; 
	border: 0px; 
}

a:hover	{  
	text-decoration: none;
	color: #fff; 
	border: 0px; 
	text-shadow: 0 1px 0 #000;	
}

a:focus { 
	text-decoration: none;
	color: #fff;
	outline: none;
}

.tip {
    color: #fff;
    background:#1d1d1d;
    display:none; /*--Hides by default--*/
    padding:10px;
    position:absolute;   
	z-index:1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
}

p {
	font-family: "Century Gothic", Helvetica , Arial,sans-serif;
}

h1 {
	font-size: 14px;
}

h2 {
	font-size: 18px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-stretch: semi-condensed;
	color: #FFF;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
}

h3 {
	font-size: 40px;
	font-family: "Century Gothic", Helvetica , Arial,sans-serif;
}

h4 {
	font-size: 10px;
	font: "Century Gothic", Helvetica , Arial,sans-serif normal;
}


input, button, textarea, select {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

legend {
	display: none; 
}

fieldset {
	border: none; 
}

ul, ol, li {
	list-style: none; 
	text-decoration: none;
	display:inline;
	float: right;
}

ol { 
	list-style-type: decimal;
}

table {
	border-collapse: collapse;
	width: 100%; 
}

hr {
	display: none; 
}

img {
	padding: 0px;
	margin: 0px;
	border: none;
}


/* BARRA HEADER */

header {
	width: 100%;
	height: 50px;
	top: 0;
	position: fixed;
	background: #000;
	z-index:1;
}

/*INIZIO CONTENITORE*/

#container {
	width: 900px;
	height: 100%;
	margin: auto;
}

/* MISURE PER CONTENITORE LOGO E MENU */

#logo_nav {
	background-color: transparent !important;
	width: 900px;
	height: 146px;
	top: -20px;
	border: 0px;
	z-index:3;
	position:relative;
}

/* LOGO */

#logo {
	background-color: transparent !important;
	background-image:url(immagini/logo_crosato.png);
	width: 272px;
	height: 146px;
	border: 0px;
	float:left;
	position:relative;
}

/* NAVIGATION */

nav {
	background-color: transparent !important;
	width: auto;
	height: 80px;
	margin-top: 40px;
	border:0px;
	float: right;
	position: relative;
	
}

nav ul#topnav {
	margin: 0; 
	padding: 0;
	text-align:left;
	float: left;
	width:550px;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 11px;
}


nav ul#topnav li {
	float: inherit;
	margin: 0px; 
	padding: 0;
}

nav ul#topnav li a {
	padding: 9px 10px;
	display: block;
	text-decoration: none;
}

nav ul#topnav li:hover { 
	background: #000;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 3px;
	-khtml-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 3px;
	-khtml-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

nav ul#topnav li span {
	float: left;
	padding: 15px ;
	position: absolute;
	left: 0; 
	top:32px;
	display: none; /*--Hide by default--*/
	width: 500px;
	background: #000;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
nav ul#topnav li:hover span {
	display: block;
} /*--Show subnav on hover--*/
nav ul#topnav li span a { 
	display: inline;
} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
nav ul#topnav li span a:hover {
	text-decoration: underline;
}

/*CONTENUTO*/

.content {
	width: 880px;
	height: 400px;
	position:relative;
	margin-left: 10px;
	z-index:1 !important;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
}

#info_home{
	background: url(immagini/home_content_alternative.png) no-repeat;
}

#info_about {
	background: url(immagini/bg_about-info.png) no-repeat;
	border: 1px solid #fff;
	-moz-box-shadow:0px 0px 6px #191919;
	-webkit-box-shadow:0px 0px 6px #191919;
	-khtml-box-shadow:0px 0px 6px #191919;
}

#info_winebar {
	background-color: transparent !important;
}

#info_sala_anfore {
	background: url(immagini/bg_about-info.png) no-repeat;
	border: 1px solid #fff;
	-moz-box-shadow:0px 0px 6px #191919;
	-webkit-box-shadow:0px 0px 6px #191919;
	-khtml-box-shadow:0px 0px 6px #191919;
}

#info_contacts {
	background-image: url(immagini/bg_about-info.png);
	border: 1px solid #fff;
	background-color: transparent !important;
	-moz-box-shadow:0px 0px 6px #191919;
	-webkit-box-shadow:0px 0px 6px #191919;
	-khtml-box-shadow:0px 0px 6px #191919;
	text-align:center;
}

.text_about {
	width: 410px;
	height: 380px;
	margin: 18px 0px 17px 20px;
	text-align:justify;
	overflow:auto;
	color:#CCC;
	float: left;
}

/*--Main Container--*/
.main_view {
	float: right;
	margin: 20px 20px ;
	height:404px;
	width: 404px;
	position: relative;
}

/*--Window/Masking Styles--*/
.window {
	height:350px;
	width: 400px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	border: #333333 solid 2px;
}

.image_reel {
	position: absolute;
	top: 0; left: 0;
}

.image_reel img {
	float: left;
	height:350px;
	width: 400px;
}


/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 0px; 
	right: 0;
	width: 400px; 
	height:10px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 30px;
	background: transparent;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}

.paging a {
	padding: 5px;
	text-decoration: none;
}

.paging a:active {
	font-weight: bold;
	background: transparent !important;
	border: 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {
	font-weight: bold;
}

/* FOOTER */

footer {
	width: 100%;
	max-width: 1900px;
	height: 30px;
	background: #000;
	position: fixed;
	bottom: 0px;
	z-index:4;
}