/* CSS Document */


html,
body {text-rendering: optimizeLegibility; height:100%;}
body {width:100%; height:100%; color:#000; margin:0; padding:0; /*font-family: 'Source Sans Pro', sans-serif;*/ /*font-family: 'Josefin Sans', sans-serif;*/ font-family: 'Lato', sans-serif; background:#ffffff; font-size:12pt; text-align:left;}
.wrapper {position:relative; width:100%; max-width:980px; height:100%; margin:0 auto; text-align:left; z-index:2;}

#top, #middle, #bottom {position:relative; z-index:2;}

/*CARATTERISTICHE GENERICHE*/

	/* browser vecchio */
		HTML.lt-ie9 BODY {background-color:#e95d18;}
		#browser {font-family: 'Open Sans', sans-serif, Arial, Helvetica; position:absolute; top:50%; left:50%; width:400px; height:320px; margin:-160px 0 0 -200px; color:#fff;}
		#browser p {font-size:13pt; margin:0 0 10px 0;}
		#browser h1 {font-size:50pt; font-weight:bold;}
		#browser ul {margin:20px 0;}
		#browser ul li {display:inline; margin:0 10px;}
	/* Fine browser vecchio */

	h1,h2,h3,h4,h5,h6,h7,ul,li,p,img,pre {margin:0; padding:0; border:0;}
	ul li {list-style-type:none;}
	ul li.last,
	.last {margin:0 !important; padding:0; border:0;}
	.clear {clear:both; margin:0; padding:0;}
	.right {float:right;}
	.left {float:left;}
	.allineamento_dx {text-align:right;}
	
	a,
	.column a {color:#044181; text-decoration:none; font-weight:400; text-shadow:none !important;}
    #bottom a {color:#fff;}
	a:hover,
	.column a:hover,
    #bottom a:hover {color:#ddd;}
		
	a.indietro,
	.indietro {display:block; float:left; margin:10px 10px 0 0 !important; padding:8px 16px; color:#890919 !important; background:#fff !important; font-weight:normal; font-size:12pt; border:0; text-decoration:none; text-align:center; cursor:pointer;}
	a.indietro:hover,
	.indietro:hover {background:#ddd !important;}
	
	a.indietro.right,
	.indietro.right {float:right; margin:10px 0 0 10px !important;}
	a.indietro.left,
	.indietro.left {float:left;}
							
	.imm {position:relative; overflow:hidden;}
	.imm img,
		.imm.orizzontale img {width:100%; height:auto;}
		.imm.verticale img {width:auto; height:100%;}
	.imm img.noresize {width:auto; height:auto;}
	
	table {border-collapse:collapse; width:100%; margin:0px 0 20px 0; font-size:10pt; }
	table tr td,
	table tr th {padding:5px 0px; width:20%; text-align:center;}
	table tr td img {width:50px; padding:5px 0 10px 0;}
	table.prezzi {border-collapse:collapse; width:40%; margin:15px 0; font-size:11pt; background:#defeda;}
	table tr td.periodo {padding:5px 15px; width:60%; text-align:left; }
	table tr td.prezzo {padding:5px 15px; width:30%; text-align:right;}
	table#serviziSmart {display:none;}
	table#infoSmart {display:none;}
	table#contattiSmart {display:none;}
	
	
	.testo_piccolo {margin:8px 0 0 0; font-size:8pt; font-weight:bold;}
		
	.sf {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.80; -moz-opacity:0.80; filter:alpha(opacity=80); background:#000; z-index:1;}


	.bg {}
	
	iframe {border:0; margin:0 0 10px 0;}
	
/*Fine CARATTERISTICHE GENERICHE*/


#home #sfondo {position:fixed; top:0; width:100%; height:100%; background:url(images/stivo.jpg) center center no-repeat; background-size:cover; z-index:1;}
#casa #sfondo {position:fixed; top:0; width:100%; height:100%; background:url(images/vino.jpg) center center no-repeat; background-size:cover; z-index:1;}
#prezzi #sfondo {position:fixed; top:0; width:100%; height:100%; background:url(images/arcoAU.jpg) center center no-repeat; background-size:cover; z-index:1;}
#contatti #sfondo {position:fixed; top:0; width:100%; height:100%; background:url(images/contatti.jpg) center center no-repeat; background-size:cover; z-index:1;}
#gallery #sfondo {position:fixed; top:0; width:100%; height:100%; background:url(images/sfondo2.jpg) center center no-repeat; background-size:cover; z-index:1;}




#top {}

#box_menu {position:relative; width:100%;}
	#sfondo_menu {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.95; /*-moz-opacity:0.9; filter:alpha(opacity=9); background:#fff;*/ 
		background: rgba(250, 250, 250, 0.95);  
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#E5FFFFFF', EndColorStr='#E5FFFFFF')";
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#E5FFFFFF', EndColorStr='#E5FFFFFF');
		zoom: 1!important;
		z-index:1;}
	
	
	h1#logoSmart {display:none;}
	#button {display:none;}
	ul#menu li#home {display:none;}
	
	ul#menu {position:relative; width:100%; text-align:left; padding:25px 0 10px 0; z-index:3; display: block; margin: auto; text-align: center;}
	ul#menu li {display:inline; /*margin:0 25px 0 0;*/ margin:0;}
	ul#menu li.last {margin:0;}
	ul#menu li a {color:#898987; font-family: 'Poiret One', cursive; font-weight:900; font-size:18pt; /*text-transform: uppercase;*/ padding:24px 12px;}
	ul#menu li a:hover,
	ul#menu li.selezionato a {color:#67d759;}
	
		h1#logo {position:relative; width:35%; display:inline-block; padding:0px 24px 0px 0px; vertical-align: middle;}
		h1#logo img {width:100%;}
		#gallery h1#logo {width:37%;}
		
		

	
	ul#lin {position:relative; float:right; width:30%; text-align:right; padding:20px 0 40px 0; height:18px; z-index:3;}
	#gallery ul#lin {height:auto;}
	ul#lin li {display:inline; margin:0 3px; width:20px; height:18px;}
	ul#lin li.last {margin:0;} 
	ul#lin li a {width:20px; height:18px;}
	ul#lin li img {border:0; margin:0; padding:0; opacity:0.20; -moz-opacity:0.20; filter:alpha(opacity=20); max-height:14px;}
	ul#lin li img.selezionato {opacity:0.80; -moz-opacity:0.80; filter:alpha(opacity=80); /*background:#000;*/ border:0;}
	ul#lin li a:hover,
	ul#lin li img:hover {opacity:0.80; -moz-opacity:0.80; filter:alpha(opacity=80); /*background:#000;*/ border:0;}
	

	ul#social {position:relative; float:left; width:50%; text-align:left; padding:0px 0 40px 0; height:18px; top:20px; left:0; z-index:3;}
	#gallery ul#social {height:auto;}
	ul#social p {position:relative; float:left; color:#898987; font-size:11pt; font-weight:900; display:inline; opacity:0.30; -moz-opacity:0.30; filter:alpha(opacity=30); padding-right:5px; font-family: 'Poiret One', cursive;}
	ul#social li {display:inline; margin:0 5px; width:20px; height:18px;}
	ul#social li.last {margin:0;}
	ul#social li a {width:20px; height:18px;}
	ul#social li img { height:18px; border:0; margin:0; padding:0; opacity:0.20; -moz-opacity:0.20; filter:alpha(opacity=20);}
	ul#social li a:hover,
	ul#social li img:hover {opacity:1; -moz-opacity:1; filter:alpha(opacity=100); /*background:#000;*/ border:0;}
	
	





#middle{margin-top:100px;}
	#middle h3 {color:#fff; font-family: 'Poiret One', cursive; font-weight:900; font-size:35pt; /*text-transform: uppercase;*/ text-align:center;}
	#middle img.riga {position:relative; margin:0px 50%; padding:10px 0 20px 0; left:-130px; width:260px; text-align:center; float:left;}
	#middle h5 {color:#fff; font-family: 'Poiret One', cursive; font-weight:900; font-size:13pt; text-transform: uppercase; text-align:center; padding:0px 0 110px 0;}
	#middle h6 {color:#fff; font-size:10pt;}
	#middle .box_testo {width:70%; margin:0 auto; background:#fff; padding:25px 35px; margin-bottom:100px; font-size:12pt; text-align:justify; color:#878785;}
	#middle .box_testo h4 {font-size:20pt; margin:0 0 25px 0;  padding:0 0 10px 0; font-family: 'Poiret One', cursive; border-bottom:1px solid #67d759; color:#67d759;}
	#middle .box_testo p {padding:0 0 5px 0;}
	#middle .box_testo p.bold {font-weight:700; padding:20px 0 10px 0;}
	#middle .box_testo p.piccolo {font-size:9pt;}
	
	
	
	
	.rwd-video {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
	
	
#bottom {width:100%; background:#898987; color:#fff;  padding:20px 0; font-size:10pt; }
	#bottom p {text-align: center;}
	

@media only screen and (max-width: 1024px)  
{
		#middle .box_testo img#giudizio {position:relative; width:100%;}
}	

@media only screen and (max-width: 770px)  
{
		body {}
		ul#menu li a {font-size:15pt; padding:24px 8px;}
		h1#logo {padding:0px 14px 0px 0px;}
		#middle .box_testo {width:80%; padding:20px 30px; margin-bottom:70px;}
		table.prezzi {width:65%;}
		table tr td img {width:40px;}
}	
	

@media only screen and (max-width: 480px) 
{
		body {}
		#middle .box_testo {width:auto; padding:15px 20px; margin-bottom:40px; text-align:left;}
		#middle .box_testo h4 {font-size:18pt;}
		table.prezzi {width:100%;}
		table tr td img {width:30px;}
		
		#button {display:block; width:80%; height:auto; padding:0 0 0 10px; border:0; margin:0;}
			#smartbutton {display:block; background-image:url(images/righette2.png); background-repeat:no-repeat; background-position:left top; padding:8px 0 20px 60px; vertical-align:super; color:#888886; text-decoration:none; width:80%;}
			#smartbutton:target {left:0px;}
		ul#menu {display:none; padding:0 0 0px 20px;}
		ul#menu li {display:block;}
		ul#menu li#home {display:block;}
		h1#logo {display:none;}
		ul#menu li a {float:left; width:70%; text-align:left; border-bottom:1px solid #dededa; padding:5px 15px; font-size:13pt; font-family: 'Lato', sans-serif; font-weight:400;}
		
		
		ul#lin {float:right; width:80%; padding:0 6% 30px 0; text-align:right;}
		ul#social {float:right; width:65%; padding:0 5% 40px 0; text-align:right;}
		ul#social p {display:none;}
		h1#logoSmart {position:relative; display:block; width:90%;padding:10px 5%;}
		h1#logoSmart img {width:100%;}
		
		#middle h3 {font-size:30pt; margin:0 5%;}
		#middle h5 {font-size:13pt; padding:0px 0 110px 0; margin:0 5%;}
		
		table#servizi {display:none;}
		table#serviziSmart {display:block;}
		table#info {display:none;}
		table#infoSmart {display:block;}
		table#contatti {display:none;}
		table#contattiSmart {display:block;}

}

