/* =========================================================================
 *
 * @filename /css/screen/homepage.css
 *
 * @author MAM Baby Felicki Przemysław
 * @copyright (c) 2009 Copyright by MAM Baby Felicki Przemysław
 *
 * ========================================================================= */
 
 
/* ========================================================== Promobox ===== */
   #promobox {
     margin: 0 20px 20px !important;
   }
   
   #promobox .content {
     width: 100%;
   }
   
   
/* ================================================ Pink Content Block ===== */
   .block.pink {
     background: #F3ECF2;
   }
   
   .block.pink .content {
     margin: 0 3px;
   }
   
   
/* ======================================================= Big Buttons ===== */
   .button.big {
     float: left;
   
     width: 230px;
     height: 285px;
     
     margin: 0 4px;
     
     background: #FFF;
     
     outline: none;
     cursor: pointer;
   }
   
   .button.big .content {
     display: block;
   
     width: 220px;
     height: 275px;
   }
   
   .button.big .top, 
   .button.big .bottom {
     position: relative;
     
     top: 0;
     left: 0;
   
     display: block;
   
     width: 229px;
     height: 5px;
   }
   
   .button.big .top .left, 
   .button.big .top .right, 
   .button.big .bottom .left, 
   .button.big .bottom .right  {
     display: block;
   
     width: 5px;
     height: 5px;
   }
   
   .button.big .top .left, 
   .button.big .bottom .left {
     float: left;
   }
   
   .button.big .top .right, 
   .button.big .bottom .right {
     float: right;
   }
   
   .button.big .top .left {
     background: url(/var/img/button/big/corner/top/left.png) no-repeat;
   }
   
   .button.big .top .right {
     background: url(/var/img/button/big/corner/top/right.png) no-repeat;
   }
   
   .button.big .bottom .left {
     background: url(/var/img/button/big/corner/bottom/left.png) no-repeat;
   }
   
   .button.big .bottom .right {
     background: url(/var/img/button/big/corner/bottom/right.png) no-repeat;
   }
   
   .button.big#akcesoria {
     background: url(/var/img/button/big/akcesoria.png) no-repeat;
   }
   
   .button.big#pielegnacja_jamy_ustnej {
     background: url(/var/img/button/big/pielegnacja_jamy_ustnej.png) no-repeat;
   }
   
   .button.big#butelki {
     background: url(/var/img/button/big/butelki.png) no-repeat;
   }
   
   .button.big#smoczki {
     background: url(/var/img/button/big/smoczki.png) no-repeat;
   }
   
   .button.big h2 {
     position: relative;
     
     z-index: 9;
   
     top: -5px;
     left: -3px;
     
     height: 31px;
   }
   
   .button.big h2 .left {
     display: block;
     
     float: left;
   
     width: 7px;
     height: 31px;
     padding: 0;
     
     background: url(/var/img/button/big/heading/left.png) no-repeat;
   }
   
   .button.big h2 .content {
     display: block;
     
     float: left;
     
     width: 190px !important;
     height: 31px;
     
     margin: 0;
     padding: 0;
     
     background: #FFF;
   }
   
   .button.big h2 .right {
     display: block;
     
     float: left;
     
     width: 7px;
     height: 31px;
     
     margin: 0;
     padding: 0;
     
     background: url(/var/img/button/big/heading/right.png) no-repeat;
   }
   
   
/* ==================================================== Middle Buttons ===== */
   #buttons {
     margin: 0 20px;
   }
   
   #buttons .button.middle {
     float: left;
   
     width: 33%;
     height: 180px;
     
     border-right: dashed 1px #D8C0DC;
     
     color: #2E2E2E;
     text-decoration: none;
     outline: none;
   }
   
   #buttons .button.middle#mam_sklep_online {
     background: url(/var/img/background/navigation/button/middle/mam_sklep_online.png) no-repeat left center;
   }
   
   #buttons .button.middle#mam_sklep_online .heading {
     display: block;
     
     position: relative;
     
     top: 10px;
     left: 160px;
   
     width: 140px;
     height: 15px;
     
     background: url(/var/img/heading/heading/mam-sklep-online.png) no-repeat;
     
     text-indent: -9999px;
   }
   
   #buttons .button.middle#mam_sklep_online .text {
     display: block;
   
     position: relative;
     
     top: 30px;
     left: 160px;
     
     width: 140px;
   }
   
   #buttons .button.middle#mam_sklep_online .text #icon_48h {
     display: block;
   
     position: relative;
     
     top: 0;
     left: 80px;
     
     width: 55px;
     height: 50px;
     
     background: url(/var/img/icon/48h.png) no-repeat;
     
     text-indent: -9999px;
   }
   
   #buttons .button.middle#zobacz_gdzie_kupisz_produkty_mam .heading {
     display: block;
     
     position: relative;
     
     top: 3px;
     left: 15px;
     
     width: 288px;
     height: 24px;
     
     background: url(/var/img/heading/heading/zobacz_gdzie_kupisz_produkt.png) no-repeat;
     
     text-indent: -9999px;
   }
   
   #buttons .button.middle#zobacz_gdzie_kupisz_produkty_mam .text {
     display: block;
     
     position: relative;
     
     top: 20px;
     left: 19px;
     
     width: 280px;
     height: 50px;
   }
   
   #buttons .button.middle#zobacz_gdzie_kupisz_produkty_mam .button {
     float: left;
   }
   
   #buttons .button.middle#zobacz_gdzie_kupisz_produkty_mam .button#apteki {
     display: block;
     
     position: relative;
     
     top: 10px;
     left: 60px;
     
     width: 85px;
     height: 65px;
     
     background: url(/var/img/logo/apteki.png) no-repeat;
     
     text-indent: -9999px;
     outline: none;
   }
#buttons .button.middle#zobacz_gdzie_kupisz_produkty_mam .button#kku {
     display: block;

     position: relative;

     top: 40px;
     left: 15px;

     width: 150px;
     height: 65px;

     background: url(/var/img/logotypy_gdzie_kupisz/logo-ursynow.png) no-repeat;

     text-indent: -9999px;
     outline: none;
   }
   
  
   

#buttons .button.middle#zobacz_gdzie_kupisz_produkty_mam .button#kkt {
     display: block;

     position: relative;

     top: 20px;
     left: 15px;

     width: 130px;
     height: 65px;

     background: url(/var/img/logotypy_gdzie_kupisz/logo-targowek.png) no-repeat;

     text-indent: -9999px;
     outline: none;
   }
      
#buttons .button.middle#zobacz_gdzie_kupisz_produkty_mam .button#kkp {
     display: block;

     position: relative;

     top: 10px;
     left: 5px;

     width: 77px;
     height: 65px;

     background: url(/var/img/logotypy_gdzie_kupisz/kkp.png) no-repeat;

     text-indent: -9999px;
     outline: none;
   }
   
   #buttons .button.middle#zobacz_gdzie_kupisz_produkty_mam .button#gagu_pl {
     display: block;
     
     position: relative;
     
     top: 10px;
     left: 70px;
     
     width: 85px;
     height: 65px;
     
     
     text-indent: -9999px;
     outline: none;
   }
   
   #buttons .button.middle#zarejestruj_swoja_apteke {
     background: url(/var/img/background/navigation/button/middle/zarejestruj_swoja_apteke.png) no-repeat center;
     
     text-indent: -9999px;
     outline: none;
   }
   
   
/* =========================================================== Content ===== */
   .content h1#witamy_w_nowym_swiecie_mam_ {
     width:                       100%;
   
     margin:                      10px 0 20px 0;
   
     background:                  url(/var/img/heading/h1/witamy_w_nowym_swiecie_mam_.png) 
                                  no-repeat 
                                  center;
   
     text-indent:                 -9999px;
   }
   
   
/* ------------------------------------------------------- Big Buttons ----- */
   .button.big h2 .content {
     text-indent: -9999px;
   }

   .button.big#smoczki h2 .content {
     background: #FFF url(/var/img/heading/h2/smoczki.png) no-repeat 5px 10px;
   }

   .button.big#butelki h2 .content {
     background: #FFF url(/var/img/heading/h2/butelki.png) no-repeat 5px 10px;
   }

   .button.big#pielegnacja_jamy_ustnej h2 .content {
     background: #FFF url(/var/img/heading/h2/pielegnacja_jamy_ustnej.png) no-repeat 5px 10px;
   }

   .button.big#akcesoria h2 .content {
     background: #FFF url(/var/img/heading/h2/akcesoria.png) no-repeat 5px 10px;
   }
   
   
/* MAM BOXES */
div.homeboxes { width:960px; padding-left: 20px; }
div.homeboxes img { border: none; }
div.homeboxes div.boxsklep { width:305px; height:221px; float:left; margin-right:16px; margin-bottom:10px; }
div.homeboxes div.boxpunkty { width:182px; height:101px; float:left; margin-right:16px; margin-bottom:10px; background:url(/var/img/new_home/box_punktymam2.png) no-repeat; padding:120px 0px 0px 136px; }
div.homeboxes div.boxpunkty input.kod { background:url(/var/img/new_home/box_2input.gif) no-repeat; width:114px; height:20px; font-size:11px; color:#b3b3b3; padding-left:10px; border:0px; float:left; margin-top:2px; line-height:18px; }
div.homeboxes div.boxpunkty input.ok { width:22px; height:22px; font-size:11px; border:0px; margin-left:10px; }
div.homeboxes div.boxpunkty div.links {color:#00aeef; margin-top:25px;} 
div.homeboxes div.boxpunkty div.links a {color:#00aeef; font-size:12px; font-family: Arial; } 
div.homeboxes div.boxwidoczny { width:305px; height:231px; float:left; }
div.homeboxes div.boxswiatmam { width:190px; height:117px; float:left; margin-right:16px; margin-top:15px; padding:52px 0px 0px 115px; background:url(/var/img/new_home/swiatmam4.png) no-repeat; color:#009de0; }
div.homeboxes div.boxswiatmam input.login { background:url(/var/img/new_home/box_4input.gif) no-repeat; width:137px; height:20px; font-size:11px; color:#b3b3b3; padding-left:10px; border:0px; margin-top:2px; margin-bottom:20px; line-height:18px;  }
div.homeboxes div.boxswiatmam input.pass { background:url(/var/img/new_home/box_4input.gif) no-repeat; width:137px; height:20px; font-size:11px; color:#b3b3b3; padding-left:10px; border:0px; float:left; margin-top:2px; margin-bottom:5px; line-height:18px;  }
div.homeboxes div.boxswiatmam input.ok { width:22px; height:22px; font-size:11px; border:0px; margin-left:10px; margin-top:1px; }
div.homeboxes div.boxswiatmam a { font-size: 11px; font-family: Arial; }
div.homeboxes div.boxswiatmam a.remember { color:#999999; font-size:11px; text-decoration:none; display:block; margin-bottom:5px; }
div.homeboxes div.boxswiatmam a.remember:hover { text-decoration:underline; }
div.homeboxes div.boxswiatmam a { color:#009de0; }
div.homeboxes div.boxporadnik { width:318px; height:161px; float:left; margin-right:16px; margin-bottom:10px; margin-top:15px; }
div.homeboxes div.boxmaterialnaukowy { width:305px; height:161px; float:left; margin-bottom:10px; margin-top:15px; }

div.homeboxes div.boxnagrody { width:305px; height:161px; float:left; margin-bottom:10px; margin-top:15px; margin-right:16px; }
div.homeboxes div.boxgaleria { width:318px; height:161px; float:left; margin-bottom:10px; margin-top:15px; margin-right:16px; }
div.homeboxes div.boxmedia { width:305px; height:161px; float:left; margin-bottom:10px; margin-top:15px; }





/* podstrony MAM */
div.pagecontent { width:700px; padding:70px 15px 15px 15px; background:url(/var/img/new_home/ps_headpage.gif) no-repeat; }
div.pagecontent div.left { width:540px; float:left; margin-right:20px; }
div.pagecontent div.left div.maincontent { width:240px; float:left; padding-top:20px; margin-right:30px; }
div.pagecontent div.left div.maincontent span.woj { font-size:14px; color:#333333; }
div.pagecontent div.left div.maincontent span.blue { color:#00adef; }
div.pagecontent div.left div.maincontent p.pink { font-weight:bold; color:#bc92c2; font-size:14px; margin-bottom:8px; }
div.pagecontent div.left div.maincontent p.pink span.asortyment { font-weight:normal; font-size:11px; color:#d1a3d8; }
div.pagecontent div.left div.maincontent select { padding:1px; margin:10px 2px 15px 0px; width:100px; font-size:11px; }
div.pagecontent div.left div.maincontent div.descbox { border-top:1px solid #cccccc; padding:15px 10px 15px 10px; color:#333333; font-size:12px; line-height:17px; }
div.pagecontent div.left div.maincontent div.descbox2 { border-top:1px solid #cccccc; padding:15px 10px 15px 10px; color:#333333; font-size:12px; line-height:17px; background:#f5f5f5; }
div.pagecontent div.left div.maincontent p.adres { margin-top:8px; color:#666666; }
div.pagecontent div.left div.maincontent p.adres a { color:#00adef; text-decoration:underline; }
div.pagecontent div.left div.maincontent p.adres a:hover { text-decoration:none; }

div.pagecontent div.left div.boxprodukty { width:267px; height:101px; float:left; margin-bottom:10px; margin-top:9px; background:url(/var/img/new_home/box_punkty_podstrona.png) no-repeat; padding:120px 0px 0px 0px; }
div.pagecontent div.left div.boxprodukty input.kod { background:url(/var/img/new_home/box_2input.gif) no-repeat; width:114px; height:20px; font-size:11px; color:#b3b3b3; padding-left:10px; border:0px; float:left; margin-top:2px; line-height:18px;  margin-left:85px; }
div.pagecontent div.left div.boxprodukty input.ok { width:22px; height:22px; font-size:11px; border:0px; margin-left:10px; }
div.pagecontent div.left div.boxprodukty div.links {color:#00aeef; margin-top:25px; margin-left:85px; } 
div.pagecontent div.left div.boxprodukty div.links a {color:#00aeef; font-size:14px; } 
div.pagecontent div.mapka { background:url(/var/img/new_home/bg_wojselect.gif) no-repeat top left; margin-top:60px; padding-top:30px;}

div.pagecontent div.left div.maincontent div.wybierzwoj { border-bottom:1px solid #cccccc; padding-bottom:8px; font-size:14px; background:url(/var/img/new_home/bg_select.gif) no-repeat center right; }
div.pagecontent div.left div.maincontent div.wybierzwoj2 { padding-bottom:8px; font-size:14px; background:url(/var/img/new_home/bg_select.gif) no-repeat center right; }
div.pagecontent div.left div.maincontent div.mapkaselect { margin-top:30px; }
div.pagecontent div.left div.maincontent div.error { width:205px; height:49px; background:url(/var/img/new_home/brakwynikow.gif) no-repeat; font-size:14px; color:#FFFFFF; text-align:center; padding-top:18px; }

div.pagecontent div.right { width:140px; float:left; }
div.pagecontent div.right div.logos { background:#efefef; text-align:center; height:450px; padding:10px 0px 10px 0px; }
div.pagecontent div.right div.logos img { margin-top:5px; margin-bottom:20px; }
div.pagecontent div.right div.logos a { color:#b282b9; text-decoration:none; }

.promo-p1 { background: url(/var/img/promo1.jpg) no-repeat 0 0; float: left; display: block; width: 227px; height: 201px; text-indent: -6000px; margin-left: 19px; }
.promo-p1:hover { background-position: 0 -201px; }
.promo-p2 { background: url(/var/img/promo2.jpg) no-repeat 0 0; float: left; display: block; width: 227px; height: 201px; text-indent: -6000px; margin-left: 18px; }
.promo-p2:hover { background-position: 0 -201px; }
.promo-p3 { background: url(/var/img/promo3.jpg) no-repeat 0 0; float: left; display: block; width: 227px; height: 201px; text-indent: -6000px; margin-left: 18px; }
.promo-p3:hover { background-position: 0 -201px; }
.promo-p4 { background: url(/var/img/promo4.jpg) no-repeat 0 0; float: left; display: block; width: 227px; height: 201px; text-indent: -6000px; margin-left: 18px; }
.promo-p4:hover { background-position: 0 -201px; }