/* Theme Name: Natura Theme URI: http://edinet.info/ Description: Tema in costruzione bio-bio.it Version: 1.0 Author: Edinet Default WordPress by Dave Shea || http://mezzoblue.com Modifications by Matthew Mullenweg || http://photomatt.net This is just a basic layout, with only the bare minimum defined. Please tweak this and make it your own. :) */ @charset "iso-8859-1"; /* CSS Document */ /* Reset */ html, div, span, applet, object, iframe,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, fieldset, form, label, legend,caption, tbody, tfoot, thead, th { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .clr {clear: both;} body { margin: 0; padding: 0; background: url(img/back.png) repeat-x top center; font-family: Arial, Helvetica, sans-serif} img { border: 0} /* Grandi Contenitori */ .big-wrap { position: relative;} .wrap { width: 970px; margin: 0 auto; background: url(img/content.png) top center repeat-y; position: relative } .wrap-header { position: relative} .header { position: relative; padding: 30px 34px 0 34px; } .wrap-mainmenu { margin-top: 2px} .wrap-main { padding: 3px 34px 0 34px} .wrap-footer { height: 40px;} .wrap-left-col #wrap-item { width: 200px; margin: 0 auto} .logo { float: left; left: 24px; width: 236px; height: 132px;} .logo a { display: block; width: 236px; height: 132px; background: url(img/logo.png)} /* Menu TOP*/ .top-menu { float: right; position: relative; margin-top: 6px; font-size: 19px;} .menutop { margin: 0; padding: 0;} .top-menu li { float: left; display: block; padding: 0; list-style-type: none} .top-menu li a {color: #0a4e2a; text-decoration: none; padding: 0 10px; margin: 0 5px;} .top-menu li a:hover {background: url(img/menu-tabright.png) top right no-repeat; text-decoration: none; } .top-menu li a.current {background: url(img/menu-tabright.png) top right no-repeat; text-decoration: none; } /* PAYOFF*/ #payoff { float: right; display: block; background: url(img/payoff.png); margin-top: 20px; width: 657px; height: 108px; position: relative; } /* MainMenu*/ .main-menu{ width: 901px; height: 23px; margin: 0 auto; background:url(img/backmainmenu.png) no-repeat; font-size: 14px; padding-top: 7px} .m-left { padding: 0; margin: 0; float: left; height: 16px} .m-left li { float: left; padding: 0px 13px; list-style-type: none} .m-right { padding: 0; margin: 0; float: right} .m-right li { float: left; padding: 0px 13px; list-style-type: none} .main-menu li a {color: #0a4e2a; text-decoration: none; font-weight: bold } .main-menu li a:hover {color: #07341c; text-decoration: none; font-weight: bold } .main-menu li .current {color: #07341c; text-decoration: none; font-weight: bold } /* LeftCol*/ .wrap-left-col { float: left} .left-col-box { width: 228px; background: url(img/backboxleftcom.png) top center no-repeat; position: relative} .left-col-box .tit { background: url(img/backboxleftcomtit.png); height: 34px; margin: 0 auto; top: 15px; width: 224px; position: relative} .left-col-box .tit span { color: #0a4e2a; font-weight: bold; font-size: 16px; top: 9px; left: 15px; position: relative} .left-col-box .prod { height: 300px} .left-col-box .appuntamenti { height: 200px} /* Finder*/ .wrap-finder { height: 30px; width: 205px; padding-top: 20px; float: right; background: url(img/backfinder.png) 0px 16px no-repeat } .finder .button {background: url(img/iconok.png) no-repeat; border:0 none; height: 21px; width: 21px; cursor: pointer } .finder .button:hover {background: url(img/iconok.png) bottom center no-repeat; border:0 none; height: 21px; width: 21px; cursor: pointer } .finder { margin: 2px 0 0 5px } .finder .textfield { color: #0a4e2a; background:transparent none repeat scroll 0 0;border:0 none;margin-right:2px; float: left} /* RightCol*/ .wrap-right-col { float: right; width: 228px; } .right-col-box { width: 205px; height: 101px; margin-top: 8px; float: right; background: url(img/nostri-produttori.png) top center no-repeat; position: relative} .right-col-box-marchi { width: 205px; height: 101px; margin-top: 8px; float: right; background: url(img/marchi-distribuiti.png) top center no-repeat; position: relative} .right-col-box-ricette { width: 205px; height: 101px; margin-top: 8px; float: right; background: url(img/ricette.png) top center no-repeat; position: relative} .right-col-box-pv { width: 205px; height: 101px; margin-top: 8px; float: right; background: url(img/punto-vendita.png) top center no-repeat; position: relative} .right-col-box-fb { width: 205px; height: 27px; margin-top: 8px; float: right; position: relative} .right-col-box .tit { position: relative} .right-col-box .tit span, .right-col-box-marchi .tit span, .right-col-box-ricette .tit span, .right-col-box-pv .tit span { color: #0a4e2a; font-weight: bold; font-size: 16px; top: 9px; left: 15px; position: relative} .right-col-box span a, .right-col-box-marchi span a, .right-col-box-ricette span a, .right-col-box-pv span a { color: #0a4e2a; text-decoration: none} .right-col-box .text, .right-col-box-marchi .text, .right-col-box-ricette .text, .right-col-box-pv .text { color: #FFF; font-size: 14px; width: 120px; position: relative; left: 20px; top: 20px } .right-col-box .text a, .right-col-box-marchi .text a, .right-col-box-ricette .text a, .right-col-box-pv .text a { color: #FFF; text-decoration: none } /* Maincol*/ .wrap-maincol { float: left; width: 426px; top: 3px; position: relative; left: 10px } .maincolbox { background: url(img/backcontent.png) no-repeat; width: 447px; padding: 5px 5px 0 5px; margin-top: 10px } .maincolbox .tit { background: url(img/titcontent.png); height: 30px; width: 437px; position: relative } .maincolbox .tit-search { color: #0a4e2a; font-size: 15px; margin: 5px 0 } .maincolbox .tit-search a { color: #0a4e2a; text-decoration: none; font-weight: bold } .editpost { color: #0a4e2a; font-size: 12px; padding-top: 10px } .editpost a { color: #0a4e2a; font-size: 12px; } .comments { color: #0a4e2a; font-size: 12px; padding-top: 10px } .comments a { color: #0a4e2a; font-size: 12px; } .more-link { float: right} .more-link {color: #0a4e2a; text-decoration: underline; font-weight: bold} .maincolbox .tit-alert { background: url(img/titcontent-alert.png); height: 30px; width: 437px; position: relative } .maincolbox .txt { font-size: 13px; padding: 10px 0 0 10px; color: #0a4e2a; float: left } .maincolbox .txt-index { font-size: 13px; width: 250px; padding: 10px 0 0 10px; color: #0a4e2a; float: left } .maincolbox .txt-page {background-color: #f2f2f2; width: 418px; padding: 10px; color: #0a4e2a; } .maincolbox .txt-page a { color: #0a4e2a; } .maincolbox .txt-page p { margin: 0; padding: 2px 0 0 0; font-size: 14px; } .maincolbox .under hr { border: 0; height: 1px; background-color: #CCC } .maincolbox .txt-page-footer { font-size: 12px; background: url(img/backcontent.png) bottom no-repeat; width: 347px; height: 10px; color: #0a4e2a; width: 437px; } .maincolbox .image { width: 152px; height: 216px; float: right; position: relative; right: 10px; top: 5px} .maincolbox .tit span { color: #0a4e2a; font-weight: bold; font-size: 16px; top: 4px; left: 15px; position: relative} .maincolbox .tit-alert span { color: #FFF; font-weight: bold; font-size: 16px; top: 4px; left: 15px; position: relative; } /* Promo Area */ .wrap-prod { float: left; width: 127px; margin: 10px 9px} .prod-tit { text-align: center; color: #0a4e2a; text-transform: uppercase; font-weight: bold} .prod-price { text-align: center; color: #3d3028; text-transform: uppercase; font-weight: bold } /* Footer */ h3 { font-size: 13px; margin: 2px 0; padding: 2px 0} .wrap-footer { background: url(img/footer-back.png); color: #0a4e2a; width: 905px; height: 54px; margin: 0 auto; font-size: 12px; margin-top: 20px} .footer { padding: 8px; text-align: center} .footer a { text-decoration: none; color: #666} .footer a img { display: inline} /* Vari ed Eventuali */ .errorbox { color: #F27272; text-align: center; font-size: 20px; padding: 30px 0; height: 20px} #wrap-pv { position: relative; width: 390px; height: 210px; margin: 0 auto; margin-bottom: 30px} .pv { float: left; width: 120px; height: 92px; margin: 10px 10px 10px 0; } .pv a img { border: 1px solid #ecf2ca; width: 122px; height: 92px; } .pv a img:hover { border: 1px solid #CCC} /* Prodotti */ .wpsc_categorisation_group { font-size: 10px} .wpsc_categorisation_group ul li a { text-decoration: none; font-size: 14px; color: #333 } .wpsc_categorisation_group ul li { margin: 0; padding: 0 5px;} .wpsc_categorisation_group ul ul { margin: 0; padding: 0; } .wpsc_categorisation_group ul ul li { margin: 0; padding: 0 5px;} .wpsc_categorisation_group ul ul ul { margin: 0; padding: 0px; } .wpsc_categorisation_group ul li > ul { display: none; } .wpsc_categorisation_group ul li:hover > ul { display: inline; } .wpsc_categorisation_group ul li {} .wpsc_categorisation_group ul li ul li ul li a { text-decoration: none; font-size: 14px; color: #333} #categoryposts-3 { position: relative; height: 60px} #categoryposts-3 ul { margin: 0; padding: 0 0 5px 10px; position: relative; top: 20px; background-color: #ecf3c9} .cat-post-item { list-style: none;} .cat-post-item a { text-decoration: none; color: #837131; font-size: 13px; padding: 5px 0 5px 5px} .item-offer-txt a { text-decoration: none; color: #0A4E2A; font-size: 12px; } .pippo .left-col-box #wrap-item .wrap-item_image { width: 200px;} .bottom-row-box #wrap-item .wrap-item_image { float: left; width: 144px} .pippo .left-col-box #wrap-item .item_image { height: 130px } .bottom-row-box #wrap-item .item_image { padding-left: 10px} .item-offer-txt { text-align: center; padding: 5px 0} .item_image img { margin: 0 auto } .item_image a { margin: 0; padding: 0 } #wrap-item { } .ricetta { font-size: 15px; width: 420px} .ricetta hr { border: 0; height: 1px; background-color: #CCC } .ricetta a { text-decoration: none; color: #0A4E2A; font-size: 16px; font-weight: bold} .ricetta a:hover { text-decoration: none; color: #88a23b; font-size: 16px; font-weight: bold} a img {display:block; } .thumbholder {width:558px; margin:0 auto 0 auto; padding:10px 0 10px 10px; border:1px solid #ddd; background:#fff;} .thumbholder b {display:block;} .thumbholder h2.title {font-size:25px; color:#444; font-weight:normal; font-family:"times new roman", serif;} .thumbholder h2.title b {display:inline; font-weight:bold; color:#000; font-size:30px;} .thumbholder h2.title span {font-weight:bold; font-style:italic;} .thumbholder p {padding:0 10px 0 0; margin:10px 0;} .pippo img { position: relative; top: 15px;} .offerta-vetrina { padding-bottom: 3px} .offerta-vetrina a { font-weight: bold; color: #0A4E2A; text-align: center; position: relative; padding-top: 4px; text-decoration: none; display: block; width: 205px; height: 45px; margin: 0 auto; background:url(/wp-content/themes/natura/img/offf.gif) no-repeat top center;} .offerta-vetrina a:hover { background:url(/wp-content/themes/natura/img/offf.gif) no-repeat top center; text-decoration:none;} .offerta-mese a { font-weight: bold; position: relative; left: -3px; color: #0A4E2A; text-align: center; position: relative; padding-top: 7px; text-decoration: none; display: block; width: 437px; height: 30px; margin: 0 auto; background:url(/wp-content/themes/natura/img/titcontent.png) no-repeat top center;} .offerta-mese a:hover { background:url(/wp-content/themes/natura/img/titcontent.png) no-repeat top center; text-decoration:none;} .fb a { display: block; width: 205px; height: 45px; margin: 0 auto; background:url(/wp-content/themes/natura/img/face.gif) no-repeat top center; } .fb a:hover { background:url(/wp-content/themes/natura/img/face.gif) no-repeat top center; text-decoration:none; } #wrap-marchio { margin-left: 15px} .marchio { float: left; width: 120px; margin: 5px} .item-offer-old-price { text-decoration: line-through; text-align: center; position: relative} .item-offer-price { position: relative} #mappa { width: 420px; height: 250px}