@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
html {min-width:100%;}
body {
font:0.8em Arial, Tahoma, Verdana, Helvetica, sans-serif; 
background: #3d153e url(../img/bodyBG.gif) repeat-x; color:#fff; 
}


td, th {
font:1.1em Arial,Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

img {border:0;}


.skiplink {
	position: absolute;
	left: 0px;
	top: -500px;
	overflow: hidden;
	z-index: 1;
}

 a {
 color:#60a820; 
 text-decoration:none;
 }
 a:hover, a:focus {text-decoration:underline; outline:none }
 a.more {display:block; background:url(../img/arr_orng.gif) 0 3px no-repeat; padding-left:10px;}

 .klir {clear: both; }
 .clr {
 clear: both; 
 overflow: hidden; 
 height:0;
 }
 
  .cleft {
 clear: left; 
 overflow: hidden; 
 height:0;
 }
.clear {
clear:both;   
height: 1px;
overflow: hidden;
  line-height: 1px;
  margin-top:-1px;
  }
  
  .inp, select {
  height:20px; 
  border:1px solid #1391c9; 
  width:220px;
  }
  .inp_small, select.small {
  height:20px; 
  border:1px solid #1391c9; 
  width:70px; margin:0 5px;
  }
  .inp:focus, 
  select:focus, 
  textarea:focus, 
  input.text, 
  textarea.text, 
  .inp_small:focus { 
  background-color:#d4f0f6
  }
  
textarea 
{
height:auto;
border:1px solid #1391c9; 
width:220px; 
overflow:auto;
}
textarea.big {
width:100%; 
height:300px;
}

input.btn {
background:url(../img/tabBG.gif) repeat-x; 
color:#fff; 
border:0; 
padding:3px 5px; 
cursor: pointer;}

img.pix {border:1px solid #ccc; background-color:#fff; padding:3px; margin-right:10px;}
img.fpix {border:1px solid #ccc; background-color:#fff; padding:3px; margin:0 10px 10px 0; float:left;}

p {margin:10px 0;}
h3 {color:#fff; font-size:24px; margin-bottom:10px; font-weight:normal}

div.center {text-align:center; margin:10px 0}

div#fale {position:absolute; top:7px; left:0; width:100%; height:374px; background:url(../img/topBG.jpg) top center no-repeat; text-align:center;}
div#content {width:980px; text-align:left; margin:0 auto; position:relative; text-align:justify}
ul#menu {list-style:none;}
ul#menu li {float:left; margin-right:11px; }
ul#menu li a {display:block; height:33px; text-indent:-9999px; background-repeat:no-repeat; background-position:center 15px; padding:0 7px;}
ul#menu li a:hover {background-color:#24429a;}
ul#menu a.m0 {background-image: url(../img/m_osferze.gif); width:61px;}
ul#menu a.m1 {background-image: url(../img/m_co_robimy.gif); width:69px;}
ul#menu a.m2 {background-image: url(../img/m_doswiadczenia.gif); width:145px;}
ul#menu a.m3 {background-image: url(../img/m_hr.gif); width:61px;}
ul#menu a.m4 {background-image: url(../img/m_kontakt.gif); width:57px;}
ul#menu a.m5 {background-image: url(../img/m_pr.gif); width:60px;}
ul#menu a.m6 {background-image: url(../img/m_sales.gif); width:130px;}
ul#menu a.m7 {background-image: url(../img/m_incentive.gif); width:108px;}
ul#menu a.m8 {background-image: url(../img/m_home.gif); width:108px;}

h1#logo a{background:url(../img/logo_sfera.gif) no-repeat; height:86px; width:339px; text-indent:-9999px; position:absolute; top:69px; left:10px; display:block;}
div#golf {width:600px; height:181px; background:url(../img/golf.jpg) 0 5px no-repeat; border:1px solid #86869a; border-width:1px 0; padding:5px 0; margin-top:140px; float:left;}
body#incentive div#golf {background:url(../img/ponton.jpg) 0 5px no-repeat;}
body#narty div#golf {background:url(../img/narty.jpg) 0 5px no-repeat;}
body#teatr div#golf {background:url(../img/teatr.jpg) 0 5px no-repeat;}
body#advent div#golf {background:url(../img/cars.jpg) 0 5px no-repeat;}
body#sales div#golf {background:url(../img/sales.jpg) 0 5px no-repeat;}
body.site div#golf {border-width: 1px 0 0 0;}

div#cite { width:350px; margin:140px 0 0 23px;  float:left}
div#content  div#cite h2 span {font-size:1.3em; display: block; font-weight:normal; font-style:italic; text-align:left}
div#cite p {color:#60a820; font-weight:boldl}

div.sfery {margin:20px 0 0 0; width:600px; float:left;}

div.sfery dt {background-repeat:no-repeat; height:52px; text-indent:-9999px; }
div.sfery dt a {display:block; height:52px}
div.sfery dt.pr {background-image:url(../img/sfera_pr.gif);}
div.sfery dt.sales {background-image:url(../img/sfera_sales.gif);}
div.sfery dt.incentive {background-image:url(../img/sfera_incentive.gif);}
div.sfery dt.hr {background-image:url(../img/sfera_hr.gif);}
div.sfery dd {padding-left:62px; margin-bottom:10px;}


div#prawa {width:350px; float:left; margin:20px 0 0 23px;}

div#prawa div.meet h3 {text-indent:-9999px;}
div#prawa div.meet {background:url(../img/baner_kawa.jpg) no-repeat; height:146px; width:200px; padding:10px 0 0 128px;}
div#prawa div.meet p {text-align:left;}

h4 {font-size:1.2em; color:#60a820; margin-bottom:5px;}

dl.case dt {font-size:1.2em; color:#60a820; margin-bottom:5px; font-weight:bold;}
dl.case dd {margin-bottom:10px;}
dl.case li {margin-bottom:5px;}

div.case {margin-bottom:20px; padding-bottom:20px;}
div.case img.pix {float:left;}

div#footer {height:79px; background:url(../img/footerBG.gif) no-repeat; margin-top:20px; padding:20px; color:#b5abba; font-size:0.9em}
div#footer p {padding-top:10px;}
div#footer li {list-style:none; float:left;}
div#footer li a {color:#b5abba; border-left:1px solid #b5abba; padding:0 10px;}
div#footer li:first-child a {border:0; padding-left:0;}

div#srodek {border-top:1px solid #86869a; padding-top:20px;}

div.navi {width:328px; margin:0 0 20px 23px; float:right;}
div.navi h2 {background-repeat:no-repeat; height:48px; text-indent:-9999px;}
div.navi h2.pr { background-image:url(../img/tyt_sfera_pr.gif) }
div.navi h2.incentive { background-image:url(../img/tyt_sfera_incentive.gif) }
div.navi h2.case { background-image:url(../img/tyt_case.gif); background-position:bottom left}

div#srodek div.navi ul {list-style:none; background:url(../img/naviBottom.gif) bottom no-repeat; padding-bottom:10px; padding-left:0;}
div.navi li {background-color:#441740; padding: 0 10px;}
div.navi li a {border-bottom:1px solid #7c5d7a; display:block; padding:10px 0 10px 20px;}
div.navi li a:hover { background-color:#572f53;}
div.naviBody { background:url(../img/naviTop.gif) no-repeat; padding-top:10px; margin-top:10px;}
div#srodek div.navi ul ul {padding:0; border-bottom:1px solid #7c5d7a;}
div#srodek div.navi ul li {margin:0;}
div.navi li li {padding:0;}
div.navi li li a { background-color:#572f53; border:0; color:#fff; padding-left:30px;}

div#srodek ul {padding-left:25px;}
div#srodek ul li {margin-bottom:5px;}
div#srodek ol {padding-left:20px;}
div#srodek ol li {margin-bottom:10px; color:#60a82 !important;}
div#srodek ol li li {margin-bottom:5px;}
div#srodek h3 {float:left; font-size:24px; color:#fff; font-weight:normal}

div.kontakt {background:url(../img/kawa.jpg) right top no-repeat; height:502px; position:relative;}
div.kontakt div.kawa {width:220px; height:140px; font-style:italic; position:absolute; left:740px; top:290px;}

dl#t_rozwoju { background:url(../img/teatr_rozwoju.png) no-repeat; width:884px; height:307px; text-indent:-9999px; }

span.data {color:#9a6493; font-size:10px; display:block}

div.aktual_item {border-bottom:1px solid #838498; padding:10px 0 20px 10px;}
img.pix {padding:5px; background-color:5px; border:1px solid #83849}

div.aktual_item img.pix { margin:10px;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.fleft { float:left}
div.aktual_item img.fleft { margin-left:0 !important;}
blockquote {padding:20px 20px 20px 0; font-style:italic; font-size:14px}