/* - - - - - - - - - - - - - - - - - - - - 
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:#ffffff; background:#000000 url(../img/cremecaffe/bg_corpo.jpg) no-repeat left top;}
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:#000000; font-size:100%;}
a {color:#ffffff; text-decoration:underline; outline:none;}
a:hover {text-decoration:underline;}
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 #333333;}
blockquote div {padding:10px; border:5px solid #000000; background:url(../img/cremecaffe/bg_trasp.png) repeat;}
*html blockquote div {background:url(../img/cremecaffe/bg_trasp.png) repeat trasparent!important; background:#000;}

/* classi generiche
- - - - - - - - - - - - - - */

.number {text-align:right;}
.ev_rosso {color:red!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:179px;}
#header_int {width:860px; margin:0px auto; background:url(../img/cremecaffe/bg_header.jpg) no-repeat right top transparent; height:174px; padding:20px 0px 0px 0px;}


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


/* menu
- - - - - - - - - - - - - - */
#menu {background:url(../img/cremecaffe/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/cremecaffe/menu_sx.gif) no-repeat 0px 0px; height:34px;}
#menu_int ul li a {color:#ffffff; text-decoration:none; float:left; background:url(../img/cremecaffe/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/cremecaffe/menu_sx_on.gif) no-repeat 0px 0px;}
#menu_int ul li.on a {background:url(../img/cremecaffe/menu_dx_on.gif) no-repeat right 0px; color:#000000;}
#menu_int ul li.on a:hover {color:#000000;}


/* logbar
- - - - - - - - - - - - - - */
#logbar {background:#2d2b2e; height:27px;}
#logbar_int {width:860px; margin:0px auto; color:#ffffff; 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;}
#corpo_int {width:860px; margin:0px auto; padding:45px 0px 0px 0px;}
.box_sx h1, .box_dx h1 {color:#ffffff; padding:0px 0px 0px 10px; margin:0px; width:420px; height:38px;}
.box_big h1 {color:#ffffff; 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 53px 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:#ffffff; 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;}
#corpo_int p {margin-left:5px;}
.box_int {padding:10px 20px 10px 6px; clear:left;}
.box_int p {margin-bottom:13px; line-height:18px;}
.box_int .hr {width:350px; height:1px; background:#222222; margin:20px auto; text-align:center; border:none!important;}
.box_sx {float:left; width:430px;}
.box_dx {float:right; width:430px;}
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 60px 20px 0px; padding:0px;}



/* footer
- - - - - - - - - - - - - - */
#footer {clear:both;}
#footer_int {width:850px; margin:0px auto; border-top:1px solid #2d2d2d; color:#ffffff; text-align:center; font-size:80%; padding:16px 0px 0px 0px; height:45px;}
#footer_int ul {text-align:center; margin:13px 0px 5px 0px; _margin:15px 0px 5px 0px; float:left;}
#footer_int ul li {display:inline; margin-right:10px;}
#footer_int ul li a {color:#ffffff;}
#footer_int img {vertical-align:middle;}
#footer_int p {text-align:right;}


/* 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:#000000; font-size:130%; width:280px; height:28px; background:url(../img/cremecaffe/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/sh../img/cremecaffe/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 15px 15px 15px;}
	
div.col_3 {background:#222;}
div.col_4 {background:#222;}


/* cap_shop
- - - - - - - - - - - - - - */
#cap_shop div.col_shop {float:left; padding:0px 15px; margin:20px 0px 10px 0px; border-right:1px solid #bbb;}
select.on {background:#fde64a;}
#cap_shop div.col_shop dl {float:left; width:175px; border-right:1px dotted #555; padding-left:15px;}
#cap_shop div.col_shop dt {font-weight:bold; margin:20px 0px 0px 0px; height:113px;}
#cap_shop div.col_shop dt a {display:block; margin:5px 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 {padding:0px 0px 20px 0px;}
#cap_shop div.col_shop dd span {color:#c49f16;}
#cap_shop div.col_shop dd select {margin:0px 4px;}
#cap_shop p {clear:left; padding:10px 15px 0px 55px;}


/* bev_shop
- - - - - - - - - - - - - - */
#bev_shop div.col_shop {float:left; width:175px; padding:0px 15px; 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:20px 0px 0px 0px; height:113px;}
#bev_shop div.col_shop dt a {display:block; margin:5px 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 10px 0px; border-bottom:1px dotted #ddd; padding:0px 0px 20px 0px;}
#bev_shop div.col_shop dd span {color:#c49f16;}
#bev_shop div.col_shop dd select {margin:0px 4px;}
#bev_shop p {clear:left; padding:10px 15px 0px 55px;}


/* mac_shop
- - - - - - - - - - - - - - */
#mac_shop div.col_shop {float:left; width:230px; height:600px; padding:0px 20px; margin:20px 0px 10px 0px; border-right:1px solid #bbb;}
#mac_shop div.col_shop dl {clear:left;}
#mac_shop div.col_shop dt {font-weight:bold; margin:20px 0px 0px 0px; height:215px;}
#mac_shop div.col_shop dt a {display:block; margin:5px 0px;}
#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:150px;}
#mac_shop div.col_shop dd span {color:#c49f16;}
#mac_shop div.col_shop dd select {margin:0px 4px; width:50px;}
#mac_shop p {clear:left; padding:10px 15px 0px 55px;}


/* 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;}


/* 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;}


/* 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;}