/* - - - - - - - - - - - - - - - - - - - - 
C A F F I T A L Y
CAFFILTALY SISTEM
http://www.caffitaly.it
website by websolute
- - - - - - - - - - - - - - - - - - - - */

/* body & altro
- - - - - - - - - - - - - - */
body {font:76% Verdana, Arial, Helvetica, sans-serif; color:#3a332e; background:#ffffff;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {margin:0; padding:0; border:0; vertical-align:baseline;}
a img, :link img, :visited img {border:0;}
table {border-collapse:collapse; border-spacing:0;}
ol, ul {list-style:none;}
li, li a {height:auto; _height:1%;}
select, input, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; color:#52380b; font-size:100%;}
a {color:#632702; text-decoration:underline; outline:none;}
a:hover {text-decoration:none;}
h1 {font-size:140%; font-weight:normal; margin-bottom:10px;}
h2{font-size:120%; margin-bottom:10px;}
h3, h4, h5, h6 {font-size:110%; margin-bottom:10px;}
p {font-size:100%; margin-bottom:8px;}
blockquote {margin:10px 20px; border:1px solid #ccc;}
blockquote div {padding:10px; border:5px solid #fdfdfd; background:url(../img/caffitaly/bg_trasp.png) repeat;}
*html blockquote div {background:url(../img/caffitaly/bg_trasp.png) repeat trasparent!important; background:#fcfcfc;}

/* aggiunto  26 maggio 2010 */
.posizione {
	float: left;
	height: 40px;
	width: 370px;
}
.sc {
	float: right;
	height: 150px;
	width: 182px;
}
/* classi generiche
- - - - - - - - - - - - - - */

.number {text-align:right;}
.ev_rosso {color:red!important;}
.ev_blu {color:blue!important;}
.errore { border:1px dotted red !important; background:yellow !important; padding:10px; text-align:center; font-weight:bold;}

/* clearfix
- - - - - - - - - - - - - - */
.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Nascosto per IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fine nascosto per IE-mac */
.clear {clear:both;}


/* header
- - - - - - - - - - - - - - */
#header {height:108px; background:url(../img/caffitaly/bg_top.gif) repeat-x 0px 0px #ffffff;}
#header_int {width:860px; margin:0px auto; background:url(../img/caffitaly/bg_header.jpg) no-repeat right top transparent; height:98px; padding:10px 0px 0px 0px;}

/* ricerca
- - - - - - - - - - - - - - */
#formricerca td, #risultatiricerca td { padding:5px;}
#risultatiricerca thead td { font-weight:bold;}
#risultatiricerca tr.d td { border-bottom:1px solid #CCC;}
#risultatiricerca tr.p td { border-bottom:1px solid #DDD;}

/* dati
- - - - - - - - - - - - - - */
#dati {float:right;}


/* menu
- - - - - - - - - - - - - - */
#menu {background:url(../img/caffitaly/bg_menu.gif) repeat-x 0px 0px #7d3202; height:47px;}
#menu_int {width:860px; margin:0px auto;}
#menu_int ul li {float:left; margin:8px 16px 0px 0px; background:url(../img/caffitaly/menu_sx.gif) no-repeat 0px 0px; height:34px;}
#menu_int ul li a {color:#ffffff; text-decoration:none; float:left; background:url(../img/caffitaly/menu_dx.gif) no-repeat right 0px; float:left; padding:9px 13px 11px 13px; font-weight:normal;}
#menu_int ul li a:hover {color:#ffc060;}
#menu_int ul li.on {background:url(../img/caffitaly/menu_sx_on.gif) no-repeat 0px 0px;}
#menu_int ul li.on a {background:url(../img/caffitaly/menu_dx_on.gif) no-repeat right 0px; color:#000000;}
#menu_int ul li.on a:hover {color:#000000;}


/* logbar
- - - - - - - - - - - - - - */
#logbar {background:url(../img/caffitaly/bg_login.gif) repeat-x 0px 0px #7d3202; height:27px;}
#logbar_int {width:860px; margin:0px auto; color:#732f02; font-size:90%; padding:5px;}
#logbar_int h3 {float:left; font-size:130%; font-weight:normal; margin:0px;}
#logbar_int h3 strong { text-transform:capitalize;}
#logbar_int ul {float:right; text-align:right; padding-top:1px;}
#logbar_int ul li {display:inline; padding:0px 5px;}

/* corpo
- - - - - - - - - - - - - - */
#corpo {clear:both; background:#ffffff url(../img/caffitaly/bg_corpo.jpg) no-repeat -10% 0px;}
#corpo_int {
	width:860px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.box_sx h1, .box_dx h1 {color:#622602; background:url(../img/caffitaly/top_box.png) no-repeat 0px 0px; padding:0px 0px 0px 10px; margin:0px; width:420px; height:38px;}
.box_big h1 {color:#622602; background:url(../img/caffitaly/top_big_box.png) no-repeat 0px 0px; padding:0px 0px 0px 10px; margin:0px; width:860px; height:38px;}
.box_big h1 em {font-style:normal; float:left;}
.box_big h1 span.sublink {float:right; padding:0px 17px 0px 0px; margin:-22px 0px 0px 0px;}
.box_big div.clearfix {clear:both;}
.box_big span.sublink {text-align:right; display:block; padding:3px 17px 0px 0px; font-size:90%;}
#corpo_int h2, #corpo_int h3, #corpo_int h4, #corpo_int h5, #corpo_int h6 {color:#622602; margin-left:5px;}
#corpo_int ul {margin:10px 0px 10px 20px; list-style:circle;}
#corpo_int ol {margin:10px 0px 10px 25px; list-style:decimal;}
#corpo_int ol ol {margin:10px 0px 10px 25px; list-style:lower-latin!important;}
#corpo_int ol h2 {margin:0px;}
#corpo_int li {padding:2px 0px 2px 0px; height:auto;}
*html #corpo_int h1 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://caffita.websolute.it/sh../img/caffitaly/top_box.png', sizingMethod='scale');}
#corpo_int p {margin-left:5px;}
#capsule div.box_int, #macchine div.box_int {
	clear:left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 6px;
	height: 240px;
	width: 380px;
}
/*.box_int p {margin-bottom:13px;line-height:18px;}*/
.box_int .hr {width:350px;height:13px;background:url(../img/caffitaly/bg_hr.png) no-repeat 0px 0px;text-align:center;border:none!important;float: left;margin-top: 20px;margin-bottom: 30px;}
*html .box_int .hr {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://caffita.websolute.it/sh../img/caffitaly/bg_hr.png', sizingMethod='scale');}
.box_sx {
	float:left;
	width:420px;
	margin: 0px;
	padding: 0px;
	height: 600px;
}
.box_dx {
	float:right;
	width:420px;
	margin: 0px;
	padding: 0px;
	height: 600px;
}
img.left {float:left; margin:0px 10px 10px 0px;}
img.right {float:right; margin:0px 0px 10px 10px;}


#corpo_int ul.ul_prod {padding-left:4px; list-style:none; margin:0px;}
#corpo_int ul.ul_prod li {float:left; margin:0px 30px 20px 0px; padding:0px;}

/* nautilus
- - - - - - - - - - - - - - - - - - - - */
#s01hs_ombre{position: relative; z-index: 20; top: 306px; left: -23px; }
#s01hs_ombre img{behavior: url("Css/pngbehavior.htc");}
#cover_macchina {clear: both; background:  url(../img/s01hs_cover.jpg) no-repeat top left; height: 513px; margin: 0px 0px 0px 0px; }
#cover_macchina_sx {float: left; width: 600px;}
#cover_macchina_sx .s01hs_vantaggi{clear: both; padding: 60px 0px 0px 28px; }
#cover_macchina_sx .s01hs_vantaggi a{float: left; text-indent:-9999px; font-size:0.0001em; width: 93px; height: 93px; padding: 0px; margin: 0px 10px 10px 0px;}
#cover_macchina_sx #s01hs_pulsanti{clear: both;  padding: 48px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#cover_macchina_sx #s01hs_pulsanti a{display:block; text-indent:-9999px; font-size:0.0001em; width: 245px; height: 20px; padding: 0px; margin: 0px 0px px 0px; }
#cover_macchina_dx {float: right; width: 220px;}
#s01hs_menu {clear: both; padding: 30px 0px 0px 23px; margin: 0px 0px 0px 0px; }
#s01hs_menu a{display:block; text-indent:-9999px; font-size:0.0001em; padding: 0px 0px 0px 0px; margin: 0px 0px 3px 0px;  width: 220px; height: 20px; }

#nautilus_offerta {clear: both; background: url(../img/sf_so1hs_offerta_.jpg) no-repeat top left; height: 700px; width: 786px; margin: 0px 0px 0px 0px; padding: 20px 50px 0px 30px;}
#nautilus_offerta strong{color: #a20302;}
#nautilus_offerta a{color: #a20302;}

#s01hs_ombre_offerta{position: relative; z-index: 30; top: 622px; left: -28px;}
#s01hs_ombre_offerta img{behavior: url("Css/pngbehavior.htc");}

.div_popup { margin: 5px auto 0px auto; position: relative; padding: 30px 20px 0px 20px; background:url(../img/logo_shop_s.gif) no-repeat top right;}
.div_popup ul {list-style: none; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px;  }
.div_popup ul li{list-style: none; padding: 2px 0px 2px 0px; margin: 0px;}
.div_popup ul li a{list-style: none; padding: 0px 0px 0px 10px; margin: 0px; text-decoration: none;}
.div_popup img{behavior: url("Css/pngbehavior_popup.htc");}
.div_popup p img{behavior: url("Css/pngbehavior_popup.htc");}

.div_popup .ul_struttura {list-style: none; padding-left: 0px; margin: 0px 0px 0px 0px; }
.div_popup .ul_struttura li{padding: 1px 0px 10px 10px; margin: 0px 0px 0px 0px;  background: url(../img/pallino_ul.gif) no-repeat left 6px;}

/* so2hs
- - - - - - - - - - - - - - - - - - - - */
#so2hs_offerta {clear: both; background: url(../img/so2hs/so2hs_sf_offerta.jpg) no-repeat top left; height: 570px; width: 786px; margin: 0px 0px 0px 0px; padding: 20px 50px 0px 30px;}
#so2hs_offerta strong{color: #a20302;}
#so2hs_offerta a{color: #a20302;}
#so2hs_offerta p{margin-bottom: 9px;}

#s02hs_menu {clear: both; padding: 30px 0px 0px 23px; margin: 0px 0px 0px 0px; }
#s02hs_menu a{display:block; text-indent:-9999px; font-size:0.0001em; padding: 0px 0px 0px 0px; margin: 0px 0px 3px 0px;  width: 220px; height: 20px; }


/* footer
- - - - - - - - - - - - - - */
#footer {clear:both;}
#footer_int {width:850px; margin:0px auto; border-top:1px solid #b6b6b6; color:#534e4a; text-align:center; font-size:80%; padding:16px 0px 0px 0px;}
#footer_int ul {text-align:center; margin-bottom:5px;}
#footer_int ul li {display:inline; margin-right:10px;}
#footer_int ul li a {color:#534e4a;}
#footer_int img {vertical-align:middle;}
#footer p a {color:#534e4a; text-decoration:none;}


/* login
- - - - - - - - - - - - - - */
fieldset.login {margin:0px 0px 10px 0px;}
fieldset.login legend {display:none;}
fieldset.login label {display:none;}
fieldset.login ol {list-style:none!important; margin:0px!important;}
fieldset.login ol li {padding:0px!important; margin:0px!important;}
fieldset.login input.input {border:none; color:#52380b; font-size:130%; width:280px; height:28px; background:url(../img/caffitaly/bg_input.png) no-repeat; padding:10px 0px 0px 10px; margin-bottom:3px;}
*html fieldset.login input.input {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://caffita.websolute.it/shop/img/caffitaly/bg_input.png', sizingMethod='scale');}
fieldset.login p {margin:10px 0px 10px 0px;}
fieldset.login p label {display:inline!important;}
fieldset.login input.checkbox {margin:3px 10px 0px 4px;}


/* capsule
- - - - - - - - - - - - - - */
#capsule img.left {float:left; margin:0px 15px 0px 0px;}


/* capsule omaggio
- - - - - - - - - - - - - - */
select.cap_omaggio { width:100%; text-align:right;}


/* macchine
- - - - - - - - - - - - - - */
#macchine img.left {float:left; margin:0px 70px 0px 0px;}
#macchine input {margin-top:36px;}

/* form registrazione 
- - - - - - - - - - - - - - */
#corpo_int #form_reg ol {list-style:none!important; margin:10px 10px; padding:0px;}
#corpo_int #form_reg ol li {float:left; width:380px; padding:4px 10px; border-bottom:1px solid #eee; height:30px;}
#corpo_int #form_reg ol li label {float:left; width:180px; padding:4px 0px 0px 0px;}
#corpo_int #form_reg input {width:180px; padding:3px;}
#corpo_int #form_reg select {padding:2px 0px; width:190px;}
#corpo_int #form_reg input.button {width:auto!important; padding:0px; margin:10px 0px 0px -5px;}
#corpo_int #form_reg input.checkbox {margin:3px 5px 0px 4px; width:15px;}
#corpo_int #form_reg input.sesso {margin:3px 5px 0px 4px; width:15px;}
#corpo_int #form_reg input.radiobutton {margin:3px 5px 0px 4px; width:15px;}
#corpo_int #form_reg label#ut_luogo_di_nascita {clear:left;}
#corpo_int #form_reg input.luogo_nascita {margin:3px 5px 0px 4px; width:15px;}
#corpo_int #form_reg select#ut_data_di_nascita_g {width:47px;}
#corpo_int #form_reg select#ut_data_di_nascita_m {width:50px;}
#corpo_int #form_reg select#ut_data_di_nascita_a {width:60px;}
#corpo_int #form_reg select#ut_mc_acq_mese {width:90px;}
#corpo_int #form_reg select#ut_mc_acq_anno {width:90px;}
/*	#corpo_int #form_reg span#ln_campo {padding:0px 0px 0px 180px;}
	#corpo_int #form_reg span#ln_campo select {margin-top:10px;}
	#corpo_int #form_reg span#ln_msg2 {width:180px; float:left; margin-top:14px;}
	#corpo_int #form_reg select#ut_luogo_di_nascita {margin-top:14px;}
*/
#corpo_int #form_reg div {clear:both; padding:10px 0px;}
#corpo_int div.pre_desc {padding:0 10px 15px 10px;}


/* cap_shop
- - - - - - - - - - - - - - */
#cap_shop div.col_shop {float:left; width:256px; padding:0px 10px; margin:20px 0px 0px 0px; border-right:1px solid #bbb;}
select.on {background:#fde64a;}
#cap_shop div.col_shop dl {clear:left;}
#cap_shop div.col_shop dt {font-weight:bold; margin:0px 0px 0px 0px; height:113px; float:left; width:120px;}
#cap_shop div.col_shop dt a {display:block; margin:0px 0px 0px 0px;}
#cap_shop div.col_shop dt a img {border:1px solid #ddd; padding:3px; background:#f5f5f5;}
#cap_shop div.col_shop dt a:hover img {background:#f6e5d9; border:1px solid #d7c8bd;}
#cap_shop div.col_shop dd { margin:0px 0px 0px 0px; height:113px;} /* border-bottom:1px dotted #ddd; */
#cap_shop div.col_shop dd span {color:#622602;}
#cap_shop div.col_shop dd select {margin:0px 0px 0px 0px;}
#cap_shop p {clear:left; padding:10px 15px 0px 55px;}


/* bev_shop
- - - - - - - - - - - - - - */
#bev_shop div.col_shop {float:left; width:245px; padding:0px 10px; margin:20px 0px 0px 0px; border-right:1px solid #bbb;}
#bev_shop div.col_shop dl {clear:left;}
#bev_shop div.col_shop dt {font-weight:bold; margin:0px 0px 0px 0px; height:113px; float:left; width:120px;}
#bev_shop div.col_shop dt a {display:block; margin:0px 0px 0px 0px;}
#bev_shop div.col_shop dt a img {border:1px solid #ddd; padding:3px; background:#f5f5f5;}
#bev_shop div.col_shop dt a:hover img {background:#f6e5d9; border:1px solid #d7c8bd;}
#bev_shop div.col_shop dd { margin:0px 0px 0px 0px; height:113px;} /* border-bottom:1px dotted #ddd; */
#bev_shop div.col_shop dd span {color:#622602;}
#bev_shop div.col_shop dd select {margin:0px 0px 0px 0px;}
#bev_shop p {clear:left; padding:10px 15px 0px 55px;}


/* mac_shop
- - - - - - - - - - - - - - */
#mac_shop div.col_shop {float:left; width:250px; height:500px; padding:0px 10px; margin:20px 0px 0px 0px; border-right:1px solid #bbb;}
#mac_shop div.col_shop dl {clear:left;}
#mac_shop div.col_shop dt {font-weight:bold; margin:0px 0px 0px 0px; height:200px;}
.nondisponibile{text-decoration:line-through;}
#mac_shop div.col_shop dt a {display:block; margin:5px 0px; overflow:hidden; height:165px;}
#mac_shop div.col_shop dt a img {border:1px solid #ddd; padding:3px; background:#f5f5f5; overflow:hidden;}
#mac_shop div.col_shop dt a:hover img {background:#f6e5d9; border:1px solid #d7c8bd;}
#mac_shop div.col_shop dd {margin:0px 0px 10px 0px; border-bottom:1px dotted #ddd; padding:0px 0px 20px 0px;}
#mac_shop div.col_shop dd.desc {font-size:90%; height:200px;}
#mac_shop div.col_shop dd span {color:#622602;}
#mac_shop div.col_shop dd span.offer {color:red;}
.offerta{color: red !important; font-weight: bold; font-size:12px;}
#mac_shop div.col_shop dd select {margin:0px 4px; width:50px;}
#mac_shop p {clear:left; padding:10px 15px 0px 0px;} /* 55px */
#mac_shop div.mac_7, #mac_shop div.mac_8 { height:330px;}
#mac_shop div.mac_7 dd.desc, #mac_shop div.mac_8 dd.desc { height:20px;}

/* acc_shop
- - - - - - - - - - - - - - */
#acc_shop div.col_shop {float:left; width:230px; height:380px; padding:0px 10px; margin:20px 0px 0px 0px; border-right:1px solid #bbb;}
#acc_shop div.col_shop dl {clear:left;}
#acc_shop div.col_shop dt {font-weight:bold; margin:0px 0px 0px 0px; height:240px;}
.nondisponibile{text-decoration:line-through;}
#acc_shop div.col_shop dt a {display:block; margin:5px 0px; overflow:hidden; height:210px;}
#acc_shop div.col_shop dt a img {border:1px solid #ddd; padding:3px; background:#f5f5f5; overflow:hidden;}
#acc_shop div.col_shop dt a:hover img {background:#f6e5d9; border:1px solid #d7c8bd;}
#acc_shop div.col_shop dd {margin:0px 0px 10px 0px; border-bottom:1px dotted #ddd; padding:0px 0px 5px 0px;}
#acc_shop div.col_shop dd.desc {font-size:90%; height:60px;}
#acc_shop div.col_shop dd span {color:#622602;}
#acc_shop div.col_shop dd span.offer {color:red;}
#acc_shop div.col_shop dd select {margin:0px 4px; width:50px;}
#acc_shop p {clear:left; padding:10px 15px 0px 0px;} /* 55px */
/*#acc_shop div.mac_1, #acc_shop div.mac_2, #acc_shop div.mac_3, #acc_shop div.mac_4, #acc_shop div.mac_5, #acc_shop div.mac_6 { border-bottom:2px solid #CCC;}*/
#acc_shop div.mac_7, #acc_shop div.mac_8 { height:330px;}
#acc_shop div.mac_7 dd.desc, #acc_shop div.mac_8 dd.desc { height:20px;}


/* ordine_shop
- - - - - - - - - - - - - - */
#ordine_shop {padding:0px 15px;}
#ordine_shop input, #ordine_shop textarea {padding:5px;}
#ordine_shop table {width:95%; margin:0px 0px 20px 0px;}
#ordine_shop table td, #ordine_shop table th {padding:5px; border-right:1px dotted #ddd; border-bottom:1px dotted #ddd;}
#ordine_shop table td.number, #ordine_shop table th.number, #ordine_shop table tr.number {text-align:right;}
#ordine_shop table td input {background:none; border:none; font-weight:bold;}
input#Ordina {margin:15px;}
input#ConfermaOrdine {margin:0px 15px;}

/* CONFERMA ORDINE
- - - - - - - - - - - - - - */
table.riepilogo { width:100%;}
/*table.riepilogo th.prod { width:30%;}*/
table.riepilogo th.desc { width:35%;}
table.riepilogo th.impuni { width:16%;}
table.riepilogo th.qta { width:8%;}
table.riepilogo th.imptot { width:16%;}


/* ohy_shop
- - - - - - - - - - - - - - */
#ohy_shop {padding:0px 15px;}
#ohy_shop input, #ohy_shop textarea {padding:5px;}
#ohy_shop table {width:95%; margin:0px 0px 20px 0px;}
#ohy_shop table td, #ohy_shop table th {padding:5px; border-right:1px dotted #ddd; border-bottom:1px dotted #ddd; text-align:left;}
#ohy_shop table td.number, #ohy_shop table th.number, #ordine_shop table tr.number {text-align:right;}
tr.total { font-size:13px; font-weight:bold;}

/* promozioni
- - - - - - - - - - - - - - */
label.level01 { font-size:12px; font-weight:bold; color:#7D3202;}
label.level02 strong { font-size:12px;}

/* questionario
- - - - - - - - - - - - - - */
#formQuest {padding:0px 15px;}
#formQuest input, #ordine_shop textarea {padding:5px;}
#formQuest table {width:95%; margin:0px 0px 20px 0px;}
#formQuest table td, #ordine_shop table th {padding:5px; border-right:1px dotted #ddd; border-bottom:1px dotted #ddd;}
#formQuest table td.number, #ordine_shop table th.number, #ordine_shop table tr.number {text-align:right;}
#formQuest table td input {padding:3px;}
input#btn_form_quest {margin:0px 15px;}