body{margin:0;padding:0;font-size:12px;line-height:1.5em;font-family:'Open Sans', sans-serif;color:#333333;background:#E8E8E8 url(../img/body_bg.png) repeat top left;}



a{outline:none;color:#333;text-decoration:underline;font-weight:normal;/* -webkit-transition: All 0.5s ease; */-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;/* transition: All 0.5s ease; */}

a:hover{color:#F46A23;}

a img{border:none;}

a.moreBtn{display:inline-block;margin: 32px 0 0 0;padding:8px 20px;font-family:'Rokkitt', serif;color:#FFF;font-size:20px;line-height:1em;font-weight:700;text-transform:uppercase;text-decoration:none;background-color:#F46A23;}

a.moreBtn:hover{background-color:#232323;}



h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-family:'Rokkitt', serif;font-weight:700;line-height:1em;color:#242424;}

h1{font-size:34px;text-transform:uppercase;}

h2{margin:0 0 20px 0;font-size:36px;line-height:1em;text-align:center;}

h3{margin:0 0 20px 0;font-size: 20px;line-height:1em;}

h4{margin:0 0 10px 0;font-size:20px;line-height:1em;font-weight:400;}

.footer h4{color:#FFF;}

.prefooter h4{color:#FFF;padding:15px}

h2 span, h3 span, h1 span{display:block;font-size:24px;color:#4A4A4A;font-weight:400;line-height:1em;text-transform:none;}



p{margin:0;padding:0;font-size: 16px;}



ul, ul li{margin:0;padding:0;}

.sep1{width:100%;height:27px;margin:20px 0;background:url(../img/sep.png) no-repeat center center;}



.f14{font-size:14px;line-height:1.2em;}

.f16{font-size:16px;line-height:1.2em;}

.f25{font-size:25px;line-height:1.2em;}

.f46{font-size:46px;}



.wrapper{width:980px;margin:0 auto;position:relative;overflow:hidden;z-index:1;}

.content{padding:20px 20px 40px 20px;background-color:#FFF;}

.col1, .col2, .col3{margin:0 0 40px 0;overflow:hidden;}

.col2 .halfColLeft{float:left;width:500px;}

.col2 .halfColRight{float:right;width:420px;}



.col3 .oneThird{float:left;width:300px;}

.col3 .twoThird{float:right;width:620px;}

.col2 .halfColLeft img, .col2 .halfColRight img, .col3 .oneThird img{width:100%;}



/*general > header img*/

.bgImg{bottom: 0;left:0;position: absolute;height:380px;right: 0;top: 0;z-index: 0;

background-attachment: scroll;background-position: center center;background-repeat: no-repeat;

background-size: cover;background-image: url(../img/header_bg.jpg);border-top:5px solid #000000;border-bottom:5px solid #000000;}

/*general > header*/

.header{height:165px;margin:25px 0 0 0;background:url(../img/white70.png) repeat top left;position:relative;border-top-right-radius:20px;border-top-left-radius:20px;}

.header h1{width:225px;height:165px;/* background-color:#FFF; */border-top-left-radius:20px;}

.header h1 img{margin: 10px 0 0 20px;width: 500px;}

/*general > responsive menu*/

.menu{/* min-height:55px; */background-color: black;position:relative;/* z-index:9999; */}

.slicknav_menu{display:none;position:relative;z-index:9999;}

/*general > header > language*/

.language{position:absolute;top:5px;right:20px;font-size:10px;text-transform:uppercase;}

.language a{display:block;float:left;padding:2px 3px;color:#FFF;font-size:14px;font-family:'Rokkitt', serif;line-height:1em;text-decoration:none;background-color:#F46A23;}

.language a:hover, .language a.selected, .language a.selected:hover{background-color:#232323;}

/*general > header > benventuo*/

.benvenuto{position:absolute;top:40px;right:20px;font-size:20px;font-family:'Rokkitt', serif;}

/*header > login*/

.login{position:absolute;bottom:10px;right:20px;}

.loginForm p{padding:0 0 5px 50px;line-height:32px;background:url(../img/icon_login.png) no-repeat left top;}

.loginForm p span, .loginForm p span a{font-size:16px;color:#2A7230;text-transform:uppercase;font-weight:bold;}

.menu ul li a#contatti:hover{

	width: 142.24px;

	background-color: #F46A23;

	/* height: 50px; */

	}

.loginForm{float:left;height:70px;margin:0 5px 0 0;padding:10px 0 10px 10px;background-color:#FFF;}

.loginForm input.inputText{float:left;margin:0 10px 0 0;width:140px;height:17px;padding:5px 10px;border:none;background-color:#DEDEDE;color:#333;font-family:'Open Sans', sans-serif;font-size:12px;}

.vivaioBtn{float:left;width:85px;height:65px;padding:25px 0 0 85px;color:#FFF;text-transform:uppercase;font-size:20px;font-family:'Rokkitt', serif;line-height:1em;text-decoration:none;font-weight:700;

background:#F46A23 url(../img/icon_vivaio.png) no-repeat 20px 18px;}

.vivaioBtn:hover{text-decoration:none;color:#FFF;background-color:#232323;}

/*general > footer*/

.footer{overflow:hidden;font-size:12px;color:#FFF;background:url(../img/black60.png) repeat top left;}

.footer a{text-decoration:none;color:#FFF;}

.footer a:hover{text-decoration:underline;}

.footer .col1{width:290px;padding:30px 30px 30px 20px;float:left;}

.footer .col2{width:310px;padding:30px 0 30px 0;float:left;}

.footer .col2 a{display:block;}

.footer .col3{width:280px;padding:30px 20px 0 0;float:right;}

.footer .col3 .socialBar{/* padding:20px 0; */overflow:hidden;}

.footer .col3 .socialBar a{display:block;float:left;width:44px;height:45px;margin:0 5px 0 0;}

.footer .col3 .socialBar a:hover{opacity:0.6;filter:alpha(opacity=60);}

.footer .copyright{clear:both;padding:10px 0;font-size:11px;text-align:center;color:#333;background:#FFF;}

.footer .copyright a{text-decoration:underline;color:#333;}

.footer .copyright a:hover{text-decoration:none;}

.prefooter{overflow:hidden;font-size:12px;color:#FFF;background:url(../img/black60.png) repeat top left;border-bottom: 5px solid orange;border-top: 2px solid orange;}

.prefooter .col1{width:290px;padding:30px 30px 30px 20px;float:left;}

.prefooter .col2{width:310px;padding:30px 0 30px 0;float:left;}

.prefooter .col2 a{display:block;}

.prefooter .col3{width:280px;padding:30px 20px 0 0;float:right;}

/*home > slider*/

#slider div{position:relative;z-index:1;}

#slider img{position:relative;z-index:1;}

#slider .caption{position:absolute;top: 33%;right: 0;/* bottom: 0px; */z-index:2;width: 700px;padding:30px;font-size:14px;background:url(../img/white70.png) repeat top left;}

#slider .caption h1{margin:0 0 20px 0;}

/*home > product bar*/

#sliderProduct{width:99%!important;}

.productBar .item{float:left;width:100%;}

.productBar .item a{display:block;text-decoration:none;}

.productBar .item a img{width:98%;}

.productBar .item span{display:block;text-align:center;font-size:18px;line-height:1em;color:#242424;font-family:'Rokkitt', serif;}

.productBar .item a:hover{opacity:0.6;filter:alpha(opacity=60);}

/*breadcrumbs*/

.breadcrumbs{margin:0 0 25px 0;font-size:10px;color:#ADADAD;text-transform:uppercase;}

.breadcrumbs span{font-size:12px;text-transform:none;padding-right:10px;}

.breadcrumbs a{text-decoration:none;color:#ADADAD;}

.breadcrumbs a:hover{text-decoration:underline;color:#ADADAD;}

/*dettaglio product*/

.productInfo .addBtn{min-height:60px;margin-top:20px;position:relative;}

.productInfo .addBtn img{position:absolute;bottom:3px;left:3px;width:54px!important;height:56px;z-index:1;}

.productInfo .addBtn .moreBtn{position:absolute;bottom:0;left:0;z-index:0;margin:0;padding:6px 25px 6px 70px;}

.productDesc{margin:0 0 30px 0;}

.productDesc .item{overflow:hidden;margin-bottom:25px;}

.productDesc .item img{float:left;}

.productDesc .item div{float:right;width:845px;}

.productDesc .item h3{margin-bottom:0;}

/*product grid*/

.productGrid {width: 960px;margin: 0px auto;padding:0 0 10px 0;overflow:hidden;}

.productGrid .item{float:left;width:300px;margin: 0px 10px 15px 5px;position:relative;}

.productGrid .item img{display:block;}

.productGrid .item a{display:block;text-align:center;margin:0;}

.productGrid .item a.addBtn{position:absolute;top:0;right:0;width:35px;height:35px;padding:5px;background:url(../img/black60.png) repeat top left;}

.productGrid .item a.addBtn img{width:35px!important;height:35px;position:relative;}

.productGrid .item a.addBtn:hover{background-color:#232323;}

.productGrid .item span{display:block;padding:6px 0;text-align:center;font-size:18px;line-height:1em;color:#242424;font-family:'Rokkitt', serif;background-color:#DEDEDE;}

/*pager*/

.pagerBar{min-height:25px;margin:0;overflow:hidden;}

.pager{float:right;}

.pager a{display:block;float:left;width:25px;height:25px;margin:0 0 0 2px;line-height:25px;color:#FFF;text-align:center;text-decoration:none;background-color:#DEDEDE;}

.pager a:hover{background-color:#666;}

.pager a.selected, .pager a.selected:hover{background-color:#000;}

/*accordion*/

.accordionButton {width:100%;padding:0 0 10px 25px;float: left;_float: none; cursor: pointer;font-size:18px;font-weight:bold;background:url(../img/icon_down.png) no-repeat left 3px;}	

.accordionContent {	width:100%;float: left;_float: none; padding:0 0 20px 0;position:relative;}

.on {background:url(../img/icon_up.png) no-repeat left 3px;}

.accordionWrap{overflow:hidden;}

.register{display:none}

.innestoList{

	list-style:none;

	margin:10px;

	}

.innestoItem{

	display:inline;

	float:left;

	margin-left:10px;

	margin-right: 10px;

}

.innestoItem a{

	color: white;

	background-color: rgb(145, 108, 41);

	display: block;

	padding: 7px;

	text-align: center;

	width: 90px;

	height: 60px;

	clear: both;

	font-weight: bold;

	letter-spacing: 1px;

	text-decoration: none;

	border: 4px solid white;

	box-shadow: 5px 5px 5px #A5A5A5;

	/* vertical-align: middle; */

	/* border-radius: 60px; */

	margin: 5px;

}

.innesto-inner{

	position:relative;

	}



a.tooltips {

  position: relative;

  display: inline;

  color: white;

  background-color: black;

  padding: 5px;

}

a.tooltips span {

  position: absolute;

  width:140px;

  color: #FFFFFF;

  background: #000000;

  height: 30px;

  line-height: 30px;

  text-align: center;

  visibility: hidden;

  border-radius: 6px;

}

a.tooltips span:after {

  content: '';

  position: absolute;

  top: 100%;

  left: 50%;

  margin-left: -8px;

  width: 0; height: 0;

  border-top: 8px solid #000000;

  border-right: 8px solid transparent;

  border-left: 8px solid transparent;

}



.calendario{padding-bottom: 10px;text-transform:uppercase;}

.calendario img{

	vertical-align: middle;

	}

a:hover.tooltips span {

  visibility: visible;

  opacity: 0.8;

  bottom: 30px;

  left: 50%;

  margin-left: -76px;

  z-index: 999;

}



.msg{

	background-color:white;

	}

.msg h3{

	color:green;

	}

.innestoContainer{

	float: left !important;

width: 122px !important;

position: relative;

	}

.hole{

	position: absolute;

/* width: 30px !important; */

/* height: 30px; */

color: white;

/* border-radius: 30px; */

top: 173px;

left: 20px;

/* z-index: 9999; */

font-size: 80px;

text-shadow: -2px -2px 0 black;

	}

.calendario{

	margin-bottom: 35px;

	}

/*

.tag-triangle {



        border-color:transparent #4AA02C transparent transparent;



        border-style:solid;



        border-width:10px;



        width:0;



        height:0;



        float:left;



    }



 



    .tag-rectangle {



        background-color:#4AA02C;



        width:80px;



        height:40px;



        display:inline;



        float:right;



    }



     



    .hole {



        width: 2px;



        height: 2px;



        -webkit-border-radius: 2px;



        -moz-border-radius: 2px;



        border-radius: 2px;



        background-color:#E7E9EB;



        position: absolute;



        left: 120px;



        top: 90px;



    }



     



    .tag-rectangle h1 {



        text-align: center;



        font-size: 80px;



       color: #FFF8C6;



        margin: 53.6px 0; 



        line-height: 93px; 

    }

*/

/**/

.info-quote{
	background-color: #fd6a02;
    color: white;
    margin: 0px !important;
    width: 348px;
    font-family: Rokkitt, serif;
    padding-left: 70px;
}

.news{

	position: relative;

    height: 465px;

    overflow: hidden;

	}

.news ul{

	margin: 0px;

    position: absolute;

    top: 0px;

	}

.news ul li{

    list-style: none;

    margin: 0;

	}

	

.news img{

    width: 177px;

    margin: 5px 15px 0 0;

	}

.news h4{

	width:177px;

	text-align:left;

	}

.news p{

	width:177px;

	font-size:12px;

	/* text-align:justify; */

	word-wrap: break-word;

	}

.halfColLeft p, .halfColRight p{

	margin-top:	10px;

	}

input[type=text],input[type=password]{

	display: block;

	width: 80%;

	height: 34px;

	margn:5px 5px;

	font-size: 14px;

	line-height: 1.42857143;

	color: #555;

	background-color: #fff;

	background-image: none;

	border: 1px solid #ccc;

	border-radius: 4px;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

	-webkit-transition: border-color ease-in-out .15s,

	-webkit-box-shadow ease-in-out .15s;

	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

	}

input[type=submit]{

	/* cursor: pointer; */

	/* width: 43%; */

	/* height: 34px; */

	/* color: #333; */

	/* background-color: #fff; */

	/* border: 3px solid #FF930E; */

	/* border-radius: 4px; */

	/* font-weight: bold; */

	}

input[type=submit]:hover{

	/* color:white; */

	/* background-color:green; */

}

.vivaioList{

	list-style:none;

	margin:5px;

	}

.vivaioImg{

	width:50%;

	}

.vivaioSpan{

	font-weight:bold;

	display:block;

	}

.success{

	margin:5px;

	padding:5px;

	font-weight:bold;

	color: green;

	}

	

.quotLink{

	margin: 5px;

    font-size: 18px;

    background-color: orange;

    padding: 4px;

    line-height: 30px;

    border-radius: 4px;

    vertical-align: middle;

    text-decoration: none;

    color: white;

	}

.quotLink:hover{

	background-color: red;

	color:white;

	}

.quotazione{

	margin-top: 10px;

    margin-left: 5px;

	}

	

blockquote{

	border-left: 3px solid red;

    height: 25px;

    padding: 5px;

    text-align: center;

    margin: 2px;

    margin-bottom: 20px;

    font-weight: bold;

	}

blockquote.success{

	border-left: 3px solid green;

    height: 25px;

    padding: 5px;

    text-align: center;

    margin: 2px;

    margin-bottom: 20px;

    font-weight: bold;

	}

.imgContainer{

	position:relative;

	}

	

.imgToolBox{

	background-color: rgba(0, 0, 0, 0.25);

    /* width: 128px; */

    position: absolute;

    top: 0px;

    right: 2px;

    /* color: red; */

	}

.toolbox{

	position: absolute;

    top: -6px;

    right: 70px;

    padding: 10px;

    margin-right: 10px;

}

.tool{

	color:#4aa02c;

	font-size:16px !important;

	margin-left:10px;

	margin-right:10px;

}



.toolbox > a{

	vertical-align : middle;

	text-decoration: none !important;

}

.toolbox > a:hover > span{

	color: #2a7230;

}



.expoContainer{

	

	margin-bottom:30px;

}

.footerContainer{

	margin-top:30px;

	margin-bottom:30px;

}



.social{

	width: 100%;

	height:70px;

	display: block;

	text-align: center;

	/* margin: auto; */

}



.social .fa{

	font-size:24px;

}



.socialContainer{

	margin-top:30px;

	margin-bottom:30px;

}



/*Da 767 a 480*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.wrapper{width:440px;}

	.slicknav_menu{display:block;}

	.menu{display:none;}

	.header{height:auto;}

	.header h1{width:160px;height:120px;}

	.header h1 img{width: 350px;margin: 26px 0 0 10px;}

	.login{position:relative;right:auto;bottom:auto;}

	.loginForm{height:65px;margin:0;padding:5px 0 5px 5px;}

	.loginForm input.inputText{width:120px;margin:0 5px 0 0}

	.vivaioBtn{float:right;width:70px;height:55px;padding:20px 0 0 75px;background:url(../img/icon_vivaio.png) no-repeat scroll 10px 10px #F46A23;}

	.userBar{overflow:hidden;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}

	.benvenuto{width:250px;text-align:right;}

	.footer .col1, .footer .col2{width:190px;margin:0;padding:20px;}

	.footer .col2{padding-left:0;}

	.footer .col3 {clear: both;float: none;padding: 0 0 0 20px;width: 400px;margin:0;}

	

	#slider img{width:100%;}

	#slider .caption{width:88%;height:75%;margin:4%;padding:2%;top:0;font-size:12px;}

	#slider .caption h1{font-size:20px;}



	.productGrid .item{width:190px;}

	.productGrid .item img{width:100%;}



	.productDesc .item div{width:300px;}

	

	.breadcrumbs{margin-top:10px;}

	

	.col2 .halfColLeft, .col2 .halfColRight, .col3 .oneThird, .col3 .twoThird{float: none;width: 400px;}

	.col2 .halfColLeft {margin-bottom:20px;}

}



/*Da 479 a 320*/

@media only screen and (max-width: 479px) {

	.wrapper{width:310px;}

	.slicknav_menu{display:block;}

	.menu{display:none;}

	.header{height:auto;}

	.header h1{width:160px;height:120px;}

	.header h1 img{width: 280px;margin: 40px 0 0 10px;}

	.login{position:relative;right:auto;bottom:auto;}

	.loginForm{width:180px;height:100px;margin:0;padding:5px;}

	.loginForm input.inputText{width:160px;margin:0 0 5px 0;}

	.vivaioBtn{float:right;width:120px;height:40px;padding:70px 0 0 0px;text-align:center;font-size:17px;background:url(../img/icon_vivaio.png) no-repeat scroll center 10px #F46A23;}

	.userBar{overflow:hidden;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}

	.benvenuto{width:120px;text-align:right;font-size:15px;}

	.footer .col1, .footer .col2{width:270px;margin:0;padding:20px;}

	.footer .col2{padding-top:0;}

	.footer .col3 {clear: both;float: none;padding: 0 0 0 20px;margin:0;}

	.toolbox {position: absolute;top: -6px;right: 55px;padding: 10px;margin-right: 10px;}

	#slider img{width:100%;}

	#slider .caption{width:88%;height:75%;margin:4%;padding:2%;top:0;font-size:8px;overflow:hiddeny}

	#slider .caption a#readmore{display:none;}

	#slider .caption h1{font-size:24px;}

	

	.productGrid{width:100%;margin:0;}

	.productGrid .item{width:100%;margin:0 0 10px 0;}

	.productGrid .item img{width:100%;}



	.productDesc .item div{width:100%;float:none;}

	.productDesc .item img{display:none;}



	.breadcrumbs{margin-top:10px;}



	.col2 .halfColLeft, .col2 .halfColRight, .col3 .oneThird, .col3 .twoThird{float: none;width: 270px;}

	.col2 .halfColLeft {margin-bottom:20px;}

	.register_big{display:none}

	.register{display:block}

}

/* iPad Portrait*/

@media only screen 

and (min-width : 768px) 

and (max-width : 1024px) {

	.wrapper{width:700px;}

	.slicknav_menu{display:block;}

	.menu{display:none;}

	.header{height:auto;}

	.header h1{width:160px;height:120px;}

	.header h1 img{width: 380px;margin: 15px 0 0 10px;}

	.login{position: absolute;right: 140px;bottom: 4px;}

	.loginForm{height:65px;margin:0;padding:5px 0 5px 5px;}

	.loginForm input.inputText{width:120px;margin:0 5px 0 0}

	.vivaioBtn{float:right;width:70px;height:55px;padding:20px 0 0 75px;background:url(../img/icon_vivaio.png) no-repeat scroll 10px 10px #F46A23;}

	.userBar{overflow:hidden;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}

	.benvenuto{position: absolute;top: 20px;right: 160px;width:250px;/* text-align:right; */}

	.footer .col1, .footer .col2{width: 160px;margin: 10px;padding:20px;}

	.footer .col2{padding-left: 20px;}

	.footer .col3 {/* clear: both; */float: left;/* padding: 0 0 0 20px; */width: 200px;margin: 0px;}

	

	#slider img{width:100%;}

	#slider .caption{width: 400px;height: 100px;margin: 0px;padding: 25px;top:0;font-size:12px;}

	#slider .caption h1{font-size:20px;}

	.productGrid {

    width: 700px;

    margin: 0px auto;

    padding: 0 0 10px 0;

    overflow: hidden;

 }

	.productGrid .item{width:190px;margin: 0px 5px auto;padding: 10px;}

	.productGrid .item img{width:100%;}



	.productDesc .item div{width: 400px;margin: 20px;}

	

	.breadcrumbs{margin-top:10px;}

	

	.col2 .halfColLeft, .col2 .halfColRight, .col3 .oneThird, .col3 .twoThird{float: none;width: 100%;}

	.col2 .halfColLeft {margin: 0px auto;margin-bottom:20px;}

 }