/*
	***GlasMax***
	author: Gosia Kmieć
	Copyright Enzo Sp. z o.o., http://enzo.pl

*/

/* ---------------RESET--------------- */

body, p, pre, ul, ol, fieldset, input, option, textarea, th, td,

dl, dd ,hr ,blockquote, caption, legend, form, button {margin: 0;padding: 0;}

ol, ul {list-style: none;}

q:before{content: no-open-quote;}

q:after{content: no-close-quote;}

legend, caption{text-align: left;color: #000;}

fieldset, abbr, acronym, img{border: none;}

a, del, ins{text-decoration: none;}

cite, address, dfn, var {font-style: normal;}

h1,h2,h3,h4,h5,h6{margin: 0;font-weight: normal;font-size: 1em;}

*:focus { outline: none; }


/* ---------------------------- */


body {
	font-size: 100%;
	font: normal 0.88em/1.5em Arial, Helvetica, Garuda, FreeSans, sans-serif;
  color:#000;
	background:#d8eefb url(/images/frontend/bg-top.jpg) no-repeat 48% 0;
}

#wrap{
	background:transparent url(/images/frontend/bg-bottom.jpg) no-repeat 48% 100%;
	min-height:890px;
	_height:expression("890px");
}

#page{
  width:982px;
  margin:0 auto;
}


a:hover, #copy a:hover{color:#4789d0; border-bottom: 1px solid #9abce0;}

a, a:active{
  color:#000;
  border-bottom:1px solid #000;
}

#header h1 a:hover {border:none;}

h2{
  color:#255380;
  font-size:2.14em;
  line-height:1.5em;  
  background:#fff;
  border-bottom:1px dashed #d6e7ef;
  padding:7px 40px;
}

h2.slider{
  color:#000;
  margin-left:80px;
  padding:0 0 15px 0;
  border:none;
  background:none;
}

.clear{clear:both;}

/*-------- HEADER ------------*/

#header{width:100%; float:left; clear:both;}

#header h1{ 
  width:316px;
  height:45px;
  line-height:0;
  float:left;
  margin:42px 0 0 20px;
}

#header h1 a{
  width:100%;
  height:100%;
  display:block;
	background:transparent url(/images/frontend/logo.png) no-repeat 0 0;  
	text-indent:-1000em;
	border:none;
} 

#extranet-link{
  color: #fff;
  border-bottom:none;
  font-size:0.86em;
  display:block;
  padding:6px 0;
  margin-left:1px;
}

#extranet-link span{
  color:#fccd05;
  font-size:1.33em;
}

#extranet-link:hover, #extranet-link:hover span {
  color: #fff;
  border-bottom:none;
}

  
#extranet-link:active {
  color: #fff;
  border-bottom:none;
}

#extranet-box-1{position:relative;
width:333px;
z-index:20;
background:transparent url(/images/frontend/button-bottom.png) no-repeat 0 100%; padding-bottom:4px; margin:0 auto;}
#extranet-box-2{background:transparent url(/images/frontend/button-top.png) no-repeat 0 0; text-align:center; width:100%;}

#extranet-box-1:hover{background:transparent url(/images/frontend/button-bottom-h.png) no-repeat 0 100%;}
#extranet-box-2:hover, .selected #extranet-box-2{background:transparent url(/images/frontend/button-top-h.png) no-repeat 0 0;}

#extranet-box-1:active{background:transparent url(/images/frontend/button-bottom-a.png) no-repeat 0 0;}
#extranet-box-2:active{background:transparent url(/images/frontend/button-top-a.png) no-repeat 0 0;}

.border-min-1{float:right; margin-top:32px; background:transparent url(/images/frontend/border-min-bottom.png) no-repeat 0 100%; padding-bottom:2px; width:375px;}
.border-min-2{position:relative; background:transparent url(/images/frontend/border-min-top.png) no-repeat 0 0; padding:19px 0 17px 0; width:100%; 
min-height:31px; _height:expression("31px");}

#extranet-login{
display:none; position:absolute; font-size:0.93em; 
background:transparent url(/images/frontend/button-bottom-h.png) no-repeat 0 100%; 
left:21px;
position:absolute;
top:20px;
width:303px;
z-index:10;
text-align:center;
padding:60px 15px 18px 15px;
color:#fff;
}

#extranet-box-1.selected {background:none;}

#extranet-login a{color:#fccd05; border-bottom: 1px solid #fccd05;}

#extranet-login a:hover, #extranet-login a:active{color:#fff; border-bottom: 1px solid #fff;}

/*--------------- MAIN PAGE ----------------------*/

.border-1{background:transparent url(/images/frontend/border-bottom.png) no-repeat 0 100%; padding-bottom:110px;  margin-top:33px; float:left; clear:both; margin-bottom:230px;}
.border-3{background:transparent url(/images/frontend/border-top.png) no-repeat 0 0; padding:0; width:940px; 
padding: 25px 21px 0 21px; float:left; margin-bottom:-90px; _overflow:hidden;}
.border-2{background:transparent url(/images/frontend/border-middle.png) repeat-y 0 0; float:left;}


#main-slider-box{width:780px; padding:2px; margin:0 auto; border:1px solid rgba(255, 255, 255, 0.4); }

#main-slider{width:780px; }
.js #main-slider{height:298px; _height:auto;}

#main-slider dt{display:none; width:298px !important; height:59px !important; cursor:pointer; }
.js #main-slider dt{display:block; _display:none;}

#main-slider dt {background: #454B4F url(/images/frontend/panel_slidera.png) no-repeat 0 -119px; border-top:1px solid #000; opacity:0.7;}

#main-slider dt:hover {background: #8f9395 url(/images/frontend/panel_slidera-hover.png) no-repeat 0 -119px;}

#main-slider dt:active {background: #292d2f url(/images/frontend/panel_slidera-down.png) no-repeat 0 -119px;}

#main-slider div.index{ 
  left:248px !important;
}

#main-slider .spine_1 div.index{ background:url("/images/frontend/ico-termometr.png") no-repeat scroll 50% 0 transparent;}
#main-slider .spine_2 div.index{ background:url("/images/frontend/ico-dziecko.png") no-repeat scroll 50% 0 transparent;}
#main-slider .spine_3 div.index{ background:url("/images/frontend/ico-klodka.png") no-repeat scroll 50% 0 transparent;}
#main-slider .spine_4 div.index{ background:url("/images/frontend/ico-slonce.png") no-repeat scroll 50% 0 transparent;}
#main-slider .spine_5 div.index{ background:url("/images/frontend/ico-dzwiek.png") no-repeat scroll 50% 0 transparent;}

#main-slider .active div.index{display:none !important;}

#main-slider dt.active, #main-slider dt.active:hover, #main-slider dt.active:active{background: none !important;}

#main-slider dt span{display:none;}

#main-slider dd{position:relative;}

#main-slider h3{position: absolute; top:20px; left:18px; padding:0 0 1px 42px; font-size:1.29em;}
.js #main-slider h3{display:none; _display:block;} 

#main-slider .active h3{display:block;}

#main-slider .s1 h3{background:transparent url(/images/frontend/ico-termometr.png) no-repeat 4px 0;} 
#main-slider .s2 h3{background:transparent url(/images/frontend/ico-dziecko.png) no-repeat 1px 0;} 
#main-slider .s3 h3{background:transparent url(/images/frontend/ico-klodka.png) no-repeat 0 0;} 
#main-slider .s4 h3{background:transparent url(/images/frontend/ico-slonce.png) no-repeat -1px 0;} 
#main-slider .s5 h3{background:transparent url(/images/frontend/ico-dzwiek.png) no-repeat -1px 0;} 

#main-slider h3 span{background:#fccd05; padding:5px 20px 5px 20px; display:block;}

#main-slider .text{position: absolute; bottom:6px; left:60px; padding:15px 20px 17px 20px; color:#fff; font-size:0.93em; 
line-height:1.5em; background:rgba(0, 0, 0, 0.8); width:440px;  _background:#000; }

.js #main-slider .text{bottom:0;}

#main-slider dd.active:hover h3 span a, #main-slider h3 span:hover a{border-bottom:1px solid #000; color:#000;}

#main-slider a, #main-slider a:hover, #main-slider a:active{border-bottom:none;}

.js #main-slider img{margin-left:-60px; _margin-left:0;}

#main-slider dt.active {z-index:0 !important;}

.ramka {
  border:3px solid #FCCD05;
  height:292px;
  left:0;
  position:absolute;
  top:0;
  width:534px;
  cursor:pointer;
}

.ramka.down {
  border:3px solid #fff;
}
  
#help-slider{width:100%; float:left; margin:80px 0 68px; }

.help-slider-wrap{background:transparent url(/images/frontend/help-boxes-bottom.png) no-repeat 0 100%;
 float:left; width:302px; padding-bottom:26px; _overflow:hidden;}

#help-slider dl{
  width: 290px;
  float:left;
  padding:25px 12px 0 2px;
  min-height:94px;
  _height:expression("94px");
  background:transparent url(/images/frontend/help-boxes-top.png) no-repeat 0 0;
}

.js #help-slider .help-slider-wrap {cursor:pointer; margin-bottom:19px;}

#help-slider .help-slider-wrap:hover{background:transparent url(/images/frontend/help-boxes-bottom-h.png) no-repeat 0 100%; }

#help-slider .help-slider-wrap:hover dl {background:transparent url(/images/frontend/help-boxes-top-h.png) no-repeat 0 0;}

#help-slider .help-slider-wrap:active{background:#c6ebfe url(/images/frontend/arrow2.png) no-repeat 50% 100%; border:1px solid #99ceea; padding:0 1px 25px 1px; width:298px;}

#help-slider .help-slider-wrap:active dl {width:287px;  padding:23px 11px 0 0;  
background:#bbe7fe; border-top:1px solid #fff;}

#help-slider .help-slider-wrap.selected{background:none; padding:0; margin-bottom:0; border:none; width:302px;}

#help-slider .help-slider-wrap.selected dl {background:#fff url(/images/frontend/arrow.png) no-repeat 50% 81%; border:1px solid #c2d7e2; border-bottom:none; 
padding:24px 12px 45px 1px;
z-index:2; position:relative; width:287px;}

#help-slider dt{font-weight:bold; font-size: 1em; line-height:1.5em; padding-left:100px;}

#help-slider dt a{border-bottom:none;}

#help-slider .help-slider-wrap:hover dt a, #help-slider dt a:hover{border-bottom:1px solid #999; color:#000;}

#help-slider .middle{margin:0 17px; _margin:0 17px 0 9px;}

#help-slider dd {padding-left: 100px; min-height:60px; _height:expression("60px"); color:#3c5b7d; 	font-size: 0.93em; line-height:1.5em;}

#help-slider #v1 dd{background:transparent url(/images/frontend/ico-mapa.png) no-repeat 27px 0;}
#help-slider #v2 dd{background:transparent url(/images/frontend/ico-idea.png) no-repeat 22px 0;}
#help-slider #v3 dd{background:transparent url(/images/frontend/ico-materialy.png) no-repeat 20px 0;}

.help-box {display:none; border:1px solid #c2d7e2; background:#fff; 
padding: 40px 20px; color:#4e6176; float:left; 
width:898px;
font-size:1em; line-height:1.5em; position:relative; top:-69px;overflow:hidden;}

.open {display:block;}

.help-box h4{font-weight:bold; font-size: 1em; line-height:1.5em; color:#000; padding-bottom:5px;}

.help-fck{
	    -webkit-column-width: 360px;
	    -moz-column-width: 360px;
	    column-width: 360px;
	    -webkit-column-gap: 40px;
	    -moz-column-gap: 40px;
	    column-gap: 40px;
	    padding:30px 50px;
      width:798px;	    
}

.help-box p{margin-bottom:20px;}

.help-box ol{
  margin:10px 0 -0px -13px;
}

.help-box li{
  padding-left:13px;
  background:transparent url(/images/frontend/bullet.gif) 0 7px no-repeat;  
  margin-bottom:10px;
}

.help-box blockquote{font-size:1.07em; font-style:italic; 
  background:transparent url(/images/frontend/cytat.gif) 0 0 no-repeat; 
  padding:0 20px; 
  line-height:1.5em;
}

.column1{width:300px; float:left;}
.column2{width:598px; float:left;}

select{
  width:200px;
  height:24px;
  border: 1px solid #d0cbc4;
  font:bold 1em Arial,Helvetica,Garuda,FreeSans,sans-serif;
}

.column2 address{
  float:left; 
  width:299px;
  color:#3c5b7d;
  font-size:0.93em;
  margin-bottom:20px;
  clear:left;
}

.column2 address.v2{float:right; clear:right;}

.column2 strong{color:#000;}

.column1 select{margin-top:25px;}

/*------------ PODSTRONA ---------------------------*/

#top-menu{margin: -12px 0 0 -10px;}

#top-menu li{float:left; font-size:0.93em;}

#top-menu li a{position:relative; color:#000; width: 146px; display:block; padding:11px 8px 30px 8px; border-bottom:none; text-align:center; }

#top-menu li img {padding:3px; background: #fff; border:1px solid #76a0b3;}

#top-menu li a:hover, #top-menu li a.selected{color:#000; background:transparent url(/images/frontend/panel-menu.png) no-repeat 0 100%; 
border-top: 1px solid rgba(28, 89, 120, 0.3); border-bottom:none; padding-top:10px;}

#top-menu li a:hover img, #top-menu li a.selected img {background: #fccd05;}

#top-menu li a span {
display:inline-block;
margin-top:-95px;
padding-top:95px;
width:146px;
}

.ico1{background:transparent url(/images/frontend/ico-termometr.png) no-repeat 13px 15px;} 
.ico2{background:transparent url(/images/frontend/ico-dziecko.png) no-repeat 12px 15px;} 
.ico3{background:transparent url(/images/frontend/ico-klodka.png) no-repeat 8px 14px;} 
.ico4{background:transparent url(/images/frontend/ico-slonce.png) no-repeat 15px 16px;} 
.ico5{background:transparent url(/images/frontend/ico-dzwiek.png) no-repeat 11px 16px;} 

#content {
  border-bottom:1px solid #CCE2ED;
  clear:both;
  float:left;
  margin-left:-20px;
  width:980px;
  float:left; 
  clear:both;
  background:#f2fafe;
  border-top:5px solid #2a5682;
  margin-top:-5px;
}

#content-wrap {
  padding:0 40px 35px;
  width:900px;
  float:left;
}

.fck .intro{font-size:1.43em; color:#5c758e; padding:25px 60px 35px; width:780px;clear:bot; float:left; line-height:1.5em;}
.fck .text {font-size:1.14em; color:#32414f; line-height:1.5em;}
.fck h3  {font-weight:bold; font-size:1.29em; color:#255380; line-height:1.5em;}
.fck .left-col{width:400px; float:left;}
.fck .right-col{width:420px; float:right;}
.fck img{border:1px solid #c2c8cb; padding:3px; background:#fff;}
.fck a img{border:none; padding:0; background:none;}
.fck a.zoom{border:none;}
.fck p {margin:20px 0;}
.fck ol{
  margin:10px 0 40px -13px;
}
.fck li{
  padding-left:13px;
  background:transparent url(/images/frontend/bullet.gif) 0 10px no-repeat;  
  margin-bottom:15px;
}

.accordion dt{font-weight:bold; color:#255380; font-size: 1.29em; padding:23px 10px 23px 15px;
border:1px solid #d6e7f0; border-bottom:none;  
background:#fff url(/images/frontend/panel-accordion.png) 0 100% repeat-x; float:left; width:373px;}
.accordion dt.selected{ color:#666666;background:#fff;}
.accordion dt span{background:transparent url(/images/frontend/arrow-bottom.gif) 0 7px no-repeat; padding-left: 25px;}
.accordion dt.selected span{background:transparent url(/images/frontend/arrow-top.gif) 0 7px no-repeat; }
.accordion ol{color:#32414f; font-size:1.21em; margin-bottom:25px; }
.accordion ol li{margin-bottom:10px;}
.js .accordion dt{cursor:pointer;}
.accordion dd {border:1px solid #d6e7f0; background:#fff url(/images/frontend/panel-accordion.png) 0 100% repeat-x;
border-top:none;border-bottom:none;  float:left; width:318px; padding:0 40px 20px 40px;}
.accordion {border-bottom:1px solid #d6e7f0; float:left; width:100%; margin-top:25px;}

.zoom{position:relative;display:inline-block;}

.lupa {
  background:transparent url(/images/frontend/lupa.png) 0 0 no-repeat;
  display:block;
  width:63px;
  height:64px;
  position:absolute;
  top:35%;
  left:38%;
}

.light span{
  color:#32414f;
  border-bottom:1px solid #2d1130;
}

.light:hover span{color:#5b9ad5; border-bottom:1px solid #5b9ad5;}

.light:active span{color:#6c757e; border-bottom:1px solid #6c757e;}

.js .light{cursor:pointer;}

.light {padding-left:25px; background:transparent url(/images/frontend/bulb.png) 0 0 no-repeat;  }

.light:hover, .light:active {padding-left:25px; background:transparent url(/images/frontend/bulb2.png) 0 0 no-repeat;  }


/*--------------- FOOTER ----------------------*/

#footer{width:100%; float:left; clear:both; border-top:1px solid #b5c0c7; padding-top:17px; _position:relative; _z-index:100;}
.address{float:left; width:300px; padding-right:20px;}
#footer address{float:left;}
.address h3{float:left; width:80px; padding-right:20px; text-align:right; font-weight:bold; font-size: 1em; line-height:1.5em;}
#copy{float:right; 	color:#444;}
#copy a, #copy a:active{	color:#444; border-bottom:1px solid #000;}
#footer address, #copy{font-size:0.86em; line-height:1.5em;}

/*-----------*/

#ie_message {
  display:none;
	position: relative;
	height: 24px;
	line-height: 24px;
	padding: 0 10px 0 35px;
	font-weight: normal;
	font-size: 0.79em;
	color: #333;
	background: url('/images/frontend/alert.gif') 10px 4px no-repeat #ffc;
	border-bottom: 1px solid #999;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=120, Strength=2);
	width:600px;
	margin:0 auto;
}

/*	Shops Ajax Loader
	==================================== */
.loading {
	background: url("/images/frontend/fancybox/ajax-loader.gif") no-repeat 50% 0 transparent;
	display: none;
	text-indent:-1000em;
}


#video-intro h3{font-weight:bold; font-size: 1em; line-height:1.5em; margin-bottom:10px;}

#video-intro p {
  color:#4e6176; 
  font-size:1em; 
  line-height:1.5em;
  margin-bottom:20px;
}

#video-intro-wrap {
  /*border:1px solid #c2d7e2; 
  background:#fff; */
  padding: 40px 20px;
  width:898px;
  margin-top:30px;
  float:left;
}

#video-intro{width:550px; float:right;}

#video-intro-wrap img{padding:1px; border:1px solid #b9d9ec;}

a.mb, a.mb:hover{border:none; float:left;}

#tooltip {
  background-color:#FDBC28;
  border:1px solid #D74F0C;
  opacity:0.85;
  -moz-opacity:0.85;
  -webkit-opacity:0.85;
  padding:0 5px;
  position:absolute;
  z-index:3000;
}

#loading{margin:50px auto; display:block;}