/* automatycznie budowany css */


/* Plik: style */

/* ogolne --------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
body { text-align: center; background: #fff url(../img/site/bg.jpg) top center repeat-x; color: #656565; font: normal 0.8em Tahoma, Arial, sans-serif; width: 100%; display: table; }
ul { list-style: none; }
img, fieldset { border: 0; }
table { border-spacing: 0; border-collapse: collapse; margin: auto; }
a { text-decoration: none; color: #84c125; font-weight: bold; outline: none; }
a:hover { color: #7da3c1; }
a:visited { color: #666; }
a:active { color: #c00; }

/* layout --------------------------------------------------------------------*/
#container { width: 965px; background: url(../img/site/bg_top.jpg) 62px 0 no-repeat; margin: 0 auto; overflow: hidden; height: 100%; text-align: left; position: relative }
#top { height: 164px; background: url(../img/site/bg_top.png) no-repeat; margin: 0 0 0 41px; position: relative; }
#content { overflow: hidden; position: relative; top: -50px; height: 100%; }
#c1 { width: 116px; float: left; display: inline; background: url(../img/site/bg_swirl.jpg) -2px 195px no-repeat; padding-left: 50px; min-height: 530px; }

/* #c2_main { width: 797px; float: right; display: inline; background: url(../img/site/panele_bg.jpg) 0 400px no-repeat; height: 570px; margin-top: 48px;  } */
#c2_main { width: 799px; float: right; display: inline; background: url(../img/site/bg_panele_flash.jpg) 3px 16px no-repeat; height: 570px; margin-top: 34px;  }


#c2 { width: 799px; float: right; display: inline; margin-top: 48px; background: url(../img/site/podstrona2.jpg) 0 30px no-repeat; height: 520px; }
#bottom { clear: both; text-align: right; font-size: 0.85em; color: #6187a5; position: relative; top: -40px; }

/* klasy ---------------------------------------------------------------------*/
.clearBoth span, .clearLeft span, .clearRight span { display: none; }
.error { color: red; font-weight: bold; text-align: center; margin-bottom: 5px; }

/* naglowki ------------------------------------------------------------------*/
h1 { width: 244px; height: 68px; position: relative; top: 15px; left: 10px; color: #6187a5; font-size: 1.4em; }
h2 { color: #5AC306; font-size: 20px; }
/* h3 { color: #666; font-size: 1.1em; text-transform: uppercase; margin-bottom: 5px; } */

/* top -----------------------------------------------------------------------*/
#top h1 span { position: absolute; width: 100%; height: 100%; background: url(../img/site/logo_rollover.jpg) no-repeat; overflow: hidden; cursor: pointer; }
#top h1 a:hover span { background-position: 0 -68px; }
#slogan { position: absolute; top: -1000px; }

/* stopka --------------------------------------------------------------------*/
#bottom a { color: #6187a5; }
#bottom a:hover { text-decoration: underline; }

/* menu lewa -----------------------------------------------------------------*/
#c1 .menu {  }
#c1 .menu-item { background: url(../img/site/bg_menu.png) no-repeat; height: 39px; overflow: hidden; padding: 10px 0 0 10px; }
#c1 .menu a { color: #4a7486;  }
html>/**/body #c1 .menu a { float: left; }
#c1 .menu span { position: absolute; width: 100px; height: 39px; cursor: pointer; background-repeat: no-repeat; }
/* #c1 .menu a { width: 100px; height: 39px; position: relative;  float: left; display: block; background: blue;  overflow: hidden; } */

#c1 #m1 { background: none; height: 62px; width: 66px; margin: 16px 0 0 26px; padding: 0; overflow: hidden; }
#c1 #m1 a { width: 66px; height: 62px; margin: 0; text-indent: 0; display: block; }
#c1 #m1 a span { background: url(../img/site/home.jpg) 0 0 no-repeat; height: 62px; width: 66px; }
#c1 #m1 a:hover span { background-position: 0 -62px !important; }
#c1 .menu a:hover span { background-position: 0 -39px !important; }

#c1 #m2 a span { background: url(../img/site/m2.jpg); }
#c1 #m3 a span { background: url(../img/site/m3.jpg); }
#c1 #m4 a span { background: url(../img/site/m4.jpg); }
#c1 #m5 a span { background: url(../img/site/m5.jpg); }
#c1 #m6 a span { background: url(../img/site/m6.jpg); }
.rozwijane { position: absolute; left: 160px; z-index: 1500; width: 200px; background: #fff; }
#c1 .menu .rozwijane a { margin: 0; width: 250px; height: 1%; float: none; padding: 2px 5px; display: block; }

#bon_upominkowy { margin-top: 40px; }
#bon_upominkowy a { display: block; width: 115px; height: 115px; position: relative; overflow: hidden; }
#bon_upominkowy span { display: block; width: 100%; height: 100%; position: absolute; background: url(../img/site/bon_upominkowy.jpg) no-repeat; cursor: pointer; }
#ksk { width: 100%; text-align: center; margin-top: 10px; }

/* strona glowna -------------------------------------------------------------*/

div.cmDiv { background: #c6ddeb; width: 796px; height: 30px; text-transform: uppercase; cursor: pointer !important; margin-left: 2px; }
.clickMenu ul { background: #edf5f9 url(../img/site/podstrona_submenu.jpg) 0 100% no-repeat; width: 150px; overflow: hidden; padding-bottom: 6px; }
.clickMenu div.outerbox { display: none; }
.clickMenu div.inner { //top: 30px; /* for ie */ left: 8px; }
.clickMenu div.inner div.outerbox { margin: 0; left: 98px; //left: 90px; /* for ie */ top: -3px; }
.clickMenu li { position: relative; }
.clickMenu li.main { float: left; width: 159px; background-color: #c6ddeb; height: 30px;  }
.clickMenu li.main li { z-index: 2; width: 144px; height: 20px; background-position: 100% 0; background-repeat: no-repeat; margin: 3px 0; overflow: hidden; }
.clickMenu li.main li span { display: block; width: 0; height: 0; overflow: hidden; cursor: pointer; }
.clickMenu li.main li a { height: 20px; width: 144px; overflow: hidden; }
.clickMenu li.hover { z-index: 1 !important; }
.clickMenu a { display: block; }
.clickMenu .menu-item { position: relative; overflow: hidden; height: 30px; }
.clickMenu .menu-item span { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; cursor: pointer; }
#c2 #pielegnacja-ciala .menu-item span { background-image: url(../img/site/panele_01s.jpg) }
#c2 #kosmetyka-twarzy .menu-item span { background-image: url(../img/site/panele_02s.jpg) }
#c2 #medycyna-estetyczna .menu-item span { background-image: url(../img/site/panele_03s.jpg) }
#c2 #makijaz .menu-item span { background-image: url(../img/site/panele_04s.jpg) }
#c2 #pielegnacja-dloni .menu-item span { background-image: url(../img/site/panele_05s.jpg); }
#c2 .menu-rozwijane { background: #edf5f9 url(../img/site/podstrona_submenu.jpg) 0 100% no-repeat; }
.decleor      { background-image: url(../img/site/panele/decleor.png); }
.orlane       { background-image: url(../img/site/panele/orlane.png); }
.andreZagozda { background-image: url(../img/site/panele/andrezagozda.png); }
.bodyHealth   { background-image: url(../img/site/panele/bodyhealth.png); }
.newLife      { background-image: url(../img/site/panele/newlife.png); }
.cennik       { background-image: url(../img/site/panele/cennik.png); }
.environ      { background-image: url(../img/site/panele/environ.png); }
.peelingi     { background-image: url(../img/site/panele/peelingi.png); }
.iniekcje     { background-image: url(../img/site/panele/iniekcje.png); }
.laser        { background-image: url(../img/site/panele/laser.png); }
.inne         { background-image: url(../img/site/panele/inne.png); }
.leczniczy    { background-image: url(../img/site/panele/leczniczy.png); }
.slubny       { background-image: url(../img/site/panele/slubny.png); }
.wieczorowy   { background-image: url(../img/site/panele/wieczorowy.png); }
.dlonie       { background-image: url(../img/site/panele/dlonie.png); }
.stopy        { background-image: url(../img/site/panele/stopy.png); }
.paznokcie    { background-image: url(../img/site/panele/paznokcie.png); }
.clickMenu li.main li:hover { background-position: 100% -20px; }

.panel ul { visibility: hidden; }
.panel .menu-item { visibility: hidden; }

/*
.panel { float: left; width: 159px; text-transform: uppercase; }
#c2_main .panel { height: 400px; overflow: hidden; background-position: 0 30px; background-repeat: no-repeat; display: inline; }
#c2_main #pielegnacja-ciala { background-image: url(../img/site/panele_01b.jpg); }
#c2_main #kosmetyka-twarzy { background-image: url(../img/site/panele_02b.jpg); }
#c2_main #medycyna-estetyczna { background-image: url(../img/site/panele_03b.jpg); }
#c2_main #makijaz { background-image: url(../img/site/panele_04b.jpg); }
#c2_main #pielegnacja-dloni { background-image: url(../img/site/panele_05b.jpg); }
.panel a  { display: block; }
.panel .menu-item { position: relative; overflow: hidden; height: 30px; }
.panel .menu-item span { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; cursor: pointer; }
#pielegnacja-ciala .menu-item span { background-image: url(../img/site/panele_01.jpg) }
#kosmetyka-twarzy .menu-item span { background-image: url(../img/site/panele_02.jpg) }
#medycyna-estetyczna .menu-item span { background-image: url(../img/site/panele_03.jpg) }
#makijaz .menu-item span { background-image: url(../img/site/panele_04.jpg) }
#pielegnacja-dloni .menu-item span { background-image: url(../img/site/panele_05.jpg); }
.menu-rozwijane { position: absolute; width: 146px; background-image: url(../img/site/panele_bg.png); display: none; padding: 0 5px 25px 4px; margin-left: 4px; background-position: 0 100%; background-color: transparent; cursor: pointer; z-index: 1000; text-align: right;}
.menu-rozwijane li { width: 146px; height: 20px; background-position: 100% 0; background-repeat: no-repeat; margin: 3px 0; }
.menu-rozwijane li span { display: block; width: 0; height: 0; overflow: hidden; }
.menu-rozwijane li a { height: 20px; overflow: hidden; }

.decleor      { background-image: url(../img/site/panele/decleor.png); }
.orlane       { background-image: url(../img/site/panele/orlane.png); }
.andreZagozda { background-image: url(../img/site/panele/andrezagozda.png); }
.bodyHealth   { background-image: url(../img/site/panele/bodyhealth.png); }
.newLife      { background-image: url(../img/site/panele/newlife.png); }
.cennik       { background-image: url(../img/site/panele/cennik.png); }
.environ      { background-image: url(../img/site/panele/environ.png); }
.peelingi     { background-image: url(../img/site/panele/peelingi.png); }
.iniekcje     { background-image: url(../img/site/panele/iniekcje.png); }
.laser        { background-image: url(../img/site/panele/laser.png); }
.inne         { background-image: url(../img/site/panele/inne.png); }
.leczniczy    { background-image: url(../img/site/panele/leczniczy.png); }
.slubny       { background-image: url(../img/site/panele/slubny.png); }
.wieczorowy   { background-image: url(../img/site/panele/wieczorowy.png); }
.dlonie       { background-image: url(../img/site/panele/dlonie.png); }
.stopy        { background-image: url(../img/site/panele/stopy.png); }
.paznokcie    { background-image: url(../img/site/panele/paznokcie.png); }

.menu-rozwijane li:hover { background-position: 100% -20px; }
*/

/* podstrony -----------------------------------------------------------------*/
/*
#c2 #panele { background: #c6ddeb; width: 796px; height: 30px; }
#c2 #pielegnacja-ciala .menu-item span { background-image: url(../img/site/panele_01s.jpg) }
#c2 #kosmetyka-twarzy .menu-item span { background-image: url(../img/site/panele_02s.jpg) }
#c2 #medycyna-estetyczna .menu-item span { background-image: url(../img/site/panele_03s.jpg) }
#c2 #makijaz .menu-item span { background-image: url(../img/site/panele_04s.jpg) }
#c2 #pielegnacja-dloni .menu-item span { background-image: url(../img/site/panele_05s.jpg); }
#c2 .menu-rozwijane { background: #edf5f9 url(../img/site/podstrona_submenu.jpg) 0 100% no-repeat; }
*/
.wrap { height: 410px; padding: 5px 20px 0px; overflow: auto; margin-top: 10px; position: relative; }
/* .wrap { height: 410px; padding: 5px 20px 0px; overflow: auto; margin-top: 10px; background: url(../img/site/foto_10.jpg) 95% 0 no-repeat; position: relative; } */

/* dokument ------------------------------------------------------------------*/
.dokument { margin-top: 15px; }
.dokument ul { margin: 5px 0; }
.dokument ul li { margin: 5px 0 5px 15px; list-style: disc; }
.dokument ol li { margin: 5px 0 5px 16px; }
.dokument p { margin: 2px 0 10px; }
#powrot { display: block; text-align: right; margin: 15px 60px 0 0; font-size: 0.85em; }
#powrot a { color: #84c125; }

/* mapa obrazow --------------------------------------------------------------*/
#fc, #fz, #fd { width: 213px; height: 370px; position: relative; overflow: hidden; }
#fc { background: url(../img/site/twarz1.jpg) 0 0 no-repeat; }
#fz { background: url(../img/site/twarz2.jpg) 0 0 no-repeat; }
#fd { background: url(../img/site/twarz3.jpg) 0 0 no-repeat; }
#fc:hover, #fz:hover, #fd:hover { background-position: 0 -370px; }
#fc li, #fz li, #fd li { margin: 0; padding: 0; list-style: none; display: block; position: absolute; }
#fc a, #fz a, #fd a { display: block; }

/* modyfikazje */
#fc, #fz, #fd { background-position: 0 -370px; }
/* koniec */

#fc1 { left: 23px; top: 38px; width: 144px; height: 66px; }
#fc2 { left: 67px; top: 88px; width: 48px; height: 45px; z-index: 5; }
#fc3 { left: 17px; top: 120px; width: 164px; height: 38px; }
#fc4 { left: 67px; top: 133px; width: 44px; height: 33px; }
#fc5 { left: 50px; top: 190px; width: 73px; height: 26px; }
#fc6 { left: 49px; top: 220px; width: 78px; height: 14px; }
#fc7 { left: 53px; top: 235px; width: 81px; height: 37px; }
#fc8 { left: 53px; top: 271px; width: 97px; height: 88px; }
#fc1 a { height: 66px; }
#fc2 a { height: 45px; }
#fc3 a { height: 38px; }
#fc4 a { height: 33px; }
#fc5 a { height: 26px; }
#fc6 a { height: 14px; }
#fc7 a { height: 37px; }
#fc8 a { height: 88px; }
#fc1 a:hover { background: url(../img/site/twarz1.jpg) -236px -38px no-repeat; }
#fc2 a:hover { background: url(../img/site/twarz1.jpg) -280px -458px no-repeat; }
#fc3 a:hover { background: url(../img/site/twarz1.jpg) -230px -120px no-repeat; }
#fc4 a:hover { background: url(../img/site/twarz1.jpg) -280px -503px no-repeat; }
#fc5 a:hover { background: url(../img/site/twarz1.jpg) -263px -190px no-repeat; }
#fc6 a:hover { background: url(../img/site/twarz1.jpg) -262px -220px no-repeat; }
#fc7 a:hover { background: url(../img/site/twarz1.jpg) -266px -605px no-repeat; }
#fc8 a:hover { background: url(../img/site/twarz1.jpg) -266px -271px no-repeat; }

#fd1 { left: 13px; top: 75px; width: 167px; height: 94px; }
#fd2 { left: 52px; top: 190px; width: 70px; height: 30px; }
#fd3 { left: 29px; top: 226px; width: 132px; height: 60px; }
#fd1 a { height: 94px; }
#fd2 a { height: 30px; }
#fd3 a { height: 60px; }
#fd1 a:hover { background: url(../img/site/twarz3.jpg) -226px -75px no-repeat; }
#fd2 a:hover { background: url(../img/site/twarz3.jpg) -265px -190px no-repeat; }
#fd3 a:hover { background: url(../img/site/twarz3.jpg) -242px -226px no-repeat; }

#fz1 { left: 22px; top: 39px; width: 145px; height: 64px; }
#fz2 { left: 68px; top: 87px; width: 42px; height: 41px; z-index: 5; }
#fz3 { left: 17px; top: 120px; width: 163px; height: 38px; }
#fz4 { left: 72px; top: 127px; width: 37px; height: 27px; }
#fz5 { left: 27px; top: 144px; width: 132px; height: 15px; }
#fz6 { left: 41px; top: 182px; width: 94px; height: 46px; }
#fz7 { left: 56px; top: 192px; width: 64px; height: 22px; }
#fz8 { left: 54px; top: 203px; width: 68px; height: 31px; }
#fz9 { left: 41px; top: 228px; width: 96px; height: 32px; }
#fz10 { left: 53px; top: 224px; width: 71px; height: 21px; }
#fz11 { left: 54px; top: 237px; width: 70px; height: 42px; }

#fz1 a { height: 64px; }
#fz2 a { height: 41px; }
#fz3 a { height: 38px; }
#fz4 a { height: 27px; }
#fz5 a { height: 15px; }
#fz6 a { height: 46px; }
#fz7 a { height: 22px; }
#fz8 a { height: 31px; }
#fz9 a { height: 32px; }
#fz10 a { height: 21px; }
#fz11 a { height: 42px; }

#fz1 a:hover { background: url(../img/site/twarz2.jpg) -235px -39px no-repeat; }
#fz2 a:hover { background: url(../img/site/twarz2.jpg) -281px -457px no-repeat; }
#fz3 a:hover { background: url(../img/site/twarz2.jpg) -230px -120px no-repeat; }
#fz4 a:hover { background: url(../img/site/twarz2.jpg) -285px -497px no-repeat; }
#fz5 a:hover { background: url(../img/site/twarz2.jpg) -240px -514px no-repeat; }
#fz6 a:hover { background: url(../img/site/twarz2.jpg) -254px -552px no-repeat; }
#fz7 a:hover { background: url(../img/site/twarz2.jpg) -269px -192px no-repeat; }
#fz8 a:hover { background: url(../img/site/twarz2.jpg) -349px -286px no-repeat; }
#fz9 a:hover { background: url(../img/site/twarz2.jpg) -254px -598px no-repeat; }
#fz10 a:hover { background: url(../img/site/twarz2.jpg) -266px -224px no-repeat; }
#fz11 a:hover { background: url(../img/site/twarz2.jpg) -349px -320px no-repeat; }

/* kontakt -------------------------------------------------------------------*/
.kontakt { float: left; width: 250px; margin: 10px 0; }
.wyslij-oferte { float: right; width: 470px; margin: -20px 0 0 0; }
.wyslij-oferte td { padding-bottom: 10px; }
.wyslij-oferte td p { text-align: right; padding-right: 7px; }
.wyslij-oferte input, .wyslij-oferte select, .wyslij-oferte textarea { border: 1px solid #a5c4d9; color: #656565; background: #f8fcfd; font-size: 0.9em; font-family: arial, sans-serif;  }
.wyslij-oferte input { width: 135px; padding: 1px 2px; }
.wyslij-oferte select { width: 140px; }
.wyslij-oferte textarea { width: 94%; padding: 2px; height: 40px; }
.wyslij-oferte .c { text-align: center; }
input.checkbox { cursor: pointer; width: auto; border: none; }
#form-kontakt .input120 { width: 160px; }
#form-kontakt textarea { width: 320px; height: 100px; }
#form-kontakt td { text-align: left; }
.polec-nas .input200 { width: 160px; }
.polec-nas textarea { width: 320px; height: 100px; }
.captcha-img img { float: left; margin-right: 5px; }
.captcha-img input { margin-top: 15px; width: 50px !important; }

/* wersje jezykowe -----------------------------------------------------------*/
#languages { position: absolute; left: 300px; top: 8px; z-index: 10; }
#languages li { float: left; padding-right: 10px; }
#languages a { color: #84c125; }
#languages a:hover { color: #7da3c1; }

/* Tabs ----------------------------------*/
#tabs div.ui-tabs-panel { background: #fff url(../img/site/bg.jpg) 0 -430px repeat-x; padding: 10px 12px; min-height: 200px; }
#tabs div#tabs-1 { padding: 10px 0; }
.ui-tabs { }
.ui-tabs .ui-tabs-nav { position: relative; text-align: center; }
.ui-tabs .ui-tabs-nav li { float: left; padding: 0; list-style: none; }
.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; font-size: 0.85em; color: #A5C4D9; height: 17px; padding: 4px 0; }
.ui-tabs .ui-tabs-nav li a:hover { text-decoration: underline; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #fff url(../img/site/bg.jpg) 0 -400px repeat-x; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected span { display: block; background: url(../img/site/corner1.jpg) left top no-repeat; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #426B87; background: url(../img/site/corner2.jpg) right top no-repeat; }
.ui-tabs .ui-tabs-panel { display: block; border: 0; background: none; clear: both; }
.ui-tabs .ui-tabs-hide { display: none !important; }
#t1 { width: 92px; overflow: hidden;  }
#t2 { width: 102px; overflow: hidden; }
#t3 { width: 132px; overflow: hidden; }
#t4 { width: 144px; overflow: hidden; }

/* cms -------------------------------------------------------------------*/
.tabCMS1 td { margin: 5px; padding: 5px; }
.tabCMS2 td { margin: 5px; padding: 0px 20px 0px 20px; }

/* google search form ----------------------------------------------------*/
#googleSearchForm input { vertical-align:middle; }
#googleSearchForm .field { border:1px solid #84c125; }
.gsc-results .gsc-cursor-box .gsc-trailing-more-results, .gsc-results .gsc-cursor-box .gsc-cursor-page { display: none !important; }
.gs-title, .gs-title b { color: #9AD23D !important; }