/* Generic */


body {margin:0; padding:0; background:#FFF; font-family: 'Arial', cursive; font-size:12px; line-height:22px}
h1, h3, h4, h5, h6, p {margin:25px 0 0 0; padding:0; font-weight:normal;padding-bottom: 6px;}
h2 {margin:10px 0 0 0; padding:0; font-weight:normal;padding-bottom: 2px;}
h1{font-size:24px;  font-weight: bold;}
h2{font-size:20px; font-weight: normal; }
h3{font-size:16px; font-weight: bold; }
b, strong{font-weight:bold; font-family: 'Arial', cursive;}
i, em{font-style:normal; font-family: 'Arial', cursive;}
a{color:#000; transition:all, 0.4s; -webkit-transition:all, 0.4s; -moz-transition:all, 0.4s;}
.clear {clear:both;}
.last{border-left:0 !important; border-right:0 !important; margin-left:0 !important; margin-right:0 !important;}
.inner{width:896px; margin:0 auto;}
.imgBig{width:100%; height:auto;}

.row1{background: url(../images/scritte.jpg) center;
    background-size: cover;
    background-repeat: no-repeat;}
a.btn{display:block; width:100%; max-width:400px; background:#fff; color:#000; text-decoration:none; text-align:center; padding:5px 0 5px 0; font-size:20px; box-shadow:0 1px 1px 0 #404040; -webkit-box-shadow:0 1px 1px 0 #404040; -moz-box-shadow:0 1px 1px 0 #404040; -moz-border-radius: 6px; border-radius: 6px;}

.boxInfo{text-align:center; background:#FFF; box-shadow:0 0 1px 0 #909090; margin-top:5px; padding:15px 0 15px 0; font-size:18px; -moz-border-radius: 6px; border-radius: 6px;}
.boxInfo span{display:block; margin-bottom:15px; font-size:20px;}

.conFonriture .tabForni{display:table; width:298px; height:150px; float:left;}
.conFonriture .tabForni div{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.conFonriture .tabForni:nth-child(1) div, .conFonriture .tabForni:nth-child(2) div, .conFonriture .tabForni:nth-child(3) div{border-top:0;}
.conFonriture .tabForni:nth-child(3n+1) div{border-left:0;}
.conFonriture .tabForni div img{max-width:90%; max-height:90%;}

.activeLink{font-weight:bold; text-decoration:underline;}
.logo {margin:10px auto; text-align:center; border-bottom:1px solid #f6f6f6;}
.logo img{width:300px;}
.centro {text-align:center;}

.banner{padding:10px;background: url(../images/ohana.jpg);  background-repeat: no-repeat; ;min-height: 50px; margin-bottom:20px;}
.banner .titolo{font-size:24px;  font-weight: bold; color:#FFFFFF; padding-top:10px;}
.banner .testo{font-size:16px;  font-weight: bold; color:#FFFFFF;}
.banner a{font-size:16px;  font-weight: normal; color:#FFFFFF;}

.text{-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;}

/* Box */
.box1_2{width:438px; float:left; margin:35px 20px 30px 0;}
.box1_3{width:255px; float:left; margin:35px 50px 30px 0;}
.box2_3{width:591px; float:left; margin:15px 20px 30px 0;}
.box1_4{width:194px; float:left; margin:15px 40px 30px 0;}

.boxAttivita{margin-top:5px; text-align:center;}
.boxAttivita img{width:100%; height:auto; border-radius:999px; -webkit-border-radius:999px; -moz-border-radius:999px;}
.boxAttivita  p span{display:block; font-size:18px; margin:10px 0 15px 0;}

/* Header */
.openMenu{display:none; position:fixed; width:60px; height:60px; bottom:30px; right:20px; z-index:9; cursor:pointer; border-radius:999px; -webkit-border-radius:999px; -moz-border-radius:999px; background:#3b3b3b url(../images/icon_menu.png) center center no-repeat; background-size:45% 45%;}
.bgMenu{display:none; position:fixed; top:0; left:0; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.8); z-index:-1; transition:opacity, 0.4s; -webkit-transition:opacity, 0.4s; -moz-transition:opacity, 0.4s;}
.bgMenuOpen{z-index:99; opacity:1;}

.fotos {width:250px; height:250px; border-radius:999px; -webkit-border-radius:999px; -moz-border-radius:999px; }

header{width:100%;}
header.menuOpen{right:0;}
header nav{font-family:'Petit Formal Script', Helvetica, sans-serif; font-size:18px; text-align:center;}
header nav span{display:inline-block; margin-left:-3px !important; }
header nav span a{display:block; padding:15px 30px 30px 30px; color:#3b3b3b; text-decoration:none;}
header nav span a:hover{background:#FFF;}

a.logo{font-size:80px; color:#fff; text-decoration:none; line-height:24px; text-shadow:2px 2px 2px #404040; -webkit-text-shadow:2px 2px 2px #404040; -moz-text-shadow:2px 2px 2px #404040;}
a.logo span{display:block; text-transform:uppercase; font-size:19px;}

/* Slider */
#mappa{height:430px;}

.slider{width:100%; height:430px; overflow:hidden; margin:0 auto; position:relative;}
.slider .innerSlider{width:100%;}
.slider .innerSlider .slide{height:430px; width:100%; position:absolute; top:0; left:0; background-position:center center; background-repeat:no-repeat;}
.slider .innerSlider .slide[style]{margin:0 !important;}

.intestazione{position:absolute; width:600px; left:50%; margin-left:-300px; text-align:center; z-index:5;}
.intestazione h1.subtitle{font-size:30px; color:#fff; line-height:34px; margin:100px 0 70px 0; text-shadow:2px 2px 2px #404040; -webkit-text-shadow:2px 2px 2px #404040; -moz-text-shadow:2px 2px 2px #404040;}
.intestazione a.btn{display:inline-block; width:190px; height: 32px; font-size:16px; background:rgba(255, 255, 255, 0.8); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)"; margin:35px 3px 0 3px; text-decoration:none; color:#000; padding:17px 0 2px 0; -moz-border-radius: 6px; border-radius: 6px;}
.intestazione a.btn:hover{background:rgba(255, 255, 255, 1.0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)";}

/* Cover */
.cover{width:100%; height:150px; text-align:right; background-position:center center; background-repeat:no-repeat;}
.cover a.logo{display:block; position:absolute; margin-top:65px; line-height:40px;}
.cover .txtCover{display:inline-block; text-align:center; padding-top:85px;}
.cover .txtCover p{color:#fff; text-shadow:2px 2px 2px #404040; -webkit-text-shadow:2px 2px 2px #404040; -moz-text-shadow:2px 2px 2px #404040;}
.cover .txtCover p.txt1{font-size:30px; line-height:23px;}
.cover .txtCover p.txt2{font-size:18px;}



/* Fotter */
footer{padding:30px 0 30px 0; text-align:center;}
footer a.bannerFoot{display:block; width:298px; float:left; border-right:1px solid #fff; overflow:hidden; margin-bottom:20px; text-decoration:none;}
footer a.bannerFoot img{width:298px; height:180px; float:left;}
footer a.bannerFoot p{position:absolute; color:#fff; width:260px; font-size:18px; margin:50px 0 0 19px; text-shadow:2px 2px 2px #404040; -webkit-text-shadow:2px 2px 2px #404040; -moz-text-shadow:2px 2px 2px #404040;}
footer a.bannerFoot p span{display:block; font-size:28px;}
footer nav{padding:0 30px 0 30px;}
footer nav a{text-decoration:none;}

/* Home */
.menuHp{padding:30px 0 30px 0; text-align:center;}
.menuHp a{display:inline-block; width:200px; font-size:20px; color:#000; text-decoration:none; margin:0 40px 0 40px;}
.menuHp a img{width:185px; height:180px; border-radius:999px; -webkit-border-radius:999px; -moz-border-radius:999px; border:10px solid #fbfbfb;}
.menuHp span{font-size:14px; text-align:center;}


.textHp1{font-family: 'font1-italic'; text-align:center; padding:45px 0 0 0; font-size:18px;}
.textHp2{text-align:center;}
.virg1{display:block; position:absolute; font-size:42px; margin:-20px 0 0 100px;}
.virg2{display:block; position:absolute; font-size:42px; margin:-15px 0 0 280px;}

/* Contatti */
.boxInput1{width:285px; float:left; margin-top:15px; margin-right:20px;}
.boxInput1 label{display:block; font-size:16px;}
.boxInput1 input[type="text"], .boxInput1 input[type="email"], .boxInput1 input[type="tel"]{width:265px; padding:8px 10px 8px 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #ccc;}
.boxInput1 input[type="checkbox"]{float:left; margin-right:5px;}
.boxInput1 input[type="submit"]{width:100px; height:35px; background:#3b3b3b; border:0; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; color:#fff; line-height:35px; cursor:pointer;}
.boxInput2{width:590; margin-top:15px;}
.boxInput2 label{display:block; font-size:16px;}
.boxInput2 textarea{width:570px; height:60px; padding:8px 10px 8px 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif;}

input.error, textarea.error{border-color:#cc0000 !important;}
label.error{display:none !important;}

.bgPopup{position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.8); z-index:-1; opacity:0; transition:opacity, 0.4s; -webkit-transition:opacity, 0.4s; -moz-transition:opacity, 0.4s;}
.bgPopupOpen{opacity:1; z-index:9999;}
.popupPrivacy{position:fixed; width:470px; height:270px; top:50%; left:50%; margin:-150px 0 0 -250px; opacity:0; padding:15px; background:#fff; z-index:-1; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;  transition:opacity, 0.4s; -webkit-transition:opacity, 0.4s; -moz-transition:opacity, 0.4s;}
.popupPrivacyOpen{z-index:99999; opacity:1;}
.popupPrivacy div{height:270px; overflow:auto;}
.popupPrivacy p.title{font-size:18px;}

/* Tab */
.tabs{margin-bottom:30px;}
.tab-links{margin-left:0; padding:0;}
.tab-links li {display:block; width:100%; max-width:400px; border-bottom:1px solid #CCC; margin-bottom:10px; color:#000; text-decoration:none; text-align:left; font-size:16px;  list-style:none; }
.tab-links li a { text-decoration:none; display:block; padding:5px 0 5px 15px;}
.tab-links li a:hover {background:rgba(255,255,255,1);}
li.active a, li.active a:hover {background:rgba(32, 148, 204, 0.5); color:#FFF; }

.tab-links2{margin-left:0; padding:0;}
.tab-links2 li {display:block; width:100%; max-width:400px; border-bottom:0px; margin-bottom:10px; color:#000; text-decoration:none; text-align:center; font-size:16px;  list-style:none; }
.tab-links2 li a { text-decoration:none; display:block; padding:5px 0 5px 15px;}
.tab-links2 li a:hover {background:rgba(255,255,255,1);}

.tab{display:none;}
.tab.active{display:block;}


/* Responsive */
@media only screen and (max-width: 1023px) {
	.inner{width:700px;}
	
	.conFonriture .tabForni{width:350px; height:200px;}
	.conFonriture .tabForni:nth-child(3n+1) div{border-left:1px solid #ccc;}
	.conFonriture .tabForni:nth-child(3) div{border-top:1px solid #ccc;}
	.conFonriture .tabForni:nth-child(odd) div{border-left:0;}
	
	/* Box */
	.box1_2{width:340px;}
	.box1_3{width:220px;}
	.box2_3{width:460px;}
	
	.box1_4{width:152px; margin:30px 30px 30px 0;}

	/* Header */
	.openMenu{display:block;}
	.bgMenu{display:block;}
	
	header{position:fixed; width:300px; height:100%; top:0; z-index:999; right:-300px; box-shadow:0; background:#FFF; transition:right, 0.6s; -webkit-transition:right, 0.6s; -moz-transition:right, 0.6s;}
	header nav{font-size:16px; text-align:center;}
	header nav span{display:block; margin-left:0 !important; border-right:0; border-bottom:1px solid #d6d3ce;}
	header nav span a{padding:14px 10px 14px 10px;}
	
	/* Slider */
	#mappa{height:360px;}
	
	.slider{height:360px;}
	.slider .innerSlider .slide{height:360px;}

	.intestazione{width:700px; margin-left:-350px;}
	.intestazione h1.subtitle{margin:50px 0 70px 0;}
	.intestazione a.btn{margin:55px 3px 0 3px; padding:8px 0 5px 0;}
	
	/* Cover */
	.cover{text-align:center;}
	.cover a.logo{display:inline-block; position:static; margin-top:65px; line-height:40px;}
	.cover .txtCover{display:none;}

	/* Fotter */
	footer a.bannerFoot{width:232px;}
	footer a.bannerFoot img{width:232px; height:auto;}
	footer a.bannerFoot p{width:200px; font-size:15px; margin:40px 0 0 16px;}
	footer a.bannerFoot p span{font-size:20px;}

	/* Home */
	.menuHp a{width:160px; margin:0 30px 0 30px;}
	.menuHp a img{width:160px; height:160px;}
	
	.textHp1{padding:110px 0 40px 0; font-size:16px;}
	.virg1{font-size:36px; margin:-15px 0 0 55px;}
	.virg2{font-size:36px; margin:-15px 0 0 230px;}

	/* Contatti */
	.boxInput1{width:220px;}
	.boxInput1 input[type="text"], .boxInput1 input[type="email"], .boxInput1 input[type="tel"]{width:200px;}
	.boxInput2{width:460px;}
	.boxInput2 textarea{width:440px;}
}
@media only screen and (max-width: 767px) {
	.inner{width:400px;}
	
	.conFonriture .tabForni{width:200px; height:150px;}
	
	/* Box */
	.box1_2{width:100%; float:none; margin-right:0;}
	.box1_3{width:100%; float:none; margin-right:0;}
	.box2_3{width:100%; float:none; margin-right:0;}
	.box1_4{width:100%; float:none; margin-right:0;}

	.boxAttivita{margin-top:5px; text-align:left; overflow:hidden;}
	.boxAttivita img{width:100px; float:left; margin-right:20px;}
	.boxAttivita  p{float:left; width:280px;}
	
	/* Slider */
	#mappa{height:300px;}
	
	.slider{height:300px;}
	.slider .innerSlider .slide{height:300px; background-size:auto 100%;}
	
	.intestazione{width:400px; margin-left:-200px;}
	.intestazione h1.subtitle{display:none;}
	a.logo{display:inline-block; margin-top:90px;}
	.intestazione a.logo span{margin-top:20px;}
	.intestazione a.btn{width:110px; margin:55px 3px 0 3px; padding:8px 0 5px 0;}
	
	/* Fotter */
	footer a.bannerFoot{width:100%; flota:none; border:0;}
	footer a.bannerFoot img{width:100%; height:auto;}
	footer a.bannerFoot p{width:350px; font-size:20px; margin:75px 0 0 25px;}
	footer a.bannerFoot p span{font-size:32px;}
	footer nav{display:none;}
	
	/* Home */
	.menuHp{padding:30px 0 30px 0; text-align:left;}
	.menuHp a{display:block; width:400px; margin:15px auto 15px auto; font-size:26px; overflow:hidden; line-height:50px;}
	.menuHp a img{width:100px; height:100px; float:left; margin-right:20px;}
		
	.textHp1{padding:40px 0 0 0; font-size:18px;}
	.virg1{margin:-15px 0 0 55px;}
	.virg2{margin:-15px 0 0 290px;}

	/* Contatti */
	.boxInput1{width:400px; float:none;}
	.boxInput1 input[type="text"], .boxInput1 input[type="email"], .boxInput1 input[type="tel"]{width:380px; padding:10px;}
	.boxInput2{width:400px;}
	.boxInput2 textarea{width:380px; padding:10px;}
	
	.popupPrivacy{width:350px; margin-left:-190px;}
}
@media only screen and (max-width: 480px) {
	.inner{width:300px;}
	
	.conFonriture .tabForni{width:150px; height:120px;}
	
	/* Box */
	.boxAttivita img{width:80px; margin-right:10px;}
	.boxAttivita  p{width:210px;}
	
	/* Header */
	.openMenu{display:block; bottom:20px; right:10px; width:50px; height:50px;}
	header{width:240px;}
	header nav{font-size:13px;}
	
	/* Slider */
	#mappa{height:250px;}
	
	.slider{height:250px;}
	.slider .innerSlider .slide{height:250px;}
	
	.intestazione{width:300px; margin-left:-150px;}
	a.logo{display:inline-block; margin-top:90px; font-size:76px;}
	a.logo span{font-size:17px;}
	.intestazione a.logo span{margin-top:20px; font-size:18px;}
	.intestazione a.btn{width:90px; margin:20px 0 0 0; font-size:14px; padding:8px 0 5px 0;}
	
	/* Footer */
	footer a.bannerFoot p{width:260px; font-size:18px; margin:50px 0 0 20px;}
	footer a.bannerFoot p span{font-size:28px;}
	
	/* Home */
	.menuHp a{width:300px; margin:10px auto 10px auto; font-size:22px; line-height:30px;}
	.menuHp a img{width:80px; height:80px; margin-right:20px;}

	/* Contatti */
	.boxInput1{width:300px; float:none;}
	.boxInput1 input[type="text"], .boxInput1 input[type="email"], .boxInput1 input[type="tel"]{width:280px;}
	.boxInput2{width:300px;}
	.boxInput2 textarea{width:280px;}
	
	.popupPrivacy{width:270px; margin-left:-150px;}
}