* { margin:0; padding:0;}
html, body { height:100%;}
html { background:url(images/tail-top.gif) left top repeat-x #e6e6e6;}
body { background:url(images/main-bg.jpg) no-repeat center top; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#606060;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:16px;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top; outline:none;}

#search-form { float:right; padding:44px 44px 0 0;}
#search-form fieldset { border:none; background:url(images/search-form.gif) no-repeat left top; float:right;}
#search-form input.text { background:none; border:none; width:178px; padding:1px 0 1px 5px; color:#d50321;}
#search-form input.submit { width:25px; height:22px; border:none; background:none; cursor:pointer;}

#newsletter-form fieldset { border:none; background:url(images/newsletter-bg.gif) no-repeat left 20px;}
#newsletter-form p { margin-bottom:5px;}
#newsletter-form input.text { background:none; border:none; width:170px; padding:3px 0 4px 5px; color:#111;}
#newsletter-form input.submit { background:none; border:none; cursor:pointer; width:30px;}

.form { height:35px;}
.form input {width:300px; height:15px; background:#fff; border-top:1px solid #303030; border-left:1px solid #303030; border-bottom:1px solid #9f9f9f;  border-right:1px solid #9f9f9f; padding-left:3px;}
.form select {width:290px; height:19px; background:#fff; border-top:1px solid #303030; border-left:1px solid #303030; border-bottom:1px solid #9f9f9f;  border-right:1px solid #9f9f9f; padding-left:3px;}
textarea { width:300px; height:107px; background:#fff; overflow:auto;  border-top:1px solid #303030; border-left:1px solid #303030; border-bottom:1px solid #9f9f9f;  border-right:1px solid #9f9f9f; padding-left:3px; }

.buy { float: right; margin: 0; border: 0 none; padding: 0 0 2px 5px; background-image: url(images/buy.jpg); color: #FFF; font-weight: bold; font-style: normal; width: 77px; height: 21px; text-align:left; cursor:pointer; }
.buy:hover { text-decoration: underline;}

.info { float: right; margin: 0; border: 0 none; padding: 0 0 2px 5px; background-image: url(images/info.jpg); color: #FFF; font-weight: bold; font-style: normal; width: 145px; height: 21px; text-align:left; cursor:pointer;  }
.info:hover {text-decoration: underline;}
/*==================list====================*/

ul { list-style:none;}

.last-news { width:100%; overflow:hidden;}
.last-news li { float:left; width:205px; margin-right:19px; margin-bottom:10px; min-height: 228px; height: auto !important; height: 228px; }
.last-news li .descrizione { height: 32px; overflow: hidden; }
.last-news li.last { margin-right:0;}
.last-news li p { margin-bottom:10px;}
.imag { overflow:hidden; margin-bottom:10px; width:204px; height:125px; border-style:solid; border-width:1px; border-color:#CCC; text-align: center; }

#carousel, #carousel-news { padding-right: 0;}
.miniature { width:100%; overflow:hidden; margin-bottom:10px; }
#carousel-news li { margin-right:22px; }
.miniature li { float:left; width:138px; margin-right:15px; margin-bottom:10px; height: 160px;}
.miniature li div  { float:left; width:135px; margin-bottom:10px; height: 80px;}
.miniature li.last { margin-right:0;}
.miniature li p { margin-bottom:10px;}

.list1 { padding-bottom:10px;}
.list1 li {background:url(images/arrow1.gif) no-repeat 17px 11px; border-bottom:1px solid #e9e9e9; padding:6px 0 6px 29px; font-size:1.1em; min-height:80px; height:auto !important; height:80px;}
.list1 li.last { border-bottom:none;}
.list1 li a { text-decoration:none;}
.list1 li a:hover { color:#000;}
.list1 li img {float:left; margin:0 15px 0 0; max-height: 77px; max-width: 131px; height: auto; width: auto;}

.list2 { margin-bottom:4px;}
.list2 dt { background:url(images/title-bg1.gif) left top repeat-x; height:28px; line-height:28px; color:#fff; font-weight:bold; text-indent:17px; margin-bottom:4px;}
.list2 dt.alt { background:url(images/title-bg2.gif) no-repeat left top;}
.list2 dd { cursor: pointer; width:100%; overflow:hidden; background:#e3e2e2; padding:5px 0 7px 0; color:#575757; font-weight:bold;}
.list2 dd.bottom { background:url(images/bg1.gif) left bottom no-repeat #e3e2e2 !important;}
.list2 dd.even { background:#f7f6f6;}
.list2 dd.even1 { background:#fff;}
.list2 dd strong { padding-left:15px;}
.list2 dd span { float:right; padding-right:12px; font-weight:normal;}
.list2 dd a { color:#575757; text-decoration:none;}
.list2 dd a:hover { color:#111; }
.list2 dd dl { padding-left: 10px; }


.list3 { padding-right:10px;}
.list3 dt { font-weight:bold;}
.list3 dd { padding-bottom:16px;}

.list4 li { color:#606060; padding-bottom:8px;}
.list4 li a { color:#606060;}

.list5 { padding-bottom:10px;}
.list5 li { background:url(images/arrow1.gif) no-repeat 17px 11px; border-bottom:1px solid #e9e9e9; padding:6px 0 6px 29px; font-size:1.1em; height:20px;}
.list5 li.last { border-bottom:none;}
.list5 li a { text-decoration:none;}
.list5 li a:hover { color:#000;}
.list5 li img {float:left; margin:0 15px 0 0;}
/*==================altro====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:8px;}
.p2 { margin-bottom:16px;}
.p3 { margin-bottom:24px;}

/*==================txt, links, lines, titles====================*/
a {color:#ee0223; outline:none;}
a:hover{text-decoration:none;}

h1 { color:#fff; font-size:2.54em; line-height:1em; margin:0;}
h2 { background:url(images/title-bg.gif) left top repeat-x; color:#fff; font-size:1.73em; line-height:1em; padding:7px 0 7px 20px;}
h3 { font-size:1.64em; line-height:1em; color:#b0041c; margin-bottom:14px;}
h4 { font-size:1em; font-weight:normal; font-size:1.54em; line-height:1.1em; margin-bottom:12px;}
h5 { font-size:1em; line-height:1.18em; color:#d00202; text-transform:uppercase; margin-bottom:12px;}
h6 {font-size:1em; color:#d00202; text-transform:uppercase; margin-bottom:8px;}
h6 span { color:#606060;}
h6 strong {color:#606060; text-transform:none;}

.link1 {cursor: pointer; display:block; float:right; background:url(images/link1-bg.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 3px 7px; font-style:normal;}
.link1:hover { text-decoration:underline;}

.linkback { cursor: pointer; display:block; float:left; background:url(images/linkback-bg.gif) left top repeat-x; color:#fff; text-decoration:none;}
.linkback em { display:block; background:url(images/linkback-left.gif) no-repeat left top;}
.linkback b { display:block; background:url(images/linkback-right.gif) no-repeat right top; padding:2px 7px 3px 15px; font-style:normal;}
.linkback:hover { text-decoration:underline;}

.linkC { display:block; float:right; background:url(images/link1-bg.gif) left top repeat-x; color:#fff; text-decoration:none;}
.linkC em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.linkC b { display:block; background:url(images/linkC-right.gif) no-repeat right top; padding:2px 22px 3px 7px; font-style:normal;}
.linkC:hover { text-decoration:underline;}

.linkE { display:block; float:left; background:url(images/prezzo-bg.gif) left top repeat-x; color:#000; text-decoration:none; font-size:12px;}
.linkE em { display:block; background:url(images/prezzo-left.gif) no-repeat left top;}
.linkE b { display:block; background:url(images/prezzo-right.gif) no-repeat right top; padding:2px 10px 3px 7px; font-style:normal;}

.link2 { color:#606060;}

/*==================boxes====================*/
.box { background:#fff; width:100%;}
.box .inner { padding:15px 15px 13px 18px;}
.box .inner1 { padding:15px 20px 13px 18px;}
.box .inner2 { padding:15px 0 13px 0; text-align:center;}
.box .inner2 img { padding:0 0 5px 0;}

.newsletter-box { background:url(images/newsletter-bg.jpg) no-repeat left top; width:242px; height:102px; color:#fff;}
.newsletter-box .inner { padding:18px 0 0 21px;}
.newsletter-box h3 { color:#fff; font-size:1.73em; margin-bottom:5px;}

.dept-list { float:left;}
.dept-list dd { clear:both; text-align:right;}
.dept-list dd span { float:left; padding-right:25px;}
.dept-list dd p { text-align:left;}


/*header*/
#header .row-1 { height:160px; background:url(images/header-bg1.jpg) no-repeat left top;}
#header .row-1 .logo { float:left; padding:6px 0 0 31px;}
#header .row-1 .carrello { float:right; padding:44px 48px 0 0;}
#header .row-2 { height:68px; border-bottom:1px solid #fff; background:url(images/header-bg2.gif) left bottom repeat-x #fff;}
#header .row-3 { height:349px; background:url(images/png-bg.png) left top;}
#header .row-3 .indent { padding:23px 0 0 26px;}

.menu-bg {background:url(images/nav-bg.gif) left top repeat-x; height:34px; overflow:hidden; text-align:left;}
.main-menu, .menu-wrapper {  height:50px;}
.main-menu { float:left; right:50%; }
.menu-wrapper { float:left; left:50%; overflow:hidden; }

#header .nav li { display:inline;}
#header .nav li a { display:block; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; text-decoration:none; font-size:1.27em; text-transform:uppercase;}
#header .nav li a em { display:block; float:left; font-style:normal;}
#header .nav li a b { display:block; float:left; padding:0 20px 0 20px; height:34px; line-height:34px; cursor:pointer;}
#header .nav li a:hover, #header .nav li a.current { background:url(images/nav-act.gif) left top repeat-x;}
#header .nav li a:hover em, #header .nav li a.current em { background:url(images/nav-left.gif) no-repeat left top;}
#header .nav li a:hover b, #header .nav li a.current b { background:url(images/nav-right.gif) no-repeat right top;}

.top-links { float:right; padding:9px 10px 0 0;}
.top-links li { display:inline; color:#6b6a68;}
.top-links li a {color:#6b6a68; text-decoration:none; padding:0 2px 0 12px; font-weight:bold;}
.top-links li a:hover { text-decoration:underline;}
.top-links img { float:right; margin:2px 0 0 0;}

/*content*/
#content { background:url(images/png-bg.png) left top; width:100%;}
#content .inside { padding:10px 26px 26px 26px;}
#content .section { padding-bottom:12px;}

#navigazione {margin-top: 25px;}
.page-nav-box { width: 300px; margin: 0 auto; }
.page-nav-box ul {  margin: 0 auto;}
.page-nav-box ul li { margin: 0 auto; background:url(images/page-nav-li.gif) left top repeat-x; margin-left: 10px; float: left; height: 21px; width: 21px; color:#fff;}
.page-nav-box ul li a, .page-nav-box ul li b { color:#fff; padding:0 9px 0 7px; text-decoration:none;}
.page-nav-box ul li a:hover { text-decoration:underline;}
/*.page-nav-box { background:url(images/page-nav-bg.gif) left top repeat-x; width:100%; margin-bottom:14px;}
.page-nav-box .left { background:url(images/page-nav-left.gif) no-repeat left top;}
.page-nav-box .right { background:url(images/page-nav-right.gif) no-repeat right top; height:21px;}
.page-nav-box ul { padding:2px 0 0 4px;}
.page-nav-box ul li { display:inline; color:#fff;}
.page-nav-box ul li a, .page-nav-box ul li b { color:#fff; padding:0 9px 0 7px; text-decoration:none;}
.page-nav-box ul li a:hover { text-decoration:underline;}
*/
.results { border-collapse:collapse; width:100%; margin-bottom:20px;}
.results td { border:none; padding-bottom:7px; padding-left:2px;}
.results thead td { text-transform:uppercase; font-weight:bold;}

/*footer*/
#footer { background:url(images/footer-bg.gif) left bottom repeat-x #fff; border-top:1px solid #e6e6e6; border-bottom:1px solid #fff; padding:10px 0 10px 0;}
#footer p { float:right; margin:0; padding-right:30px; color:#000;}
#footer p a { color:#d00202; text-decoration:none;}
#footer p a:hover { text-decoration:underline;}

#footer ul { float:left; padding-left:15px;}
#footer ul li { display:inline; color:#6b6a68;}
#footer ul li a { color:#6b6a68; text-decoration:none; padding:0 15px 0 12px;}
#footer ul li a:hover { text-decoration:underline;}

/*================== CARRELLO =====================*/
#carrello {color: #000; }
#carrello thead, #carrello .thead  { background: url("images/nav-bg.gif") repeat-x scroll left top transparent; color:#FFFFFF; font-weight:bold; height:28px; line-height:28px; margin-bottom:4px; }
#carrello td { padding:5px; }
#carrello .even { background-color: #F7F6F6; }
#carrello .descr { width: 400px; }
#carrello .descr div { float: left; }
#carrello .descr .wrapper { width: 120px; }
#carrello .imag { height: 40px; width: 60px;  margin: 0 15px 0 0; }
#carrello .qta { width: 150px; text-align: center; padding: 0 10px; font-weight: bold; font-size: 12px; }
#carrello .qta * {float: left; }
#carrello .qta form { margin: 0 5px; }
#carrello .qta input { width: 16px; height: 16px; padding: 0; margin: 0; border: 0; background: none transparent;}
#carrello .qta .plus input{ background-image: url(/images/icone/plus.png); }
#carrello .qta .minus input{ background-image: url(/images/icone/minus.png); }
#carrello .qta .drop input{ background-image: url(/images/icone/drop.png);}
#carrello .qta .drop {float: right; }
#carrello .prezzo { width: 250px; text-align: center; font-weight: bold; font-size: 1.2em; }
#carrello .prezzo .linkE { float: none; margin: 0 auto; width: 100px; } 
#carrello .totale { background: url("images/nav-bg.gif") repeat-x scroll left top transparent; color:#FFFFFF; font-weight:bold; padding: 0 10px; text-align: right; }
#carrello .altricosti { background: url("images/costi-bg.jpg") repeat-x scroll left top #999999; color:#000; font-weight:bold; padding: 0 10px; text-align: right; }
#carrello .submit { cursor: pointer; } 
/*================== DATI CLIENTE =====================*/
#cliente { font-size: 1.2em;}
#cliente fieldset { padding: 4px 8px 9px 8px; margin: 10px 0 2px; }
#cliente fieldset * { margin-bottom: 5px; }
#cliente textarea, #cliente input { width: 90%;}
#cliente label, #cliente span { display: block; }
#tipo_cliente  input, #tipo_ref input {float: left; margin-right: 5px; width: auto; }
#cliente #show_sped { float: left; margin-right: 5px;  }
#cliente #submit { width: auto; text-align: center; margin-top: 8px; }

/*================== POP-UP =====================*/
#oscura{ /*stile per il div da sovrapporre al body quando compare la media gallery*/ 
	background-color:black; /*importante*/
	filter:alpha(opacity=60); /*importante*/
	opacity:0.6; /*importante*/
    margin: 0; /*importante*/
    padding: 0; /*importante*/
	position:absolute; /*importante*/
    overflow:hidden; /*importante*/
	min-width:100%; /*importante*/
	z-index:9000; /*importante*/
}
#close_gallery { /*pulsante per chiudere la gallery*/
    background:transparent url("/javascript/pirobox/demo4/close_btn.png") no-repeat scroll 0 0;
    cursor:pointer;
    height:35px;
    right:0px;
    top:0px;
    width:35px;
    z-index:100006;
    position:absolute;
}
.popup_div {
    overflow: auto; /*importante*/
    min-height: 100px;
    width: 300px;
    position: absolute; /*importante*/
    top: 50%; /*importante*/
    left: 50%; /*importante*/
    margin: -250px 0 0 -475px;  /*importante*/
	filter:alpha(opacity=100); /*importante*/
    opacity:1; /*importante*/
	z-index:99998;	 
    background-color: #FFF; 
    padding: 10px;
    border: 10px solid #c00;
    box-shadow: 5px 5px 10px #000;
    -moz-box-shadow: 5px 5px 10px #000;
    -webkit-box-shadow: 5px 5px 10px #000;
}

/*================= MESSAGGI UTENTE ==================*/
div.alert { padding: 10px; font-size: 1.1em; font-weight: bold; }
#msg { background: #e6eeee; }
#error_msg { background: #f4d6d3; }

/*=================== BACKOFFICE =====================*/
.del{
    background-image:url("images/del.jpg");
    border:0 none;
    color:#FFFFFF;
    float:right;
    font-style:normal;
    font-weight:bold;
    height:21px;
    margin:0;
    padding:0 0 2px 5px;
    text-align:left;
    width:77px;
}