* { margin:0; padding:0; }

html, body { height:100%; }

/* tipografia */
body { font:0.8em/1.5em Arial,Helvetica,sans-serif; }

.mir { display:block; text-indent:-9999em; outline:none; overflow:hidden; }

a { color:#1E642F; }
a:hover { color:#000; }

a img { border:0; }

img, input, select { vertical-align:middle; }

h1 { font-size:2em; line-height:1.5em; font-weight:normal;  color:#267D3B;}
h2 { font-size:1.75em; line-height:1.5em; font-weight:normal;  color:#267D3B;}
h3 { font-size:1.5em; line-height:1.5em; font-weight:normal;  color:#267D3B;}
h4 { font-size:1.25em; line-height:1.5em; font-weight:normal; }
h5 { font-size:1em; line-height:1.5em; font-weight:bold; }
h6 { font-size:1em; line-height:1.5em; font-weight:normal; font-style:italic; }

li { margin-left:2em; }

p, h5, h6, ul, ol { margin-bottom:1em; }

h1.titolo_sezione { font-size:2.0em; color:#267D3B; font-weight:normal; line-height:1.2em; }
#bussola { padding:0 0 1em 0; font-size:.85em; color:#777; }

/* layout */
#wrap { width:960px; margin:0 auto; min-height:100%; height:auto !important; height:100%; margin-bottom:-130px; }
#container { padding-bottom:150px; }
#header { height:150px; }
#footer { height:130px; }
#footer-content { height:130px; width:960px; margin:0 auto; }
#contentarea { overflow:hidden; width:100%; }
#sidebar { float:left; width:270px; display:inline; }
#maincontent { float:right; margin-right:50px; width:560px; display:inline; }

/* sfondi */
body { background:#67AB66 url(../images/tpl/bgHorizontal.gif) repeat-x center top; }
#wrap { background:url(../images/tpl/bgMain.gif) repeat-y center top; }
#header { background:url(../images/tpl/header.jpg) no-repeat center top; }
#footer { background:url(../images/tpl/bgFooterCont.gif) repeat-x center top; }
#footer-content { background:url(../images/tpl/bgFooter.gif) no-repeat center top; }

/* header */
#header { position:relative; }
#header h1#logo { position:absolute; left:340px; top:0px; margin:0;  }
#header h1#logo a.mir { width:360px; height:110px; background:url(../images/tpl/logoMidSport.gif) no-repeat 0 0; }
#header h1#logo a.mir:hover { background-position:0 -110px; }

#header #slogan { position:absolute; left:30px; top:0; }

#header #slogan h3.mir { width:230px; height:90px; background:url(../images/tpl/sloganQualita.gif); position:absolute; top:10px; left:10px; }

#header #menunav { position:absolute; left:330px; top:110px; }
#header #menunav ul { list-style-type:none; height:30px; padding:0 10px; margin:0; }
#header #menunav ul li { float:left; height:30px; margin:0; }
#header #menunav ul li a { float:left; height:30px; line-height:30px; padding:0 25px; color:#fff; font-weight:bold; font-size:1.2em; text-decoration:none; }
#header #menunav ul li a:hover { background:#1b582a; }

/* sidebar */
#sidebar #menucat ul { width:270px; margin:0; }
#sidebar #menucat ul li { list-style-type:none; margin:0;  }
#sidebar #menucat li a { display:block; height:30px; line-height:30px; padding-left:20px; padding-top:5px; padding-bottom:25px; background:url(../images/tpl/sidebarTitleGreen.gif) no-repeat left top;  color:#fff; font-size:1.2em; text-decoration:none; font-weight:bold; text-align:right; padding-right:20px; }
#sidebar #menucat li a:hover { background-position:0 -60px; }

#sidebar #menucat ul ul { width:auto; padding:0 10px 0 40px; margin-top:-20px; }
#sidebar #menucat ul ul li a { background:transparent url(../images/tpl/arrow.gif) no-repeat 2px center; width:auto; padding:0; color:#000; font-size:12px; border-bottom:1px solid #ddd; padding-left:12px; text-align:left; }
#sidebar #menucat ul ul li a:hover { color:#247D3B; background-position:2px center; background-color:#eee; }

#sidebar #menucat ul ul ul { margin-top:0; padding:0 0 0 20px; }
#sidebar #menucat ul ul ul li a { font-weight:normal; }
#sidebar #menucat ul ul ul li a:hover { background-color:transparent; }

#promozioni .title { height:60px; font-size:1.2em; }
#promozioni .title a.mir { height:30px; line-height:30px; padding-left:20px; padding-top:5px; padding-bottom:25px; background:url(../images/tpl/sidebarTitleGrey.gif) no-repeat left top;  color:#fff; text-decoration:none; font-weight:bold; text-align:right; padding-right:20px; color:#333333 }

#promozioni #foto-promozione { padding-left:40px; text-align:center; }
#promozioni #foto-promozione a img { padding:2px; }
#promozioni #foto-promozione a:hover img { background:#999; }

/* footer */
#footer p {  margin:0; padding-top:10px; line-height:30px; font-size:1.2em; text-align:right; padding-right:50px; }
#footer img { vertical-align:middle; }
#footer #telefoni { color:#fff; }

#credits { font-size:.8em; padding-left:340px; padding-right:40px; color:#888; padding-top:2px; padding-bottom:10px; line-height:12px; }
#credits a { color:#888; }
#credits a:hover { color:#333; }

/* home */
#ascensore { float:left; width:340px; position:relative; }
#ascensore #tour_virtuale  { height:60px; font-size:1.2em; }
#ascensore #tour_virtuale span { height:30px; line-height:30px; padding-left:50px; padding-top:5px; padding-bottom:25px; background:url(../images/tpl/leftTitleGrey.gif) no-repeat left top;  color:#fff; font-size:1.2em; text-decoration:none; font-weight:bold; text-align:left; font-size:1em; padding-right:10px; color:#333333; position:relative; left:-50px; position:absolute; width:300px; top:0; }
#ascensore p { font-size:1.2em; color:#333; padding-bottom:15px; font-weight:bold; }
#ascensore ol { list-style-type:none;  margin:0; }
#ascensore ol li { margin:0; }
#ascensore ol li a { width:336px; height:90px; background:url(../images/tpl/spriteAscensore.jpg) no-repeat 0 0; }
#ascensore ol li#abbigliamento a { height:96px;  background-position:0 0; }
#ascensore ol li#calzature a { height:91px;  background-position:0 -96px; }
#ascensore ol li#attrezzatura_sportiva a { height:96px;  background-position:0 -187px; }
#ascensore ol li#laboratori a { height:107px; background-position:0 -277px; }

#ascensore ol li#abbigliamento a:hover { background-position:-336px 0; }
#ascensore ol li#calzature a:hover { background-position:-336px -96px; }
#ascensore ol li#attrezzatura_sportiva a:hover { background-position:-336px -187px; }
#ascensore ol li#laboratori a:hover { background-position:-336px -277px; }

#home-extra { float:right; width:210px; }
#home-extra .ribbon-title { height:60px; font-size:1.2em; position:relative; margin:0; }
#home-extra .ribbon-title span { height:30px; line-height:30px; padding-left:50px; padding-top:5px; padding-bottom:25px; background:url(../images/tpl/rightTitleGrey.gif) no-repeat left top;  color:#fff; font-size:1.2em; text-decoration:none; font-weight:bold; text-align:left; font-size:1em; padding-right:10px; color:#333333; position:relative; right:-60px; position:absolute; width:220px; top:0; }

.news-item { margin-bottom:10px; }
.news-item p { margin:0; }
.news-item a { text-decoration:none; color:#333; }
.news-item a:hover { color:#000; text-decoration:underline; }
.news-item .title { font-weight:bold; font-size:1.2em;  }
.news-item .date { letter-spacing:1px; font-size:0.85em; }
.news-item .date a { color:#666; }

/* categorie prodotti */
.item-cella { float:left; width:150px; height:150px; text-align:center; padding:10px; margin:10px 10px 0 0; }
.item-cella .immagine { height:110px; }
.item-cella.hover { background:#eee; }

.foto_promozione img {margin:10px; }

.immagine-laterale { float:right; }
.immagine-laterale img { margin-left:10px; margin-bottom:10px; }

.immagine-centrale { text-align:center; margin-bottom:20px; }

.wrapper-elenco { clear:both; }

/* elenco a righe */
.item-elenco { float:left; width:100%; padding:1em 0; }
.item-elenco .immagine { float:right; }
.item-elenco .immagine img { margin-left:10px; }
.item-elenco .immagine .titolo { color:#267D3B; }

/* contattaci */
.contact-form fieldset { border:0; padding:1em 0; }
.contact-form h5 { padding-bottom:1em;  margin:0;  }
.contact-form li { clear:both; padding-bottom:3px; width:100%; overflow:hidden; list-style-type:none; margin:0; }
.contact-form .label { float:left; width:8em; }
.contact-form .text_field, .contact-form textarea { width:24em; padding:1px; font:12px Arial,Helvetica,sans-serif; border:1px solid #ccc; }

.error { font-weight:bold; color:#c00; }
.success { font-weight:bold; color:#0c0; }

/* sitemap */
#sitemap h5 {  }
#sitemap ul { padding-bottom:1em; margin:0;  }
#sitemap li { padding-left:10px; border-left:5px solid #ddd; list-style-type:none; margin-bottom:3px; }