body { margin:0; padding:0; font-family: Verdana; font-size:12px; line-height: 16px; color: #000; background: url(img/bg_claritine.jpg) no-repeat top center #ffffff; }

/*FORMULARZE*/

/*GLOBALNE*/

h1 { font-size: 18px; color: #134a68; padding: 10px 0 0 10px; margin: 5px 0 5px 0; font-weight: lighter; }
h2 { font-size: 15px; color: #fff; padding:0; margin: 5px 0 5px 0; }
h3 { font-size: 13px; color: #000000; padding:0; margin: 5px 0 5px 0; }

a { text-decoration: none; color: #ffffff; }
a:hover { text-decoration: underline; }
a:focus {outline: none !important;}

p { margin: 10px 0 10px 0; }
img { border: 0;}

a.home { border: 0px solid red; float: left; display: block; width: 245px; height:107px; }
a:focus { outline: none !important; }

ul { padding: 0; margin: 0; }
li { background: url(img/li_arrow.png) 0 6px no-repeat; padding: 0 0 0 20px;; margin: 0; list-style: none; }

/*STRONA*/
div.container{ width: 980px; padding:0 0 0 0; margin:0 auto; position: relative; top:0; z-index: 10;}

    div.header { float: left; width: 980px; height: 107px; }
      div.menu { float: left; width: 735px; height: 90px; }
        a.btn_menu1 { float: left; display: block; width: 148px; height: 90px; background: url(img/menu_bg.jpg) 0 0; }
        a.btn_menu2 { float: left; display: block; width: 125px; height: 90px; background: url(img/menu_bg.jpg) -148px 0; }
        a.btn_menu3 { float: left; display: block; width: 194px; height: 90px; background: url(img/menu_bg.jpg) -273px 0; }
        a.btn_menu4 { float: left; display: block; width: 157px; height: 90px; background: url(img/menu_bg.jpg) -467px 0; }
        a.btn_menu5 { float: left; display: block; width: 110px; height: 90px; background: url(img/menu_bg.jpg) -624px 0; }

        a.btn_menu1:hover { float: left; display: block; width: 148px; height: 90px; background: url(img/menu_bg.jpg) 0 -90px; }
        a.btn_menu2:hover { float: left; display: block; width: 125px; height: 90px; background: url(img/menu_bg.jpg) -148px -90px; }
        a.btn_menu3:hover { float: left; display: block; width: 194px; height: 90px; background: url(img/menu_bg.jpg) -273px -90px; }
        a.btn_menu4:hover { float: left; display: block; width: 157px; height: 90px; background: url(img/menu_bg.jpg) -467px -90px; }
        a.btn_menu5:hover { float: left; display: block; width: 110px; height: 90px; background: url(img/menu_bg.jpg) -624px -90px; }

                   
    div.main { float: left; width: 560px; height: 500px; position: relative; z-index: 50; }
      div.clip { position: absolute; top: 50px; left: 345px; background: url(img/frame.png); width: 372px; height: 250px; padding: 73px 20px 20px 13px; }
      div.box_maintxt { float: left; width: 760px; height: 288px; background: url(img/txt.png); margin-top: 45px; }
        /*ie6*/ *html* div.box_maintxt { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://mamalergie.pl/public/themes/claritine/img/txt.png'); }

      a.btn_home_1 { float: left; width: 240px; height: 97px; background: url(img/btn_home_1.png); cursor: pointer; }
        /*ie6*/ *html* a.btn_home_1 { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://mamalergie.pl/public/themes/claritine/img/btn_home_1.png');  cursor: pointer; }      

      a.btn_home_2 { float: left; width: 245px; height: 97px; background: url(img/btn_home_2.png);  cursor: pointer; }
        /*ie6*/ *html* a.btn_home_2 { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://mamalergie.pl/public/themes/claritine/img/btn_home_2.png');  cursor: pointer; }
        
      div.box_kalendarz { /*position: absolute; top: 18px; left: 0px;*/ float: left; margin-top: 18px; width: 970px; height: 460px; z-index: 100; background: url(img/box_kalendarz-pylenia.png) no-repeat top left; }
        /*ie6*/ *html* div.box_kalendarz { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://mamalergie.pl/public/themes/claritine/img/box_kalendarz-pylenia.png'); }

      div.box_produkt_szeroki { /*position: absolute; top: 18px; left: 0px;*/ float: left; margin-top: 18px; width: 970px; height: 460px; z-index: 100; background: url(img/box_produkt_szeroki.png) no-repeat top left; }
        /*ie6*/ *html* div.box_produkt_szeroki { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://mamalergie.pl/public/themes/claritine/img/box_produkt_szeroki.png'); }

        
      div.box_mapa { position: relative;  /*position: absolute; top: 18px; left: 0px;*/ float: left; margin-top: 18px; width: 970px; height: 460px; z-index: 100; background: url(img/box_mapa.png) no-repeat top left;  }
        div.legenda { position: absolute; bottom: 3px; left: 0; z-index: 550; width: 970px; height: 64px; }  
        
         div.chmurka { position: absolute; display: none; }
         div.box_mapa_left { float: left; width: 455px; height: 460px; }
         div.box_mapa_right { float: left; width: 515px; height: 450px; padding: 10px 0 0 0; }

           div.table_container { border: 1px solid #6199c4; width: 506px; height: 271px; }
             table.mapa { width: 50%; float: left; border-collapse: collapse; }         
             table.mapa td { padding: 8px 2px 8px 2px; color: #00315f; text-align: center; }
             
               div.listek0 { width: 18px; height: 18px; background: url(img/ico_brak.png) repeat-x; margin: 0 auto; cursor: pointer; }
               div.listek1 { width: 18px; height: 18px; background: url(img/ico_listek.png) repeat-x; margin: 0 auto; cursor: pointer; }
               div.listek2 { width: 36px; height: 18px; background: url(img/ico_listek.png) repeat-x; margin: 0 auto; cursor: pointer; }
               div.listek3 { width: 54px; height: 18px; background: url(img/ico_listek.png) repeat-x; margin: 0 auto; cursor: pointer; }
               div.listek4 { width: 72px; height: 18px; background: url(img/ico_listek.png) repeat-x; margin: 0 auto; cursor: pointer; }
               div.listek5 { width: 90px; height: 18px; background: url(img/ico_listek.png) repeat-x; margin: 0 auto; cursor: pointer; }
             
               div.x0 { margin-left: 20px; width: 18px; height: 18px; background: url(img/ico_x0.png) no-repeat center center; cursor: pointer; }
               div.x1 { margin-left: 20px; width: 18px; height: 18px; background: url(img/ico_x1.png) no-repeat center center; cursor: pointer; }
               div.x2 { margin-left: 20px; width: 18px; height: 18px; background: url(img/ico_x2.png) no-repeat center center; cursor: pointer; }
               div.x3 { margin-left: 20px; width: 18px; height: 18px; background: url(img/ico_x3.png) no-repeat center center; cursor: pointer; }
               div.x4 { margin-left: 20px; width: 18px; height: 18px; background: url(img/ico_x4.png) no-repeat center center; cursor: pointer; }
               div.x5 { margin-left: 20px; width: 18px; height: 18px; background: url(img/ico_x5.png) no-repeat center center; cursor: pointer; }                                                       
         
             table.mapa tr.pierwszy td { height: 24px; background: url(img/td_pylenie_bg.jpg); padding: 0 2px 0 2px; font-weight: bold; font-size: 10px; }
               table.mapa tr.pierwszy td.roslina { width: 100px; }
          
               table.mapa tr.ostatni td { width: 100px; border-bottom: 1px solid #6199c4; }
               table.mapa tr td.roslina { width: 100px; }
               table.mapa tr td.stezenie { width: 85px; border-left: 1px solid #6199c4; padding: 0;  }
               table.mapa tr td.tendencja { width: 35px; border-left: 1px solid #6199c4; }
                 .col1 { border-right: 1px solid #6199c4; }           
              
      div.box_kontakt { position: absolute; top: 18px; left: 0px; width: 445px; height: 482px; line-height: 22px; padding: 0 20px 0 20px; z-index: 100; background: url(img/box_kontakt.png) no-repeat top left; }
        /*ie6*/ *html* div.box_kontakt { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://mamalergie.pl/public/themes/claritine/img/box_kontakt.png'); }
      
         div.box_kontakt h1 { font-size: 18px; color: #134a68; padding: 14px 0 20px 10px; margin: 0; font-weight: lighter; }
         table.kontakt td { padding: 3px 0 4px 0; }
         table.kontakt td.txt { vertical-align: top; text-align: right; color: #3a3a3a; padding-right: 10px; }
         table.kontakt input { width: 303px; height: 17px; padding: 0; font-family: Verdana; font-size:12px; padding: 1px; }
         table.kontakt select { width: 309px; height: 22px; padding: 0; font-family: Verdana; font-size:12px; padding: 1px; }  
         table.kontakt textarea { width: 303px; height: 80px; padding: 0; font-family: Verdana; font-size:12px; padding: 1px; }        
         table.kontakt input.wyslij { float: right; width: 102px; height: 39px; background: url(img/btn_wyslij.png); border: 0; cursor: pointer; }
         
         div.logo_msd { float: left; display: block; width: 151px; height: 62px; background: url(img/logo_msd.png); cursor: pointer; }
          /*ie6*/ *html* div.logo_msd{ background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://mamalergie.pl/public/themes/claritine/img/logo_msd.png'); }
                        
      div.box_oprodukcie { /*position: absolute; top: 18px; left: 0px;*/ float: left; margin-top: 18px; width: 445px; height: 482px; line-height: 22px; padding: 0 20px 0 20px; z-index: 100; background: url(img/box_oprodukcie.png) no-repeat top left; }
        /*ie6*/ *html* div.box_oprodukcie { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://mamalergie.pl/public/themes/claritine/img/box_oprodukcie.png'); } 
        div.box_oprodukcie h1 { font-size: 18px; color: #134a68; padding: 14px 0 14px 10px; margin: 0; font-weight: lighter; }

      
    div.footer { float: left; width: 980px; height: 90px; padding: 4px 0 0 0; font-size: 18px; text-align: justify; line-height: 22px; }
      div.footer div.ulotka { float: left; font-family: Arial; font-size: 20px; font-weight: normal; }
      div.footer div.left { float: left; font-size: 10px; font-weight: normal; color: #7c7c7c; }
      div.footer div.webp { float: right; font-size: 13px; font-weight: normal; padding: 0 25px 0 0; }
        div.footer div.webp a { color: #000000; }
      
    #skrolowany { outline: none !important; }