﻿/* HTML OVERRIDE */
html, body { margin:0; padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7f7f7f; background-color:#fff; }

form { margin:0; padding:0; background-color:#f5f5f5; background-color:#fff; }
    
img { border:0; }

h1, h2, h3 { margin:0; font-family:'Open Sans', sans-serif; font-size:22px; font-weight:normal; color:#333; }    
h1 { padding:0 0 15px 0; color:#217e80; }
h1 > span { font-size:13px; }    
h2 { font-size:16px; color:#217e80; }    
h2.l { margin:0 0 0 10px; }
h2.lb { margin:0 0 5px 10px; }
h3 { font-size:13px; }
    
p { margin:0.5em 10px; font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:13px; text-align:justify; }
    
a  { color:#7f7f7f; text-decoration:none; }    
a:hover { color:#217e80; }



/* GENERIC CLASSES */
.osFont { font-family:'Open Sans', sans-serif; font-size:13px; }
.bkFont { font-family:Arial Black, sans-serif; font-size:13px; font-weight:bold; color:#217e80; }
.osc {font-family: 'Oswald';font-size: 16px;}

.red, .redlink a, a.redlink { color:#da251d; }
.oil, .style { color:#217e80; }
.green { color:#00aa00; }

.small { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.smallV { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

.box { position:relative; margin:0 0 15px 0; padding:9px; background-color:#fff; border:1px solid #ccc; -moz-box-shadow:3px 3px 3px #eee; -webkit-box-shadow:3px 3px 3px #eee; box-shadow:3px 3px 3px #eee; }
.box img { display:block; }
.inBox { background-color:#fafafa; padding:5px; }

.but, .butA { padding:3px 5px; text-decoration:none; font-size:11px; font-variant:small-caps; border:1px solid #217e80; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#fff !important; background-color:#217e80; cursor:pointer; }
.butA { padding:3px 9px 4px 9px; }
.but:hover, .butA:hover { color:#217e80 !important; background-color:#eee; }

.sticker { position:relative; padding:10px !important; background:#f5f5f5 url('../Images/Corner.png') no-repeat top right; border:1px solid #eee !important; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.l3 { border-left:3px solid #217e80 !important; }
.l5 { border-left:5px solid #217e80 !important; }
.t1 { border-left:1px solid #217e80 !important; }
.lr3 { border-left:3px solid #c00 !important; }
.lr5 { border-left:5px solid #c00 !important; }
.tr1 { border-left:1px solid #c00 !important; }


/* AVVISO */
#avviso { display:none; }
.inAvviso { width:auto; font-size:14px; }
.inAvviso h2 { color:#217e80; font-size:18px; margin-bottom:6px; }


/* STRUTTURA */
#corpo { position:relative; margin:0 auto; padding:0; width:320px; text-align:left; }
#testa { position:relative; text-align:center; }

.fullPage { min-height:200px; padding:10px 5px 0 5px; }

#piede { margin-top:20px; padding:0; border-top:1px solid #ddd; background-color:#fff; text-align:center; }
#inPiede { margin:10px auto; padding:0; width:290px; text-align:left; }

.piedeColonna { float:left; width:150px; }
.piedeColonna h3 { margin:0; font-size:11px; font-family:'Open Sans', sans-serif; color:#555; font-weight:normal; border-bottom:1px solid #ddd; margin-bottom:10px; width:75%; }

.piedeColonnaLast { float:left; width:140px; font-size:11px; }
.piedeColonnaLast a { text-decoration:none; color:#777; }
.piedeColonnaLast a:hover { color:#217e80; }



/* MENU */
#menuNavigazione { padding:10px 0 0 5px; margin-top:0; }
#menuNavigazione li { display:inline; margin-left:4px; font-size:12px; float:left; }
#menuNavigazione li a { display:block; text-decoration:none; font-size:14px; font-family:'Open Sans', sans-serif; color:#555; padding:7px 10px 8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#menuNavigazione li a:hover { color:#fff; background-color:#217e80; }
#menuNavigazione li.sel { border-bottom:4px solid #217e80; }

.menuPuntiVendita { padding:0; margin:10px 0 20px 0; list-style:none; border-top:1px solid #ccc;  }
.menuPuntiVendita > li { font-size:12px; border-bottom:1px solid #ccc; }
.menuPuntiVendita > li a { display:block; text-decoration:none; font-size:14px; font-family:'Open Sans', sans-serif; color:#217e80; padding:10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.menuPuntiVendita > li a:hover { color:#fff; background-color:#217e80; }
.menuPuntiVendita > li span { float:right; color:#ccc; margin:3px 3px 0 0; }

#barraNavigazione { padding:0 0 0 5px; margin-top:0; }
#barraNavigazione li { display:inline; margin-left:4px; font-size:12px; float:left; }
#barraNavigazione li a { display:block; text-decoration:none; font-size:14px; font-family:'Open Sans', sans-serif; color:#555; padding:7px 10px 8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#barraNavigazione li a:hover { color:#fff; background-color:#217e80; }
#barraNavigazione li.sel { border-bottom:4px solid #217e80; }


/* SHOPS */
#map_canvas1, #map_canvas2, #map_canvas3, #map_canvas4 { height:100%; width:100%; }
.outCorner a { border-left:3px solid #217e80; }



/* CATALOG */
.photoCat { position:relative; border:1px solid #eee; background-color:#fff; padding:9px; margin:0 12px 10px 0; width:290px; height:214px; -moz-box-shadow:3px 3px 3px #eee; -webkit-box-shadow:3px 3px 3px #eee; box-shadow:3px 3px 3px #eee; }
.photoCatImg { display:block; width:290px; height:178px; margin-bottom:2px; background:#fff url('../Images/Loader.gif') no-repeat center center; }
.photoCatPref { float:left; height:18px; margin:5px 5px 5px 0; padding:5px 5px 5px 0; border-right:1px solid #ddd; }
.photoCatTitolo, .photoCatPrezzo { font-family:'Open Sans', sans-serif; font-size:15px; color:#217e80; } 
.photoCatPrezzo, .photoCatPrezzoOld { float:right; line-height:11px; } 
.photoCatPrezzoOld { line-height:16px; text-decoration:line-through; color:#c00; } 


/* SCHEDA */
.photoSchImg { display:block; width:290px; height:178px; margin-bottom:2px; background:#fff url('../Images/Loader.gif') no-repeat center center; }
.photoSchTitolo, .photoSchPrezzo, .photoSchPrezzoOld { font-family:'Open Sans', sans-serif; font-size:15px; color:#217e80; } 
.photoSchPrezzo { float:right; line-height:11px; } 
.photoSchPrezzoOld { text-decoration:line-through; color:#c00; font-size:13px; float:right; }
.divProdotto { position:relative; padding:5px 10px; border-bottom:1px solid #ddd; }
.inProdottoSopra { float:right; text-align:right; }
.eleProdotti { margin-top:-20px; padding:0; background-color:#fafafa; }


/* ECOMMERCE */
.divProdotto { border-bottom:0; background-color:#fff; }
.inProdottoSotto { border-bottom:1px solid #eee; border-top:0; padding:5px 10px; }
.imgRight { float:right; margin-left:15px; }
.imgLeft { float:left; margin-right:15px; }
.butcarr { float:right; padding:2px 5px 3px 20px; text-decoration:none; font-size:10px; font-family:'Open Sans', sans-serif; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#217e80 url('../Images/CartW.png') no-repeat 2px center; background-size:16px 11px; background-color:#c00; }
.butcarr:hover { color:#666; background:#ddd url('../Images/CartG.png') no-repeat 2px center; background-size:16px 11px; }

/* BOX SELEZIONE EX PERUGIA */

.menuCE {
    float: left;
    padding: 0;
    margin: 0;
}

    .menuCE > li {
        display: inline;
        padding-right: 5px;
        float: left;
    }
    .menuCE > li.last {
        display: inline;
        padding-right:0;
        float: left;
    }
        .menuCE > li a {
            display: block;
            min-width: 49px;
            text-align: center;
            text-decoration: none;
            font-family: 'Oswald';
            font-size: 16px;
            padding: 7px 9px;
            border:1px solid #ccc;
        }

        .menuCE > li a:hover, .menuCE > li a.sel {
            color: #fff;
            background-color: #da251d;
        }


