@charset "UTF-8";
/* CSS Document */
/************************************
* 	BOTTOM HEADER
*************************************/

.bottomHeader{
	background: url('../images/sfondo_bottonheader.jpg');
	height: 122px;
	z-index: 1;
	position: relative;
}

.bottomHeader .content{
	min-height:122px;
	height: auto !important;
	height: 122px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:960px;
}

.bottomHeader .content .fasciaBlu{
	position: absolute;
	right: 0;
}

.bottomHeader .content .title{
	display:inline;
	float:left;
	height:30px;
	margin:30px 0 0 30px;
	width:129px;
}

.bottomHeader .content .buttons{
	height: 59px;
	width: 355px;
	position: absolute;
	top:89px;
	left: 35px;
}


/************************************
* 	CORPO PRODOTTI HOME
*************************************/

.corpo{
	margin:0 auto;
	padding:0 0 0 11px;
	position:relative;
	width:949px;
	z-index: 3;
}

.corpo .col-left{
	width: 239px;
	position: relative;
	background: url(../images/prodotti/bg_left_col.jpg) no-repeat top left;
}
/*
.corpo .col-left ul{
	width: 275px;
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4b4b4b;
	background: url(../images/hdot.gif) repeat-x bottom;
	margin:0px;
    padding:0px;
	float:left;
	height: 60px;
}
*/
/*.corpo .col-left ul li a{
*	color: #4b4b4b;
*	background: url(../images/freccia_navigatore_blu.gif) center right no-repeat;
*	padding-right: 11px;
} */

.corpo .col-left ul li.current a{
	color: #364377;
	background: none;
}

.corpo .col-left ul li{
	float:left;
	display: inline;
	padding-right:7px;
	padding-top: 25px;
}

.corpo .col-left ul li.first{
	list-style: none;
}
.corpo .col-left h1{
	padding: 30px 0 10px 0;
}

/**
*
* PRODOTTI LA BOTTEGA IMAGE MAP OVERLAY
*
*/

#map-bottega {
    position: absolute;
    top: 35px;
    left: 10px;
    z-index: 9999;
}

#bottega-map-titolo {
    color: #505B84;
}
/**
*
* PRODOTTI CAROUSEL
*
*/

.corpo .col-left .prodottoCarousel{
  height: 93px;
  width: 230px;
  position: relative;
}

.corpo .col-left .prodottoCarousel .prodotto{
  position:absolute;
  top:8px;
  left:15px;
}

.corpo .col-left .prodottoCarousel h3 {
	position:absolute;
	top:6px;
	left:80px;
	font-size:11px;
	text-transform:uppercase;
	width:140px;
	margin: 3px 0 0 0;
}

.corpo .col-left .prodottoCarousel p{
	position:absolute;
	left:80px;
	font-size:10px;
	color:#403f3f;
	width: 140px;
	bottom:2px;
}
*:first-child+html .corpo .col-left .prodottoCarousel p{
  bottom:21px;
}
/*\*/ * html .corpo .col-left .prodottoCarousel p {/**/ 
  bottom:21px;
}

.corpo .col-left .prodottoCarousel p span{
	display:block;
	font-size:11px;
	font-weight: normal;
	color: #575956; 
}

/* colore testo prodotti*/

.corpo .col-left .prodotto_blu h3 a, .corpo .col-left .prodotto_blu h3,
.corpo .col-left .prodotto_blu_active h3 a, .corpo .col-left .prodotto_blu_active h3{
  color:#4F6393;
}
.corpo .col-left .prodotto_verde h3 a, .corpo .col-left .prodotto_verde h3,
.corpo .col-left .prodotto_verde_active h3 a, .corpo .col-left .prodotto_verde_active h3{
  color:#82924f;
}

.corpo .col-left .prodotto_rosso h3 a, .corpo .col-left .prodotto_rosso h3,
.corpo .col-left .prodotto_rosso_active h3 a, .corpo .col-left .prodotto_rosso_active h3{
	color:#af3d41;
}

.corpo .col-left .prodotto_viola h3 a, .corpo .col-left .prodotto_viola h3,
.corpo .col-left .prodotto_viola_active h3 a, .corpo .col-left .prodotto_viola_active h3{
	color:#886289;
}

.corpo .col-left .prodotto_verdechiaro h3 a, .corpo .col-left .prodotto_verdechiaro h3,
.corpo .col-left .prodotto_verdechiaro_active h3 a, .corpo .col-left .prodotto_verdechiaro_active h3{
  color:#7F9239;
}



/* fine testo prodotti */

.corpo .col-right{
	width: 683px;
	/*margin-top: -45px;*/
	position: relative;
	border-left: 1px solid #ced4de;
	border-right: 1px solid #ced4de;
	border-bottom: 1px solid #ced4de;
	background: url(../images/bg_corpo.jpg);
	padding-bottom: 20px;
}

.corpo .col-right .controlli_qualita{
	width:190px;
	background:url(../images/bg_corpo.jpg);
	margin:-30px 0 0 0;
	padding:35px 25px 0 25px;
}

.corpo .col-right .controlli_qualita h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#403f3f;
	margin:10px 0;
	width:100%;
}

.corpo .col-right .controlli_qualita p{
	padding-bottom:15px;
	text-align:justify;
}

.corpo .col-right .info{
	width:334px;
	border-bottom:1px solid #ced4de;
	border-left:1px solid #ced4de;
	background: #FFFFFF;
	padding:30px 25px 35px 25px;
}

.corpo .col-right .info h1{
	margin:0;
	width:100%;
}

.corpo .col-right .info p{
	padding:15px 0 0 0;
	text-align:justify;
}

.corpo .col-right .ingredienti_prodotto{
	width:385px;
	padding:0 0 0 0;
	/**padding:30px 0 0 0;
	min-height:160px;
	height:auto !important;
	height:160px;*/
}

.corpo .col-right .ingredienti_prodotto img{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:auto;
}

.corpo .col-right .ingredienti_prodotto p{
	width:280px;
	float:left;
	display:inline;
	*margin:0 0 10px 0;
	text-align:justify;
}

.corpo .col-right .ingredienti_prodotto .pdf{
	background:url(../images/pulsanti/icn_pdf.gif) no-repeat top left;
	padding:0px 0 0 20px;
	margin-bottom:0;
	width:260px;
}

.corpo .col-right .carosello_prodotti{
	width:190px;
	/*height:50px;*/
	padding:0 25px;
	position:relative
}

.corpo .col-right .carosello_prodotti .freccia_left,
.corpo .col-right .carosello_prodotti .previous_button{
	background: transparent url(../images/pulsanti/bt_slide_left_small.jpg) top left no-repeat;
	width:36px;
	height:36px;
	position:absolute;
	left:25px;
	top:50px;
	z-index:1000;
	cursor:pointer;
}

.corpo .col-right .carosello_prodotti .freccia_right,
.corpo .col-right .carosello_prodotti .next_button{
	background: transparent url(../images/pulsanti/bt_slide_right_small.jpg) top left no-repeat;
	width:36px;
	height:36px;
	position:absolute;
	right:25px;
	top:50px;
	z-index:1000;
	cursor:pointer;
}

.corpo .col-right .carosello_prodotti .next_button_over,
.corpo .col-right .carosello_prodotti .previous_button_over{
	background-position:bottom left;
}

/* HORIZONTAL CAROUSEL PRODOTTI */
#productCarousel{
	float:left;
	display:inline;
	position:relative;
	clear:left;
}

#productCarousel .container{
  float:left;  
  clear:left;
  width: 115px;
  height:186px;
  margin-left:38px;
  overflow: hidden !important;
  position:relative;
}
* html #productCarousel .container{
	margin-left:20px;
}

#productCarousel ul {
  margin: 0;
  padding:0;
  width: 10000px;
  height:186px;
  position: relative;
  top: 0;
  left: 0;
  float:left;
}

#productCarousel ul li {  
  list-style:none;
  float:left;
  padding:0;
  margin:0;
  width:115px;
  height:186px;
}
/* FINE HORIZONTAL CAROUSEL PRODOTTI */


/************************************
* 	CORPO PRODOTTO - DETTAGLIO
*************************************/

.corpo .col-right-detail{
	width: 698px;
	/*margin-top: -45px;*/
	position: relative;
}

#productDesc{
	width: 698px;
	height: 444px;
	position:relative;
  
}
/*
* INSERIRE GLI SFONDI DEI DIVERSI PRODOTTI
*
*/
.corpo .col-right-detail div.prodotto_bg_blu{
  background: url(../images/prodotti/bg_blu_big.jpg) no-repeat top left
}
.corpo .col-right-detail div.prodotto_bg_verde{
  background: url(../images/prodotti/bg_verde_big.jpg) no-repeat top left
}
.corpo .col-right-detail div.prodotto_bg_viola{
  background: url(../images/prodotti/bg_viola_big.jpg) no-repeat top left
}
.corpo .col-right-detail div.prodotto_bg_rosso{
  background: url(../images/prodotti/bg_rosso_big.jpg) no-repeat top left
}
.corpo .col-right-detail div.prodotto_bg_verdechiaro{
  background: url(../images/prodotti/bg_verdechiaro_big.jpg) no-repeat top left
}




.corpo .col-right-detail .descrizione{
	width: 200px;
	height:110px;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	position:absolute;
	right:15px;
	bottom:0px;
  *bottom: -18px;
}

.corpo .col-right-detail .descrizione h1{
	font-size:13px;
	margin:0;
	color: #363835;
	font-family: Arial;
	font-size: 15px;
	width:180px;
}

.corpo .col-right-detail .descrizione p{
	font-size:11px;
	margin: 11px 0 5px 0;
  *margin-bottom: 2px;
}

.corpo .col-right-detail .descrizione a{
	text-align:right;
	color:#32417b;
	font-size:11px;
	font-weight:bold;
	font-family:Helvetica;
	float:right;
}

.corpo .col-right-detail .descrizione span{
	color:#32417b;
	font-weight:bold;
	font-size:14px;
	font-family:Helvetica;
}

.corpo .col-right-detail .sfizio_veritas{
	height:219px;
	width:459px;
	background: url(../images/prodotti/bg_sfizio_time.jpg) no-repeat top left;
	float:left;
	position:relative;
	margin:2px 3px 0 0;
}

.corpo .col-right-detail .sfizio_veritas .title{
	margin: 0 0 0 0;
	background: url(../images/prodotti/clock_sfizio.png) no-repeat left top;
	height: 35px;
	width:400px;
	position:absolute;
	top:15px;
	left: 8px;
	padding:0 0 0 45px;
	font-family: Arial;
	font-size: 11px;
	color:#282a27;
}

.corpo .col-right-detail .sfizio_veritas .title span{
	background: url(../images/prodotti/title_sfizio.gif) no-repeat left top;
	display:block;
	color:#364377;
	height:18px;
	width: 180px;
	font-size:0px;
	text-indent:-9999px;
	margin-top:3px;
}

.corpo .col-right-detail .sfizio_veritas .bar_time{
  margin: 0 0 0 0;
  background: url(../images/prodotti/bg_sfizio_time_bar.jpg) no-repeat left top;
  height: 27px;
  width:442px;
  position:absolute;
  top:58px;
  left: 8px;
  padding:0 0 0 40px;
  font-family: Arial;
  font-size: 10px;
  color:#857971;
}
.corpo .col-right-detail .sfizio_veritas .bar_time ul{
	float:left;
	display:inline;
	margin: 7px 0 0 0;
	padding: 0 0 0 0;
	}
.corpo .col-right-detail .sfizio_veritas .bar_time ul li{
  list-style:none;
  float:left;
  padding:0 15px 0 0px;
}
.corpo .col-right-detail .sfizio_veritas .bar_time ul li a{
  float:left;
  display:inline;
  text-decoration:none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color:#857971;
  }
.corpo .col-right-detail .sfizio_veritas .bar_time ul li a.selected{
  color:#2f3f79;
  font-weight:bold;
}
.corpo .col-right-detail .sfizio_veritas .orari{
	height: 110px;
	width: 448px;
	position:absolute;
	top: 100px;
}

.corpo .col-right-detail .sfizio_veritas .orari .slider{
	width: 221px;
	height: 110px;
	margin:0 0px;
	float:left;
	display: inline;
	clear: none !important;
}

.corpo .col-right-detail .sfizio_veritas .orari .slider .item p, .corpo .col-right-detail .sfizio_veritas .orari .slider .item_noborder p{
	margin: 0 0 0 80px;
	padding:0 0 0 0;
	font-size:10px;
}

.corpo .col-right-detail .sfizio_veritas .orari .slider .item p span, .corpo .col-right-detail .sfizio_veritas .orari .slider .item_noborder p span{
	font-weight:bold;
	display:block;
	padding: 0 0 3px 0;
}

/* HORIZONTAL CAROUSEL TIME */
#timeCarousel, #timeCarousel2{
	float:left;
	display:inline;
	position:relative;
	clear:left;
	padding: 0 2px 0 0;
}
#timeCarousel .next_button, #timeCarousel .previous_button,
#timeCarousel2 .next_button, #timeCarousel2 .previous_button{
  display:none;
}
#timeCarousel .container , #timeCarousel2 .container{
  float:left;  
  clear:left;
  width: 221px;
  margin:0 0 0 0px;
  overflow: hidden !important;
  position:relative;
}
#timeCarousel  ul, #timeCarousel2 ul {
  margin: 0;
  padding:0;
  width: 10000px;
  height:110px;
  position: relative;
  top: 0;
  left: 0;
  float:left;
}

#timeCarousel ul li,  #timeCarousel2 ul li {  
  list-style:none;
  float:left;
  padding:0 10px 0 15px;
  margin:0;
  width:196px;
  height:110px;
}

#timeCarousel ul li img,  #timeCarousel2 ul li img{  
	float:left;
}
/* FINE HORIZONTAL CAROUSEL TIME */


/************************************
* 	FOOTER
*************************************/
.footer{
	padding-top:30px;
}

/**********************
	*
	* VERTICAL CAROUSEL
	*
************************/

.corpo #prodottiCarousel .previous_button{
  position: absolute;
  top: -3px;
  left: 100px;
  width: 36px;
  height: 36px;
  background: url(../images/pulsanti/bt_slide_up_small.png) no-repeat;
  z-index:1000;
  cursor:pointer;
}

.corpo #prodottiCarousel .next_button{
  position: absolute;
  bottom: -4px;
  left:100px;
  width: 36px;
  height: 36px;
  background: url(../images/pulsanti/bt_slide_down_small.png) top left no-repeat;
  z-index:1000;
  cursor:pointer;
}

.corpo #prodottiCarousel .previous_button_over,
.corpo #prodottiCarousel .next_button_over{
  background-position:bottom left;
}

.corpo #prodottiCarousel{
  float:left;
  display:inline;
  height:443px;
  position:relative;
}

.corpo #prodottiCarousel .container{
  float:left;  
  clear:left;
  width: 230px;
  height: 390px;
  padding-left:0;
  overflow: hidden !important;
  position:relative;
  margin-top:26px;
}

.corpo #prodottiCarousel ul {
  margin: 0;
  padding:0;
  height: 10000px;
  position: relative;
  top: 0;
  left: 0;
  float:left;
  width:100%;
}

.corpo #prodottiCarousel ul li {  
  list-style:none;
  float:left;
  padding:0 0 0 0;
  margin: 0 0 6px 0 ;
}

.corpo #prodottiCarousel ul li.selected {  
  background: url(../images/prodotti/bg_selected_prod.gif) no-repeat top left;
}

/*
	* Concorsi left bar
	*
*/
.corpo .col-left .concorsoLeft {
	display:inline;
	float:left;
	height:218px;
	position:relative;
	width: 209px;
	margin-top:3px;
	background: url(../images/prodotti/bg_concorso_left.jpg) no-repeat top left;
	padding-left:30px
}
.corpo .col-left .concorsoLeft .cultoreSfizio{
  font-size:0px;
  text-indent:-9999px;
  float: left;
  background: url(../images/titoli/vuoi_cultore.gif) no-repeat top left;
  width: 161px;
  height: 61px;
  margin: 20px 0 0 0;
}

.corpo .col-left .concorsoLeft  a.btn_crea_itinerario{
  font-size:0px;
  text-indent:-9999px;
  background: url(../images/pulsanti/crea_itinerario.gif) no-repeat top left;
  float: left;
  width: 162px;
  height: 47px;
  margin: 10px 0 0 0;
}

.corpo .col-left .concorsoLeft  a.btn_crea_itinerario:hover{
	background: url(../images/pulsanti/crea_itinerario.gif) no-repeat bottom left;
}

.corpo .col-left .concorsoLeft .vinciEos{
  font-size:0px;
  text-indent:-9999px;
  float: left;
  background: url(../images/titoli/vinci_una_eos.gif) no-repeat top left;
  width: 86px;
  height: 38px;
  margin: 20px 0 0 0;
}
.corpo .col-left .concorsoLeft img{
  float: left;
}



.corpo .col-right-detail .sfizioCloud{
  height:219px;
  width:236px;;
  background: url(../images/prodotti/bg_sfizio_cloud.jpg) no-repeat top left;
  float:left;
  position:relative;
  margin:2px 0 0 0;
  padding: 0 0 0 0;
  overflow: hidden;
}
.corpo .col-right-detail h2.sfizio_cloud {
	font-weight: 0;
	overflo: hidden;
	text-indent: -999em;
  background:transparent url(../images/home/h2_sfizio_cloud.gif) no-repeat scroll left top;
	height:21px;
	margin:16px 0 0 18px;
	width:117px;
}
.corpo .col-right-detail .sfizioCloud ul.tagCloud{
  float:left;
  clear:left;
  list-style: none;
  width: 190px;
  line-height:21px;
  padding:5px 0 0 20px;
  margin:0;
  height:165px;
  overflow-x:hidden;
  overflow-y:hidden;
}

* html .corpo .col-right-detail .sfizioCloud ul.tagCloud{ line-height:23px; }
*+html .corpo .col-right-detail .sfizioCloud ul.tagCloud{ line-height:23px; }

.corpo .col-right-detail .sfizioCloud ul.tagCloud li a { position: relative; margin-top: -10px; }

.corpo .col-right-detail .sfizioCloud ul.tagCloud li, 
	.corpo .col-right-detail .sfizioCloud li a{
  display:inline;
  float:none;
  clear:none;
  padding:0 4px 0 0;
  cursor:pointer;
  color:#575956 !important;
  line-height: 25px;
}

#loading{
  position: absolute;
  top: 0;
  left:0;
  height:506px;
	width:698px;
	background-color: #FFFFFF;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}
/* This is the container which set text to solid color.
position: relative used for IE */
#loading img {
padding: 250px 0 0 300px;
position: absolute;
width:120px;
height:6px;
}

