@import url(reset.css);


body { background-color:#FFF; color:#000; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:11px; line-height:18px; text-align:center; }
a { color:#000; text-decoration:underline }
a:hover { color:#000; text-decoration: none }

.hide { display:none }
#calosc {  border:1px solid #9c9c9c;  text-align:left; margin: 20px auto; width:914px;  padding: 36px 36px 30px 30px;  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
//.naSrodek { position:absolute; top: 50%; left: 50%; margin:0px; margin-left:-490px; margin-top:-395px; height:790px; width:980px; }
.naSrodek { 

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


#lang { position:absolute; top:-20px; right:0px; }
#lang a { text-decoration:none}
#lang a:hover  { text-decoration: underline}


.spacer { clear:both; height:1px; font-size:1px; line-height:1px; }
.float-left, .alignleft    { float:left; }
.float-right, .alignright { float:right; }
.image { width:563px; height:375px; overflow:hidden; background: transparent url(../img/loading.gif) center no-repeat }


/* _______________________________________________________________ CZYSZCZENIE */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }



/* -------------------------- LEFT */
#left { width: 340px; height:719px; position:relative;}
#right { width: 563px; height:693px; position:relative; overflow:hidden; }
#right { font-size:11px; }

h1#logo {position:absolute; top:0px; }
h1#logo a{ background:transparent url(../img/logo.png) no-repeat; width:340px; height:80px; display:block; text-indent:-999px; }



#description { position:absolute; bottom:30px; width:100% }
#description ul { margin-top:1em; }

/* -------------------------- RIGHT */
h4 { font-size:12px; font-weight:normal; text-transform: uppercase}

/* -------------------------- MENU */
#menu {  position:absolute; top:190px;/* overflow:hidden; */ height:130px; width:100%;  }
	/*#aleksandra, #aleksandra-en { position:absolute; top:0px; left:0px; height:20px; }*/
	/*#zargun, #zargun-en { position:absolute; top:20px; left:0px; height:20px;}
	#star, #star-en { position:absolute; top:40px; left:0px; height:20px; }*/
	/*#star, #star-en { position:absolute; top:20px; left:0px; height:20px; }*/
	
	#info, #info-en { position:absolute; top:415px; left:0px; height:20px; }



#menu ul li			{ margin-left:40px; }
#menu ul ul li 		{ margin-left:90px; }
#menu,
#menu h2			{ color:#999999; font-family: Lucida Sans Unicode, Corbel, Trebuchet MS, Verdana, sans-serif; font-weight:normal; letter-spacing:-1px; font-size: 16px; line-height:20px;  }
#menu a 			{ display:block; width:340px; height:20px; line-height:20px; overflow:hidden; font-weight:normal; }
#menu a 			{ text-decoration:none; color:#999999 }
#menu a:hover 		{ text-decoration:none; color:#000000}
#menu a.now 		{ text-decoration:none; color:#000000;}

#menu ul li a 		{ font-size:14px; }
#menu ul ul li a 	{ font-size:12px; }


/* -------------------------- KONTAKT */
h2#contact {position:absolute; bottom:0px;}
h2#contact a { text-indent:-999px; display:block; width:40px; height:20px; background-image:url(../img/menu/contact.png); background-repeat:no-repeat }
.pl h2#contact a { text-indent:-999px; display:block; width:40px; height:20px; background-image:url(../img/menu/kontakt.png); background-repeat:no-repeat }
h2#contact a:hover { background-position:bottom left}

/* -------------------------- SLIDESHOW */
#slideshow { }
#slideshow img { cursor:pointer }
#nav { position:absolute; top:380px; z-index:1000 }
#nav a { padding: 3px 5px; text-decoration: none; color:#999999 }
#nav a:hover { text-decoration:underline }
#nav a.activeSlide { /*text-decoration:underline;*/ color:#000000 }
#nav a:focus { outline: none; }

/* -------------------------- INFO */
#info-paginacja {}
.info-lista					{ padding-top:50px; }
.info-lista li				{ height:160px; }
.info-lista .miniaturka 	{ width:140px; height:90px; overflow:hidden; float:left; display:block }
.info-lista .streszczenie	{ float:right; display:block; width:72%; margin-top:25px; }
.info-lista li a				{ text-decoration:none; display:block; cursor:pointer }
.info-lista li a:hover			{ text-decoration: underline }