/*GENERAL*/
*{margin: 0; padding: 0;}
@font-face{ 
	font-family: 'gill-light';
	src: url('fonts/TwCenMT-CondensedExtraBold.eot');
	src: url('fonts/TwCenMT-CondensedExtraBold.woff') format('woff'),	
		 url('fonts/TwCenMT-CondensedExtraBold.eot?#iefix') format('embedded-opentype'), 
	     url('fonts/TwCenMT-CondensedExtraBold.ttf') format('truetype'),
	     url('fonts/TwCenMT-CondensedExtraBold.svg') format('svg');
}
body, html {width: 100%; color: #098b7e; font-family: 'TwCenMT', Verdana, Tahoma, Arial}

/*CONTAINERS*/
.main{width: 100%; height: 100%; position: relative; background-image: url("images/Bg/bg-body.jpg"); background-repeat: repeat;}
.container {width: 1024px; position: relative; margin: 0 auto 30px auto; z-index: 1;}
.content{
	width: 100%; position: relative; height: auto; top:-10px; 
	background-color: #fff;
	-webkit-box-shadow: 0px -1px 22px 0px rgba(109, 109, 109, 1);
	-moz-box-shadow:    0px -1px 22px 0px rgba(109, 109, 109, 1);
	box-shadow:         0px -1px 22px 0px rgba(109, 109, 109, 1);
	
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border: 0px solid #000000;	
}
.row{width: 100%; position: relative;}
.row-1{background-image: url("images/Bg/bg-1.jpg"); background-repeat: repeat-x;
	border-radius: 20px 20px 0px 0px;
	-moz-border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;
	border: 0px solid #000000;
	display: block;
	height: 270px;
}
.row-v2{background-image: url("images/Bg/bg-1.png"); background-repeat: repeat-x;
	border-radius: 20px 20px 0px 0px;
	-moz-border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;
	border: 0px solid #000000;
	display: block;
	height: 270px;}
.grid-1{ border-bottom:6px dotted;}

.row-2{width: 690px; float: left; }
.row-21, .row-22{height: 395px; float: left;}

.row-3{width: 320px; float: right; padding-top: 20px; border-left:6px dotted;}
.row-3 .row{float: left !important;}
.row-31{vertical-align: middle;}
.row-32{width: 232px; margin: 30px 0 50px 59px;}

.box-1{float: left; width: 447px; margin-top: 25px; margin: 10px 0;}


/*CONTENT*/
.row-1 p, .row-2 p{position: relative; top: 100px; font-size: 16px; font-weight: bold;}
.row-1 img{float: left; vertical-align: middle; display: block; width: 110px; margin-left: 50px; margin-right: 35px; margin-top: 80px;}

.row-21 img{width: 150px; float: left; vertical-align: middle; display: block; margin-left: 35px; margin-right: 35px; margin-top: 20px;}
.row-22 img {width: 180px; float: left;  vertical-align: middle;
	margin-right: 19px; margin-left: 20px; display: block;  margin-top: 20px;}
.row-31 img{width: 245px;margin-left: 21px}

.box-1 h1{font-size: 16px; text-align: left; padding: 10px 0;}
.box-1 p{top: 30px;  padding: 10px 0; text-align: justify;
	font-size: 17px; word-spacing: -1px; letter-spacing: -1px;}
.color-1{color: #629C61;}

/*LIST*/
.ul-1 li {
	list-style-position: outside;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

/*SIDEBAR*/
.sidebar-1{height: 298px; background-image: url("images/Bg/bg-sidebar-1.jpg"); background-position: center center; background-repeat: no-repeat;}
.sidebar-1 img {width: 60px;float: left;}
.txt-sb {margin: 30px 0 0 45px; width: 230px; font-weight: bold;}
.txt-sb .p2{float: left; text-align: justify; margin-top: 20px; font-weight: 500; font-size: 14px;}
.txt-sb .p1 {margin-top: 17px; margin-left: 6px; float: left; font-size: 14px;}
.sidebar-2{margin-top: 10px;}
.sidebar-2 img{width: 260px; margin-left: 29px;}

/*VANTAGGI*/
.vantaggi li { width: 147px; display: inline-block; text-align: center; margin: 25px 20px;}
.vantaggi li img.title{ height: 31px;}
.vantaggi li img.icon{ width: 115px; margin-top: 15px;}
.vantaggi .li-last{width: 200px;}

/*INGREDIENTI*/
.ingredienti{ width: 970px; margin: 0 auto;}
.ingredienti h1{font-size: 25px; padding: 10px 12px;}
.ingredienti li {width: 183px; display: inline-block; text-align: center;}
.ingredienti li img{max-width: 170px; margin:20px auto;}
.ingredienti li span{font-weight: bold; font-size: 13px;}

/*UTILIZZO*/
.utilizzo{ width: 970px; margin: 0px auto; padding: 60px 0;}
.utilizzo h1{font-size: 25px; padding: 10px 12px;}
.utilizzo li {width: 126px; height: 210px; display: inline-block; text-align: center; margin-right: 7px;}
.utilizzo li img{max-width: 118px; margin:20px auto;}
.utilizzo li span{font-weight: bold; font-size: 13px;}

/*FOOOTER*/
.footer{width: 100%; /*background-color: #2E9C91;*/ height: 202px;
	position: absolute; bottom: 0; z-index: 0;}
.ft-content{ width: 1024px; margin:0 auto;  background-color: #2E9C91;
	text-align: center; color: #fff; height: 162px;
	border-radius: 0px 0px 17px 17px;
	-moz-border-radius: 0px 0px 17px 17px;
	-webkit-border-radius: 0px 0px 17px 17px;
}
.ft-content p {padding-top: 26px; font-size: 20px; font-weight: bold;}
.ft-content a{text-decoration: none; color: #fff;}
/*ASSETS*/
.hr-1{background-image: url("images/hr/hr-1.jpg"); background-repeat: no-repeat;
	width: 100%; height: 6px; border: 0; }	
.hr-2{background-image: url("images/hr/hr-2.jpg"); background-repeat: no-repeat;
	width: 100%; height: 6px; border: 0; }
.clear{width: 100%; display: block; clear: both; height: 10px;}