@import "cmxformTemplate.css";
@import "cmxform.css";
/* RESET CSS */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
/*table { border-collapse: collapse; border-spacing: 0; }*/
a img { border: none; }

/* FONTS */
body, input, textarea, .page-title span, .pingback a.url { font-family:Arial, Helvetica, sans-serif; }
input[type=submit] { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; }
pre { font-family: "Courier 10 Pitch", Courier, monospace; }
code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
body,input,textarea { color:#333333; font-size: 12px;	line-height: 18px; }

/* STYLE */
body, html { background:/*url(../res/bg.jpg) repeat-x 0 0*/ #FFFFFF; padding:0px 0 0 0; }
a:link { color: #0066cc; }
a:visited { color: #743399; }
a:active, a:hover { color: #ff4b33; }

#imHeader { background:url(../res/top.jpg) no-repeat; height:199px; position:relative; margin:0 auto; width:980px; }

#wrapper { margin: 0 auto;/* width: 950px; */ width: 72%; }
#wrapper { background: #fff; margin:10px auto; padding:6px; }
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6 {
	color: #999999;
	line-height: 1,0;
	margin: 15px 0;
	font-weight:bold;
}
#wrapper h1 { color:#0066CC; font-size:20px; text-align:center; }
.step { margin:0 0 20px 0; overflow:auto; }
.step p { padding:0 15px 5px;}
.step p.red, .red { color:#CC0000; }
.msg_upload { font-size:14px; font-weight:bold; }
#wrapper h2 { /*background:#FFFFA6;*/ /*background:url(../images/bar.gif) repeat-x #ececec;*/  background:#FFFFA6; padding:5px 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor:pointer; color:#0066CC; }
#wrapper h2 img { margin:0 5px 0 0; clear:left; float:left; }
#wrapper h2.open { background:url(../images/bar.gif) repeat-x #ececec;s }
#wrapper h2:hover { background:#c6c6c6; }
#wrapper h2.fatto { /*background:url(../images/bar.gif) repeat-x #ececec;*/ background:#339933; color:#FFFFFF; }
#wrapper h2.fatto:hover { /*background:#006600;*/ background:#006600; }

.h1_wait img { margin:0 0 6px 0; }
.h1_wait { line-height:1.1em; }

.menu { background:#BBB; padding:4px 10px; color:#000000; font-weight:bold; font-size:14px; }
.menu a { color:#000000; margin-right:10px; border-right:1px solid #000; padding-right:10px; text-decoration:none; }
.menu a:hover { color:#CC0000; }
.menu a.last { border-right:none; }

.msg { color:#CC0000; text-align:center; margin-bottom:15px; }

/* GALLERY */
ul.livelli { list-style: none; margin:10px 0px; }
/*ul.livelli li { display:inline-block; margin-right:15px;  border:1px solid #ccc; }*/
ul.livelli li { display:inline-block; margin-right:10px; }
ul.livelli li label { display:block; color:#000000; font-weight:bold; text-decoration:none; cursor:pointer; padding:2px; background:#fff; }
/*ul.livelli li label { display:block; color:#FFF; font-weight:bold; text-decoration:none; cursor:pointer; padding:2px; }*/
/*ul.livelli li label:hover { background:#ddd; }*/
ul.livelli li span { margin:0 0 0 2px; font-style:italic; font-weight:normal; color:#666666; }
/*ul.livelli li span { margin:0 0 0 2px; font-style:italic; font-weight:normal; color:#999; }*/
.gall_tessuti { /*background:#26262B;*/ padding:10px; clear:both; overflow:hidden; height:260px; }
.gall_tessuti p { font-size:10px; }
ul.thumb { float: left; list-style: none; margin: 0; /*width: 620px;*/ width: 80%; height:225px; overflow:auto; }
ul.thumb li { margin:0 15px 15px 0; padding:0px; float: left; position: relative;  /* Set the absolute positioning base coordinate width: 105px; height: 125px;*/width: 18%; height: 65%; text-align:center; }
ul.thumb li img { width: 95%; height: 85%; /*width: 100px; height: 100px; /* Set the small thumbnail size */ -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ border: 2px solid #ddd; padding: 5px; background: #f0f0f0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

button { border: 0 none; cursor: pointer; font-weight: bold; padding: 0 15px 0 0; text-align: center; height: 30px; line-height: 30px; width: auto; }
button.rounded p{padding:0px; }
button.rounded { background: transparent url(../images/btn_right.png ) no-repeat scroll right top; clear: left; font-size:10px; }
button span { display: block; padding: 0 0 0 15px; position: relative; white-space: nowrap; height: 30px; line-height: 30px; }
button.rounded span { background: transparent url(../images/btn_left.png ) no-repeat scroll left top; color: #000; }
button.rounded:hover { background-position: 100% -30px; }
button.rounded:hover span { background-position: 0% -30px; color:#FFFFFF; }
button::-moz-focus-inner {border: none;}
.next_step { float:right; clear:both; margin:10px 0 0 0; }
.agg_step { float:right; clear:both; margin:10px 10px 0 0; }
.stat_bar { clear:both; overflow:hidden; }
.alg_left { float:right; font-weight:bold; font-size:14px; color:#333; line-height:30px; margin:10px 10px 0 0; }
.alg_right { float:right; }

.loading { background:url(../images/preload.gif) no-repeat center center; }
.sele { border-color:#333333 !important; }

#main_photo { display:block; }
.big_photo { float:left; /*width:200px;*/ width:19%; margin:0 0 0 1%;/*40px;*/ }
.big_photo img { display:block; /*width:170px; height:170px;*/ width:100%; height:100%; padding:5px; border:4px solid #F0F0F0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; max-height:170px; max-width:170px}
.big_photo button { margin:10px 0px; }

.widetab { width:100%; background:#F0F0F0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align:left; }
.widetab th, .widetab td { padding:2px 15px 0; text-align:center; }
.widetab td { vertical-align:middle; padding-bottom:4px; text-align:center; }
.riepilogo td, .riepilogo th { text-align:left !important; }
.dati td, .dati th { text-align:left !important; }
.dd_col { width:120px; }
.widetab tbody tr.alt_row { background:#d9d9d9; }
.widetab img.min { width: 100px; height: 100px; /* Set the small thumbnail size */ -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ border: 2px solid #ddd; padding: 5px; background: #f0f0f0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

#dat_note { min-width: 100%; max-width: 100%; width: 100%; height:60px; min-height:60px; }
#supplemento_reasporto{width: 100%;}

.dati div{
	margin-bottom:10px;
}

#status{ font-size:18px; font-weight:bold; color:#D00; border:2px dashed #D00; padding:20px; background: url(../images/alert.png) top right no-repeat #f6d2cc;}
#status_ok{ font-size:18px; font-weight:bold; color:#999999; border:2px dashed #070; padding:20px; background: url(../images/ok.png) top right no-repeat #cfe9cc;}


.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{border:3px solid #CD0A0A !important;}


/*tabelle*/
.ad_testata {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #999999; border: #FFFFFF}
.ad_sotto {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666666; background-color: #EBEBEB; border: none}
.ad_campo {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333333; background-color: #FFFFFF}
.ad_tab_tratt {  border: 1px #999999 solid; background-color: #CCCCCC}
.ad_campo_foto {  border: #33CC00; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #009900}
.ad_tab_sched {  background-color: #006699; border: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.torna_indietro {  background-color: #00CC00; border: 1px #009900 solid}
.tito_fasce {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #CC0000; text-decoration: none}
.ad_dati { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #006699; border: #FFFFFF }
.ad_dati_sotto { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #006699; background-color: #EAF4FF; border: none }
.ad_dati_tab { border: 1px #006699 solid; background-color: #B7DBFF}

.status { display:block; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-bottom:15px; width:716px; }
.status.ok { background:#dbf9bd; border:2px dotted #68b022; color:#006600 }
.status.ko { background-color:#fef6f3; border:2px dotted #cd0a0a; color:#900000; }


@media (max-width: 1000px) {
    #wrapper {
		width: 90% !important;
	}
}

@media (max-width: 632px) {
    .widetab td {
		height: 175px !important;
	}
	
	.widetab td .div {
		height: 100% !important;
	}
	
	.widetab td .div div {
		width: 100% !important;
		text-align: center !important;
		padding-left: 0px !important;
	}
	
	.widetab td .div div img {
		max-width: 26% !important;
	}
	
	.prezzo-center {
		float: none !important;
		padding: 2px 0px 0px !important;
	}
}

#supplemento_trasporto {
	text-align: center!important;
	text-align-last: center!important;
}