/* CSS Document */
* {
margin: 0;
}
html, body {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 15px;
margin: 0px 0px; padding: 0px 0px; background: transparent url(../images/bg.gif) repeat-x left top;
height: 100%; text-align: center;
}
img {
border: 0px;
}
h1 {
font-size: 11px; font-weight: bold; margin: 0px 0px; padding: 0px 0px 10px 0px; line-height: 9px;
}
h2 {
padding: 0px 0px 12px 0px; margin: 0px 0px; font-size: 12px;
}
h3 {
padding: 0px 0px 10px 0px; margin: 0px 0px; font-size: 12px; background: transparent url(../images/bgh3.gif) no-repeat left bottom;
}
h4 {
padding: 0px 0px 10px 0px; margin: 0px 0px 30px 0px; font-size: 12px; background: transparent url(../images/bgh4.gif) no-repeat left bottom;
}
#content {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -75px; /* the bottom margin is the negative value of the footer's height */
width: 880px;
}
#top {
width: 850px; padding: 0px 0px; margin: 0px auto; height: 185px; background: transparent url(../images/bgtop.gif) no-repeat center top;
padding: 0px 15px;
}
.logo {
height: 185px; width: 378px; background-color: #286DBB;
float: left; margin: 0px 0px; padding: 0px 0px; overflow: hidden;
}
.header {
width: 472px; height: 185px; background-color: #286DBB;
float: right; margin: 0px 0px; padding: 0px 0px; overflow: hidden
}
#main {
width: 850px; margin: 0px auto; padding: 0px 0px 25px 0px;
}
#top_main {
width: 850px; padding: 0px 0px; margin: 0px 0px; background: transparent url(../images/bgtop_main.gif) repeat-y left top;
}
#content_main {
width: 850px; padding: 0px 0px; margin: 0px 0px; background: transparent url(../images/bgcontent_main.jpg) no-repeat left bottom;
text-align: left;
}
#mainp {
width: 850px; padding: 0px 0px 25px 0px; margin: 0px auto; background: transparent url(../images/bgcontent_mainp.jpg) no-repeat left top;
}
#menu {
height: 30px; padding: 0px 0px 0px 3px; overflow: hidden;
}
#menu a {
width: 102px; height: 25px; text-align: center; background: transparent url(../images/bgmenu.gif) no-repeat left top;
display: block; float: left; margin: 0px 0px 0px 5px; padding: 5px 0px 0px 0px;
}
#menu a:hover, #menu a.active {
width: 102px; height: 25px; text-align: center; background: transparent url(../images/bgmenuhover.gif) no-repeat left top;
display: block; float: left; margin: 0px 0px 0px 5px; padding: 5px 0px 0px 0px;
}
#box {
width: 530px; padding: 20px 0px 65px 15px;
}
a.more {
font-weight: bold; font-size: 11px; font-family: Tahoma; color: #286DBB;
background: transparent url(../images/bgmore.gif) no-repeat right 10px;
padding: 10px 23px 0px 0px; float: left; text-decoration: none;
}
a.more:hover {
font-weight: bold; font-size: 11px; font-family: Tahoma; color: #286DBB;
background: transparent url(../images/bgmore.gif) no-repeat right 10px;
padding: 10px 23px 0px 0px; float: left; text-decoration: underline;
}
#leftkolumn {
width: 285px; padding: 0px 0px 0px 15px; text-align: left; float: left;
}
#leftkolumnp {
width: 220px; padding: 60px 0px 0px 15px; text-align: left; float: left;
}
#onekolumn {
width: 825px; padding: 60px 0px 0px 15px; text-align: left;
}
#smenu ul {
margin: 0px 0px; padding: 0px 0px; list-style: none;
}
#smenu ul li {
margin: 0px 0px; padding: 8px 0px 8px 10px; list-style: none;
background: transparent url(../images/bgsmenuli.gif) repeat-x left top;
}
#smenu ul li a {
color: #282828; text-decoration: none; background: transparent url(../images/plus.gif) no-repeat left 2px;
padding: 0px 0px 0px 26px;
}
#smenu ul li a:hover {
color: #282828; text-decoration: underline; background: transparent url(../images/plus.gif) no-repeat left 2px;
padding: 0px 0px 0px 26px;
}
#smenu ul li ul {
margin: 0px 0px 0px -10px; padding: 15px 0px 0px 0px; list-style: none; font-size: 11px; color: #6E6E6E;
}
#smenu ul li ul li {
margin: 0px 0px; padding: 1px 0px; list-style: none; background: none;
}
#smenu ul li ul li a {
color: #6E6E6E; text-decoration: none; display: block; padding: 3px 0px 3px 35px; margin: 0px 0px;
background: transparent url(../images/bglilia.gif) no-repeat 25px 5px;
}
#smenu ul li ul li a:hover {
color: #6E6E6E; text-decoration: underline; display: block; padding: 3px 0px 3px 35px;
margin: 0px 0px; background: #E0EAF6 url(../images/bglilia.gif) no-repeat 25px 5px;
}

#images {
width: 200px;
}
#images img {
background: transparent url(../images/bgimage.jpg) no-repeat left bottom; margin: 0 auto;
padding: 10px 20px 30px 20px;
}
#rightkolumn {
width: 520px; padding: 0px 0px; text-align: justify; float: right; font-size: 11px;
}
#rightkolumnp {
width: 580px; padding: 60px 0px 0px 0px; text-align: justify; float: right; font-size: 11px;
}
.box_pro {
width: 490px; background: transparent url(../images/bgboxpro.jpg) no-repeat left bottom;
padding: 15px 15px 30px 15px;
}
.box_pro img {
float: left; padding: 0px 25px 0px 0px;
}
.line {
border-bottom: 1px dashed #ACACAC; height: 1px; overflow: hidden; margin: 12px auto; padding: 0px 0px;
width: 95%;
}
a.more2 {
font-weight: bold; font-size: 11px; font-family: Tahoma; color: #286DBB;
background: transparent url(../images/bgmore2.gif) no-repeat right 15px;
padding: 15px 23px 0px 0px; float: right; text-decoration: none;
}
a.more2:hover {
    text-decoration: underline;
}
a.more3 {
    font-weight: bold;
    font-size: 11px;
    font-family: Tahoma;
    color: #286DBB;
    background: transparent url(../images/bgmore3.gif) no-repeat left 15px;
    padding: 15px 0px 0px 23px;
    float: left;
    text-decoration: none;
}
a.more3:hover {
    text-decoration: underline;
}

#footer, #push {
height: 75px; width: 850px; margin: 0px auto; overflow: hidden;
}
#foot {
height: 75px; width: 850px; margin: 0px auto; background: transparent url(../images/bgfoot.gif) repeat-x left top;
color: #FFFFFF; font-family: Tahoma;
}
#footleft {
height: 75px; width: 850px; margin: 0px auto; background: transparent url(../images/bgfootleft.gif) no-repeat left top;
}
#footright {
height: 65px; width: 820px; margin: 0px auto; background: transparent url(../images/bgfootright.gif) no-repeat right top;
padding: 10px 15px 0px 15px;
}
.bottommenu {
float: left; width: 320px; text-align: left;
font-size: 11px; padding: 0px 0px 12px 0px;
}
.bottommenu a {
color: #FFFFFF; text-decoration: none;
}
.bottommenu a:hover {
    text-decoration: underline;
}
.copy {
float: left; width: 320px; text-align: left;
font-size: 10px; line-height: 12px;
}
.adress {
float: right; width: 320px; text-align: right; font-size: 10px;
padding: 0px 0px 10px 0px;
}
.design {
float: right; width: 320px; text-align: right; font-size: 10px;
height: 30px;
}
.design a {
color: #FFFFFF; text-decoration: none;
}
.design img {
padding: 0px 0px 0px 5px; border: 0px; text-align: right; margin: 0px 0px -12px 0px;
}
.clear {
height: 0px; line-height: 0px; font-size: 1px; clear: both; overflow: hidden;
}
/* .................. IMG ................. */
img.mini {
    margin:8px 8px 8px 0;
    border:1px solid #00006F;
    padding:1px;
    float:left;
}
img.mini_glowna {
    margin:0px 8px 8px 0;
    border:2px solid #c7c7c7;
    padding:1px;
    float:left;
}
/* ----------- lightbox - galeria ------------ */
#lightbox{
	position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;
	}
#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: transparent url(../images/blank.gif) no-repeat; /* 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/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 15% no-repeat; }
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;
	}
#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;	}		
#overlay{
	position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;
	}
/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute; top: 0px; left: 0px; width: 100%; min-width: 790px;
	}
* html .lbContent { /* IE6 */
	margin-left: -790px; position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
/* Clearfix */	
.clearfix:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

/*.........PANEL.........*/

div.thumb {
        margin: 5px;
        border: 0px solid #DADADA;
        height: auto;
        float: left;
        text-align: center;
        background-color: #fff;
        }
div.thumb img{
        display: inline;
        margin: 3px;
        border: 1px solid #A0ACC0;
        }
#galeria .thumb a:hover img {
        border: 1px solid #000846;
}
#trailimageid
{
        position: absolute;
        visibility: hidden;
        left: 0px;
        top: 0px;
        /*width: 230px;*/
        height: 0px;
        z-index: 200;
}