/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles:opinionated defaults
   ========================================================================== */
html, button, input, select, textarea {color:#666666;}
body{font-family:arial, helvetica, sans-serif; color:#666666; text-decoration:none; font-size:13px; line-height:20px;}
a{font-family:arial, helvetica, sans-serif; color:#666666; text-decoration:none;}
::-moz-selection {
    background-color:#D3B583; color:#000000;
    text-shadow:none;
}
::selection {
    background-color:#D3B583; color:#000000;
    text-shadow:none;
}
hr {display:block;height:1px;border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize:vertical;}
.floatLeft{float:left;}
.floatRight{float:right;}
.textAlignCenter{text-align:center;}
.errorForm{color:#d80100;font-weight:bolder;}
.max{float:left;width:100%;}
.left {float: left;position: relative;}
.partitor {width: 100%;}
.content {display: table;position: relative;width: 100%;}
.forCenter {margin: 0 auto;padding: 0;max-width:768px;}
.bckSectionWhite{background-color:#ffffff;}
.shadowRow{float:left;text-algin:center;margin-top:0px;width:100%;}
.shadowRowTopNeg{margin-top:-3px;}
.barrato{text-decoration:line-through;}
.price{color:#075c9c;}
.discount{font-size:11px;}
.catFamName{font-size:11px;text-transform:uppercase;font-weight:bolder;}
.infoOrdineMin100{font-size:11px;padding:0px 0px 10px 0px;border-bottom:1px solid #E1E2E6;margin:0px 0px 10px 0px;}
.euro{font-size:11px;}
.separetorBasket{height:7px;background-color:#ffffff;}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html, body {margin:0; padding:0; width:100%; background-color:#f4f4f4;}

.btnRed {margin-top:15px;background-image:url(../img/btn.jpg);background-position:left top;background-repeat:repeat-x;padding:5px 20px 5px 20px;text-transform:uppercase;color:#ffffff;font-weight:bolder;border-radius: 5px 5px 5px 5px;}
.btnRed:hover{background-position:left bottom;}
.btnGray {margin-top:15px;background-image:url(../img/btnGray.jpg);background-position:left top;background-repeat:repeat-x;padding:5px 20px 5px 20px;text-transform:uppercase;color:#ffffff;font-weight:bolder;border-radius: 5px 5px 5px 5px;}
.btnGray:hover{background-position:left bottom;}
.imgLogin {position:absolute;left:370px;top:120px;}
.imgWelcome {position:absolute;left:370px;top:310px;}

#header-background {width:100%;  margin:0; min-height:130px; padding:0; background-color:#f4f4f4;}
#header-background.line {background: url(../img/linea_tab.jpg) no-repeat center bottom;}
#main-header {margin: 0 auto; max-width: 730px; min-width: 320px; width:100%;}
#section-background {width:100%; min-height:300px;}
#section-background.white {background-color:#fff;}
#main-section {margin: 0 auto; max-width: 730px; min-width: 320px; width:100%; position:relative;}
#footer-background {width: 100%; margin: 0;  padding: 0;}
#footer-background.shadow {background: url(../img/ombra.png) no-repeat center top;}
#main-footer {margin: 0 auto; max-width: 730px; min-width: 320px; width: 100%; padding:20px 0px 20px 0px; text-align:center; font-size:12px;}


#main-header .headertTop {float:left; width:100%; background-color:#597fc3;}
#main-header .headertBottom {background-image:url(../img/header_right_bottom.jpg);background-position:right top;background-repeat:no-repeat;float:left;width:100%;}
#main-header .headertBottom #metaNav{float:left;}
#main-header .headertBottom #metaBoxUser{float:right;margin:20px 20px 20px 0px;width:190px;}
#main-header .headertBottom #metaBoxUser .user{text-align:right;}
#main-header .headertBottom #metaBoxUser .user a{font-size:14px;color:#075c9c;font-weight:bolder;line-height:14px;}
#main-header .headertBottom #metaBoxUser .user a:hover{text-decoration:underline;}		
#main-header .headertBottom #metaBoxUser .user img{margin-right:2px;display:inline-block;vertical-align:middle;margin-bottom:2px;}
#main-header .headertBottom #metaBoxUser .logOut {float:right;}
#main-header .headertBottom #metaBoxUser .logOut img{margin-right:2px;display:inline-block;vertical-align:middle;}
#main-header .headertBottom #metaBoxUser .logOut a {font-size:11px;}
#main-header .headertBottom #metaBoxUser .logOut a:hover {text-decoration:underline;}
#main-header .headertBottom #metaBoxUser .modPsw {float:right;margin-right:10px;}
#main-header .headertBottom #metaBoxUser .modPsw img{margin-right:2px;display:inline-block;vertical-align:middle;}
#main-header .headertBottom #metaBoxUser .modPsw a {font-size:11px;}
#main-header .headertBottom #metaBoxUser .modPsw a:hover {text-decoration:underline;}


#main-header .tabMenu {width:100%;float:left;border-bottom:1px solid #d8dce7;margin-top:0px;height:55px;}
#main-header .tabMenu.small {width:100%;float:left;border-bottom:1px solid #d8dce7;margin-top:0px;height:0px;}
#main-header .tabMenu a.tab {min-width:153px;height:45px;font-size:14px;font-weight:bold;text-transform:uppercase;color:#075c9c;float:left;width:auto;padding:5px 10px 5px 10px; margin-left:10px;text-align:center;border-radius:8px 8px 0px 0px;background-color:#eff2f9; border:1px solid #d8dce7; margin-top:-1px;}
#main-header .tabMenu a.tab:first-child {margin-left:0px;}
#main-header .tabMenu a.tab.small {min-width:106px; font-size:12px;padding:5px 0px 5px 0px;line-height:16px;}
#main-header .tabMenu a.tab:hover {background-color:#ffffff;}
#main-header .tabMenu a.tab.selected {background-color:#ffffff;border-bottom:1px solid #fff;}

a.metaLink {border:1px solid #d8dce7;padding:2px 15px 2px 15px;border-radius:8px 8px 8px 8px;font-size:11px;color:#075c9c;margin:15px 15px 0px 0px;float:left;background-image:url(../img/red-arrow.png);background-position:7px 8px;background-repeat:no-repeat;}
a.metaLink:hover {color:#ffffff;background-color:#075c9c;background-image:url(../img/red-arrow_a.png);}
a.metaLink.selected {color:#ffffff;background-color:#075c9c;background-image:url(../img/red-arrow_a.png);}

#main-section .generic {padding:20px 0px 30px 0px; width:100%; min-height:300px;}
#main-section .generic  h1 {color:#075c9c; font-size:22px; font-weight:bolder ;margin:0px; padding:0px 0px 10px 0px; display:block;}
#main-section .generic .abstract {display:block; font-size:16px; padding:0px 0px 10px 0px; font-style:italic;} 
#main-section .generic .text {display:block; }

#containerLogin {float:left; margin-top:30px; margin-bottom:50px; width:588px; margin-left:40px;}
#containerLogin h1{color:#075c9c;font-size:22px;font-weight:bolder;margin:20px 0px 0px 0px;padding:0px;}
#containerLogin h2{color:#075c9c;font-size:18px;font-weight:normal;margin:0px;padding:0px;}
#containerLogin .top{width:100%;border:1px solid #d8dce7;margin-top:10px;min-height:250px;background-color:#ffffff;	}
#containerLogin.containerInfoCustomer {margin-top:0px;}
#containerLogin.containerInfoCustomer .top {float:left;}
#containerLogin .top form{width:300px;float:left;margin-left:20px;margin-top:10px;}

#containerLogin .recupPsw{flaot:left;}
#containerLogin .recupPsw p{padding:0px;margin:0px;font-size:11px;color:#666666;}
#containerLogin .recupPsw p a {color:#075c9c;text-decoration:underline;}
#containerLogin .recupPsw p a:hover {text-decoration:none;}

#containerLogin .top .infoCustomer{width:92%;float:left;padding:20px;}
#containerLogin .top .infoCustomer h1{color:#075c9c;font-size:20px;font-weight:normal;margin:0px 0px 0px 0px;padding:0px;}
#containerLogin .top .infoCustomer h2, .headertBottom h2{color:#075c9c;font-size:14px;font-weight:normal;margin:0px;padding:0px 0px 5px 0px;border-bottom:1px solid #dce3e9;}
#containerLogin .top .infoCustomer h2.noBorber, .headertBottom h2.noBorber{border-bottom:0px;}
		
#containerLogin .bottom{width:100%;}
#containerLogin .bottom img{vertical-align:top;padding:0px;margin:0px;}

.boxInfoCustomer p.title{text-transform:uppercase;padding:10px 0px 0px 0px;margin:0px;}
.boxInfoCustomer p.text{padding:0px;margin:0px;color:#075c9c;}

.boxContactModifyDate{background-color:#f4f4f4;width:48%;padding:5px 15px 5px 15px;margin:20px 0px 10px 0px;}
.boxContactModifyDate p.title{padding:0px 0px 0px 0px;margin:0px;}
.boxContactModifyDate p.text{padding:0px;margin:0px;color:#075c9c;}
.boxContactModifyDate p.text a {text-decoration:underline;color:#075c9c;}
.boxContactModifyDate p.text a:hover {text-decoration:none;}

#accordion{float:left;padding:20px 0px 20px 0px;width:100%;}
#accordion.basketFull{padding-top:0px;}
#accordion div{float:left;}
#accordion div.expanded{width:100%;}
#accordion a.opening {font-size:13px;font-weight:normal;padding-top:5px;float:left;color:#075c9c;float:left;width:auto;padding:5px 0px 0px 40px;margin:10px 0px 0px 10px;background-image:url(../img/arrow_closed.jpg);background-position:left top;background-repeat:no-repeat;height:30px;}
#accordion a.opening.active{background-image:url(../img/arrow_open.jpg);}
#accordion a.opening span{font-weight:bolder;text-transform:uppercase;}

#containerLogin #selectCustomerAgent form{margin-left:0px;margin-top:0px;width:600px;float:left;}
#selectCustomerAgent {float:left;border-bottom:1px solid #dce3e9;padding:0px 0px 20px 0px;}
#selectCustomerAgent select {width:300px;float:left;}
#selectCustomerAgent .labelSearc {float:left;margin:0px 5px 0px 10px;padding:10px 0px 0px 0px;}
#selectCustomerAgent input {width:180px;float:left;margin-left:0px;height:28px;}
#selectCustomerAgent .iframeSeachCustomer{position:absolute;z-index:999;background:#ffffff;width:226px;visibility:hidden;left:380px;top:115px;}
#selectCustomerAgent .iframeSER {background-color:#f4f4f4;border: 1px solid #E3E1E2;height: 100px;position: absolute;width:226px;overflow-x:hidden;}

#searchCustomerAgent a{line-height:10px;}
#searchCustomerAgent span.alert strong{background-color:yellow;}
#searchCustomerAgent span.alert:hover{color:#075C9C;}

.summary {display:block; float:right; text-align:right; max-width:708px; width:100%; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; background-color:#eff2f9; } 
.summary .line  {display: inline-block; margin-right:20px; margin-top:5px; }
.summary .btnRed {margin-top:0px;}
.summary.top {margin-top:20px;}
.summary.bottom {margin-bottom:0px;margin-top:-38px;background-image:url(../img/ombra.png);background-position:left top;background-repeat:no-repeat;}

.basket {float:left; text-align:right;}
.basket .conti {float:right; width:50%;}
.basket .linebottom {float:right; width:100%; border-bottom:1px solid #e0e1e5; padding:0px 0px 10px 0px; margin-bottom:10px;}
.basket .blockleft {display:inline-block;}
.basket .blockleft p.middle{margin:0px 0px 5px 0px;float:left;}
.basket .blockright {display:inline-block; width:125px;}
.basket .formBasket {float:left; width:100%; }
.basket .formBasket .totale {float:right; color:#075C9C;}
.basket .formBasket .bckBleu {float:left; width:100%; text-align:left; background-color:#eff2f9; margin-top:20px;background-image:url(../img/ombra.png);background-position:left top;background-repeat:no-repeat;}
.basket .formBasket .bckBleu .title{color:#075C9C;text-transform:uppercase;width:100%;margin:10px 0px 10px 0px;padding:0px 0px 0px 20px;}
.basket .formBasket .bckBleu .titleNoTop{color:#075C9C;text-transform:uppercase;width:100%;margin:0px 0px 10px 0px;padding:0px 0px 0px 20px;}
.basket .formBasket .bckBleu .titleNoUpp{color:#075C9C;width:100%;margin:20px 0px 10px 0px;padding:0px 0px 0px 20px;}
.basket .formBasket .bckBleu .titleNoUppRed{color:#d72718;width:100%;margin:20px 0px 10px 0px;padding:0px 0px 0px 20px;}

.basket .formBasket .bckBleu .dropdown{float:left;margin:0px 0px 0px 0px;padding:0px 0px 10px 20px;}
.basket .formBasket .bckBleu .dropdown select{background-color: #ffffff;width:440px;}
.basket .formBasket .bckBleu .textarea{float:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 20px;}
.basket .formBasket .bckBleu .textarea textarea{background-color: #FFFFFF;border: 1px solid #DADDE4;border-radius: 5px 5px 5px 5px;float:left;height:50px;margin:0px 0px 0px 0px;overflow: hidden;padding: 5px;width:430px;}
.basket .formBasket .button {float:left; width:100%; margin-bottom:20px;}
.basket .formBasket .checkbox{float:left;margin:15px 0px 10px 0px;}
.basket .formBasket .checkbox label{float:left;width:300px;padding:0px 0px 0px 10px;color:#075C9C;margin:0px 0px 0px 0px;}
.basket .formBasket .checkbox input{float:left;width:100px;background-color:#ffffff;height:18px;width:18px;margin:0px 0px 0px 20px;}

.basket .formBasket .selectNoteOrdine{float:left;margin:6px 0 10px;width:600px;}
.basket .formBasket .selectNoteOrdine input{float:left;width:18px;height:18px;margin-right:5px;}
.basket .formBasket .selectNoteOrdine label{float:left;width:30px;margin-top:4px;}

.basket .formBasket .selectRequestOrdine{float:left;margin:6px 0 10px;width:600px;}
.basket .formBasket .selectRequestOrdine input{float:left;width:18px;height:18px;margin-right:5px;}
.basket .formBasket .selectRequestOrdine label{float:left;margin-top:4px;width:575px;}

.boxExtra {float:left;width:100%;margin:10px 0px 10px 10px;border-top:1px solid #E1E2E6;padding:10px 0px 0px 0px;}
.boxExtra .title {float:left;width:100%;margin:0px 0px 10px 0px;font-size:14px;}
.boxExtra .title span {color:#075C9C;font-weight:bolder;}

/* ==========================================================================
   Form
   ========================================================================== */

fieldset{width:100%;float:left;}
label{width:100%;float:left;margin-top:15px;}
input{float:left;margin:5px 0px 0px 0px;border: 1px solid #dadde4;height:30px;padding: 0 5px;width: 288px;	background-color:#eff2f9;border-radius: 5px 5px 5px 5px;}
select{float:left;margin:5px 0px 0px 0px;border:1px solid #dadde4;height:30px;padding: 5px 5px 5px 5px;width:auto;background-color:#eff2f9;border-radius: 5px 5px 5px 5px;overflow: hidden;}


/* ==========================================================================
   Table prodotti
   ========================================================================== */
.tableProd{float:left;width:100%;} 
.tableProd table{border:0px;padding:0px;width:100%;margin:10px 0px 10px 0px;}
.tableProd table tr.header{background-color:#f4f4f4;border-top:1px solid #e1e2e6;border-bottom:1px solid #e1e2e6;}
	.tableProd table tr.header th.codProd{width:10%;}
	.tableProd table tr.header th.imgProd{width:25%;}
	.tableProd table tr.header th.textProd{width:40%;}
	.tableProd table tr.header th.priceProd{width:15%;}
	.tableProd table tr.header th.qtyProd{width:10%;}
.tableProd table th{padding:5px 5px 5px 5px;text-align:left;text-transform:uppercase;font-size:10px;font-weight:bolder;}
.tableProd table td{padding:5px 5px 5px 5px;text-align:left;vertical-align:top;padding-top:10px;font-size:12px;font-weight:normal;}
	.tableProd table td.prod{color:#075c9c;}
.tableProd table tr.list{border-bottom:1px solid #e1e2e6;}
	.tableProd table tr.list .icoZoom{position:absolute;margin-top:40px;}
	.tableProd table tr.list select.qty{width:100%;margin:0px;}
.tableProd table tr.last{border:0px;}


.tableProd table.priceTable{border:0px;padding:0px;width:auto;margin:0px 0px 0px 0px;}
.tableProd table.priceTable td{width:auto;}

/* ==========================================================================
   Modal
   ========================================================================== */
#modalAddQty {width:200px;}
#modalAddQty .contentModal {display:block; width:100%; height:100%; text-align:center;}
#modalAddQty .contentModal .note {color:#075C9C; font-size:16px; display:block; padding:40px 0px 30px 0px;}