/*----------------------------------------------------------------------------------*/
/*-------------------------------- COMMON STYLES -----------------------------------*/
/*----------------------------------------------------------------------------------*/

body.zitto {background-color: #F4F3F1;}

a {color: #c6b79a;}
	
/*----------------------------------------------------------------------------------*/
/*---------------------------------- MENU TOP --------------------------------------*/
/*----------------------------------------------------------------------------------*/
	
	.zitto #menutop_container li.sep {background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -60px -75px;}
		.zitto #menutop_container a, .zitto #menutop_container span {color: #777;}
		.zitto #menutop_container span.selected {color: #555555;}
	.zitto #menutop_container #minilogo_vaimilano {background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: 0 -75px;}
	.zitto #menutop_container #minilogo_vaimilano:hover {background-position: 0 -109px;}

.zitto #menutop_container .dropdown dd ul {border: 1px solid #333333;}
.zitto #menutop_container .dropdown dd ul li span {cursor: default; display:block; padding:5px; color:#555555; text-decoration:none; background:#333333; width:194px; font-size: 12px;}
.zitto #menutop_container .dropdown dd ul li a, .dropdown dd ul li a:active, .dropdown dd ul li a:visited {display:block; padding:5px; color:#fafafa; text-decoration:none; background:#141417; width:120px}
.zitto #menutop_container .dropdown dd ul li a:hover {background:#C6B79A; color:#333333;}
.zitto #menutop_container .dropdown .underline {border-top:1px solid #000000;}


/*----------------------------------------------------------------------------------*/
/*------------------------------ HEADER AND SLIDE ----------------------------------*/
/*----------------------------------------------------------------------------------*/

.zitto div.logo_collezione {background: url('/img/layout/zitto/zitto_logo_slide.png') no-repeat; height: 160px;}
.zitto a.store_locator {color: #888888; background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -253px -360px;}
.zitto a.store_locator:hover {color: #333333; background-position: -253px -404px; text-decoration: none;}

.zitto a.color_picker {padding-left: 50px; padding-top: 12px;font-size: 12px; position: absolute; top: 21px; left: 184px; z-index: 99; display: block; width: 218px; height: 27px; color: #888888; background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -258px -523px;}
.zitto a.color_picker:hover {background-position: -258px -562px; color: #333333; text-decoration: none;}


.zitto .contenuti {box-shadow:0 0 9px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 9px rgba(0,0,0,0.4); -moz-box-shadow:0 0 9px rgba(0,0,0,0.4);background:#fafafa;}

.nivoSlider.zitto .nivo-controlNav {left: 473px;}

/*----------------------------------------------------------------------------------*/
/*---------------------------------- MINISCROLL ------------------------------------*/
/*----------------------------------------------------------------------------------*/

.zitto div.miniscroll {border-color: #eee;}
.zitto div.miniscroll ul li {background-color: #f3f3f3; border-left-color: #eee; border-right-color: #eee;}
.zitto div.miniscroll ul li:hover {background-color: #f7f7f7; }

.zitto .prev {background-image: url('/img/layout/zitto/immagini_zitto.png'); border-color: #eee;}
.zitto .next {background-image: url('/img/layout/zitto/immagini_zitto.png'); border-color: #eee;}


/*----------------------------------------------------------------------------------*/
/*-------------------------------- MENU COLLEZIONE ---------------------------------*/
/*----------------------------------------------------------------------------------*/

.zitto div.menu_col ul li a.homepage {width: 45px; background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: 0 0;}
.zitto div.menu_col ul li a.homepage:hover {background-position: 0 -25px;}
.zitto div.menu_col ul li a.homepage.selected {background-position: 0 -50px;}

.zitto div.menu_col ul li a.eventi {width: 52px; background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -115px 0;}
.zitto div.menu_col ul li a.eventi:hover {background-position: -115px -25px;}
.zitto div.menu_col ul li a.eventi.selected {background-position: -115px -50px;}

.zitto div.menu_col ul li a.rassegna {width: 149px; background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -200px 0;}
.zitto div.menu_col ul li a.rassegna:hover {background-position: -200px -25px;}
.zitto div.menu_col ul li a.rassegna.selected {background-position: -200px -50px;}

.zitto div.menu_col ul li a.campagna {width: 205px; background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -619px 0;}
.zitto div.menu_col ul li a.campagna:hover {background-position: -619px -25px;}
.zitto div.menu_col ul li a.campagna.selected {background-position: -619px -50px;}

.zitto div.menu_col ul li a.video {width: 50px; background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -379px 0;}
.zitto div.menu_col ul li a.video:hover {background-position: -379px -25px;}
.zitto div.menu_col ul li a.video.selected {background-position: -379px -50px;}

.zitto div.menu_col ul li a.download {width: 133px; background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -459px 0;}
.zitto div.menu_col ul li a.download:hover {background-position: -459px -25px;}
.zitto div.menu_col ul li a.download.selected {background-position: -459px -50px;}



/*----------------------------------------------------------------------------------*/
/*-------------------------------- BANDA CROMATICA ---------------------------------*/
/*----------------------------------------------------------------------------------*/

.zitto #color_cont_title {width: 980px; height: 35px; position: relative; padding: 60px 40px 30px 40px;}
	.zitto #color_cont_title h2 {display: block; height: 30px; text-indent: -9999px; width: 450px; background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: 0 -714px;}
	.zitto #color_cont_title h6 {font-size: 13px; margin-bottom: 30px;}

.zitto #color_cont {width: 980px; height: 35px; position: relative; padding-bottom: 30px;}
	.zitto #color_cont_bg {width: 952px; padding: 6px 10px 6px 20px; height: 27px; position: absolute; top: 3px; left: -1px; background-image: url('/img/layout/zitto/banda_cromatica.png'); background-position: 0 0;}
		.zitto .color {width: 28px; height: 27px; cursor: pointer; margin-right: 10px; float: left;}		

/*----------------------------------------------------------------------------------*/
/*---------------------------------- BOX CONTENUTI ---------------------------------*/
/*----------------------------------------------------------------------------------*/

.zitto div.intro {padding: 50px 40px 0px 40px;}

.zitto div.box.prodotti h2 {width: 92px; background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: 0 -143px;}
.zitto div.box.stores h2 {width: 189px; background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -99px -143px;}
.zitto div.box.socials h2 {width: 215px; background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -293px -143px;}

.zitto div.prodotto p {color: #C6B79A;}

.zitto div.cerchio {background-image: url('/img/layout/zitto/immagini_zitto.png');}

.zitto div.social div.fb {background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -115px -180px;}
.zitto div.social:hover div.fb {background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -115px -251px;}
.zitto div.social.disabled:hover div.fb {background-position: -115px -180px;}
.zitto div.social div.tw {background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -185px -180px;}
.zitto div.social:hover div.tw {background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -185px -251px;}
.zitto div.social.disabled:hover div.tw {background-position: -185px -180px;}
.zitto div.social div.yt {background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -255px -180px;}
.zitto div.social:hover div.yt {background-image: url('/img/layout/zitto/immagini_zitto.png'); background-position: -255px -251px;}
.zitto div.social.disabled:hover div.yt {background-position: -255px -180px;}
.zitto div.social a {color: #c6b79a;}



/*.zitto div.descrizione {width: 900px;float: left;font-size: 14px;line-height: 20px !important;text-align: left;background: url('/img/layout/zitto/istruzioni.jpg') no-repeat;height: 580px;position: relative;}
/*.zitto div.descrizione h3 {font-size:22px;}
/*.zitto div.descrizione p {position: absolute;bottom: 40px;left: 0;font-size: 16px;line-height: 24px;}
/*.zitto div.descrizione hr {margin-bottom:20px;}  */

.zitto div.descrizione  {width: 900px;float: left;font-size: 14px;height: 491px;position: relative;}
.zitto div.descrizione img {position: absolute;left: -41px;width: 982px;border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid #A3A3A3;}



/*----------------------------------------------------------------------------------*/
/*------------------------------------- FOOTER -------------------------------------*/
/*----------------------------------------------------------------------------------*/

.zitto #footer  {background-color: #0a0a0a; border-top: 1px solid #1f1f1f;}
	#footer .container {background-color: inherit;}


.zitto div.menu_col {padding: 10px 40px 0 40px;}

.zitto .nivo-controlNav {
position: absolute;
left: 50%;
bottom: 12px;
z-index: 101;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0;
}









