body { padding: 0; background: #2B2B2B; text-align: center; }
* { font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #000; border: 0; margin: 0; padding: 0; }
@font-face { font-family: Foncik; src: url('fon.ttf'); } 

h1 { font-family:foncik!important; font-size:28px!important; margin-bottom:20px!important; margin-top:15px!important;}

#main { width: 963px; background: #FFF url('../img/main_bg.gif') repeat-y; margin: 0 auto; }
#top, #topHp { width: 963px; height: 70px; background: url('../img/top.jpg'); padding-top: 116px; }
#topHp { background: url('../img/top_hp.jpg'); }
a#logo { float: left; margin-left: 80px; }
#menu { float: right; list-style: none outside none; margin: 35px 0 0 0; width: 620px; }
#menu li { float: left; margin: 0; padding: 0; }
#menu li a { display: block; float: left; width: 90px; height: 23px; padding: 3px 0 0 0; font-size: 15px; text-align: center; color: #000; text-decoration: none; }
#menu li a:hover { color: #888; text-decoration: none; }
#menu li a.cur { color: #DA3641; }
#left { display: inline; float: left; width: 55px; height: 459px; background: transparent url('../img/left.jpg') no-repeat right; }
#content, #contentHp { display: inline; float: left; width: 832px; text-align: center; background: url('../img/content_bg.jpg') repeat-x; }


#content #text h2 {
	font: bold 15px Tahoma,Verdana; letter-spacing: 2px; margin-bottom: 5px; margin-top: 10px;
}

#contentHp { height: 459px; background: url('../img/content_hp.jpg') no-repeat; }
#content #image { display: inline; float: left; width: 350px; height: 300px; padding-top: 10px; }
#content #image img { padding: 3px; border: 2px solid #888; background: #999; }
#content #text { display: inline; float: left; width: 450px; text-align: justify; }
#content #text * { font-family: Tahoma, Helvetica, sans-serif; line-height:19px!important; }
#content #text p { line-height: 16px; }
#right { display: inline; float: left; width: 76px; height: 459px; background: url('../img/right.jpg') no-repeat; }
#bottom, #bottomHp { clear: both; width: 853px; height: 82px; padding: 30px 110px 0 0; color: #FFF; text-align: right; background: url('../img/bottom.jpg') no-repeat; color: #555; }
#bottomHp { background: url('../img/bottom_hp.jpg') no-repeat; }
#bottom span { margin-left: 20px; }

#collectionLogos { padding: 10px 0; }
#collectionLogos img { margin: 5px; }
ul#gallery { padding: 10px 0 20px 20px; }
ul#gallery a { display: inline; overflow:hidden; border:5px solid #CCCCCC; float: left; width:95px; height:140px; margin: 3px; }
ul#gallery a:hover { border-color:gray;}
ul#gallery a img { border: 1px #888 solid; }

ul#gallery li {
	float:left;
	margin:10px;
	overflow:hidden;
}

ul#gallery {
	margin:0px;
	padding:0px;
	
	list-style:none;
}

a.powrot { display: block; float: right; clear: both; width: 435px; text-align: right;  margin: 5px 20px 0 0; }

.center { text-align: center; }
h1 { font-family: tahoma,arial,sans-serif; font-size: 14pt; margin:10px 0 10px 0; }
p { margin-bottom: 10px; }
img { border: 0; }
img.title { margin: 5px 0 10px 0; }
img#bigphoto { border-left: 2px #741A1A solid; border-right: 2px #741A1A solid; }
a.thickbox { text-decoration: none; }
#galeria a.thickbox { display: block; float: left; padding: 7px 12px 7px 12px; }
#galeria a.thickbox:hover { background-color: #F7DDD9; }
#galeria a.thickbox img { border: 1px #741A1A solid; }
ul { list-style: square inside none; margin: 0; padding: 0; }
li { margin: 0 0 5px 0; padding: 0; }
li a { font-weight: bold; }
ul li ul { list-style: circle inside none; margin: 8px 0 8px 15px; }
ul li ul li { margin: 0; }

.usun { display: none; }
#linki { padding-left: 70px; font-size: 11px; color: #555; text-decoration: none; }

#promotion, #promotion * { text-align: center; color: darkred; }


iframe {background: gray;}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
iframe body {text-align:center;}
iframe body img { max-height:680px!important; }
#cboxTitle{display: none !important;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px; background: #2a0f05;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
.caption-top, .caption-bottom {
   float: left;
	display: inline;
	color: #ffffff;	
	padding: 0.8em;
	font-weight: normal;
	font-size: 14px;	
	font-family: arial;	
	cursor: pointer;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
   width:180px!important;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}

.caption-wrapper {
 float: left; 
}

br.c { clear: both; }

#gallery li a img {
	
	width:200px;
	height:301px
}

#gallery {
	margin-left:35px!important;
}

#gallery li a {
	width:200px;

	height:301px;
}



/* 3.2 =Image Grid
---------------------------------------------------------------------- */

.grid {
  margin: -20px 0 0 -40px!important;
  padding-left: 45px!important;
  width: 840px;
}

.grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.grid li {

  margin: 20px 0 0 35px!important;
  float: left!important;
  text-align: center!important;
  font-family: "Helvetica Neue", sans-serif;
  line-height: 17px;
  color: #686f74!important;
  
  overflow: hidden!important;
}

.grid li img,
.grid li strong {
  display: block!important;
}

.grid li strong {
  color: #fff!important;
}