html{
	background-color: #798996;
}

* {
	outline:none;
}

a{text-decoration: none; }
a:hover{text-decoration: none;}
a:visited{text-decoration: none;}

#layout1x1 hr {
	height: 1px;
	color: #83A1BB;
	background: #83A1BB;
	border:0;
	margin-top:10px;
	padding:0px;
	}

.smallLetters hr{
	height: 1px;
	color: #83A1BB;
	background: #83A1BB;
	border:0;
	margin:0;
	padding:0;
}

strong{font-weight:bold;}

h1{
	font-size: 1.4em;
	font-weight: bold;
}

h2{
	font-size: 1.1em;
	font-weight: bold;
}

.left{
	float:left;
}

.right{
	
}

.clear{
	margin:0;
	padding:0;
	border: 0;
	clear:both;
}

.orange{
	color: #ff9933
}

.float-img{
	float:left;
	margin-right: 10px;
}

#layout_album .album_thumbs_table{
	margin: 0 auto;
}

#layout_album {
	padding: 10px;
}

#layout1x1{
	background-color: #ffffff;
	color: #004e90;
}

#layout1x1 .content{
	padding: 40px 20px 20px 20px;
}

#layout1x1 h1{
	font-size: 2.5em;
	color: #FCA605
}

#custom-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:73.80em;/* non-IE */
	*width:72.00em;/* IE */
	min-width:960px;/* optional but recommended */
	
	color: #42556e;
	font-family: Verdana;
}

#custom-doc2 {
	margin:left;text-align:left; /* leave unchanged */
	width:75.38em;/* non-IE */
	*width:73.50em;/* IE */
	min-width:980px;/* optional but recommended */
	background-color: #FFFFFF;
}


#menu a{
	display: block;
	float:left;
}

#hd{
	position: relative;
	z-index: 1;
	height: 399px;
}

#parallax{
	position:absolute; 
	overflow:hidden;
	width: 960px;
	height: 399px;
	background-image: url('images/intro/int_011.jpg');
}

#logo{
	position: absolute;
	z-index: 3;
	width: 124px;
	height: 92px;
	left: 80px;
	top: 20px;
}
#keesafety {
	position: absolute;
	z-index: 3;
	width: 124px;
	height: 92px;
	right: 0px;
	bottom: 20px;
	}
#orange-links{
	position: absolute;
	background-color: #fea604;
	width: 313px;
	height: 39px;
	z-index: 3;
	right: 0;
	top: 42px;
}

#orange-links div
{
	padding: 10px 0 0 4px;
}

#orange-links a{
	padding-left: 11px;
	padding-right: 11px;
	color: #FFFFFF;
	font-size: 1.3em;
	float:left;
	display: block;
	font-weight: normal;
}

#bd{
	background-color: #FFFFFF;
	background-image: url('images/intro/int_backg.jpg');
}

#ft{
	background-color: #004e90;
	color: #FFFFFF;
	height: 375px;
	padding: 38px 53px 0 53px;
}

#ft .yui-gd
{
	
}

#below_ft{
	background-color: #c5c5c5;
	height: 31px;
}

#scrollable-intro  .item{ 
	width: 345px;
}

.stripe{
	background-image: url('images/intro/separator.png');
	background-repeat: no-repeat;
	width: 1px;
	height: 29px;
	display: block;
	margin-top:-3px;
	padding:0;
	float:left;
}


.img-style img{
	/*-moz-border-radius:4px 4px 4px 4px;*/
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	cursor:pointer;
	float:left;
	padding:2px;
}

/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:200000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div.item { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* position and dimensions of the navigator */
.navi {
	margin-left:232px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}



/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/arrows3.png) no-repeat;
	display:block;
	width:12px;
	height:28px;
	float:left;
	/*margin:40px 10px;*/
	cursor:pointer;
	font-size:1px;
}

/* right */
a.rgt 			{ background-position: 0 0px; clear:right;height:14px;}
/*a.rgt:hover 		{ background-position: 0px 0px; }
a.rgt:active 	{ background-position: 0px 0px; } */


/* left */
a.lft				{ background-position: 0px -14px;height:14px} 
/*a.lft:hover  		{ background-position: 0px 0; }
a.lft:active  	{ background-position: 0px 0; }*/

a.disabled {
	visibility:hidden !important;		
}

/******** TABLES *********/
table.table{border-collapse:collapse;border-color:#ccc;}
.table td,.table th{/*font-size:11px;*/line-height:13px;border-bottom:1px solid #eee;vertical-align:top;padding:5px;/*font-family:"Lucida Grande",Verdana,Arial,sans-serif;*/}
.table th{text-align:left;/*font-size:12px;*/}
.table thead th,.table tfoot td{color:#666;padding:2px 5px;/*font-size:11px;*/background:#e1e1e1 url("images/nav-bg.gif") top left repeat-x;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.table tfoot td{border-bottom:none;border-top:1px solid #ddd;}
.table thead th:first-child,.table tfoot td:first-child{border-left:none!important;}
.table thead th.optional{font-weight:normal!important;}
.table fieldset table{border-right:1px solid #eee;}
.table tr.row-label td{font-size:9px;padding-top:2px;padding-bottom:0;border-bottom:none;color:#666;margin-top:-1px;}
.table tr.alt{background:#f6f6f6;}.row1{background:#EDF3FE;}.row2{background:white;}

/* FORM DEFAULTS */

input, textarea, select, .form-row p {
    margin: 2px 0;
    padding: 2px 3px;
    vertical-align: middle;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
}

textarea {
    vertical-align: top !important;
}

input[type=text], input[type=password], textarea, select, .vTextField {
    border: 1px solid #ccc;
}

optgroup{
	font-weight: bold;
}

optgroup option{
	font-weight: normal;
}

/* FORM BUTTONS */

.button, input[type=submit], input[type=button], .submit-row input {
    background: white url(images/icons/nav-bg.gif) bottom repeat-x;
    padding: 3px 5px;
    color: black;
    border: 1px solid #bbb;
    border-color: #ddd #aaa #aaa #ddd;
}

.button:active, input[type=submit]:active, input[type=button]:active {
    background-image: url(images/icons/nav-bg-reverse.gif);
    background-position: top;
}

.button.default, input[type=submit].default, .submit-row input.default {
    border: 2px solid #5b80b2;
    background: #7CA0C7 url(images/icons/default-bg.gif) bottom repeat-x;
    font-weight: bold;
    color: white;
    float: right;
}

.button.default:active, input[type=submit].default:active {
    background-image: url(images/icons/default-bg-reverse.gif);
    background-position: top;
}

/* MESSAGES & ERRORS */

ul.messagelist {
    padding: 0 0 5px 0;
    margin: 0;
}

ul.messagelist li {
    font-size: 12px;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border-bottom: 1px solid #ddd;
    color: #666;
    background: #ffc url(images/icons/icon_success.gif) 5px .3em no-repeat;
}

.errornote {
    font-size: 12px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid red;
    color: red;
    background: #ffc url(images/icons/icon_error.gif) 5px .3em no-repeat;
}

ul.errorlist {
    margin: 0 !important;
    padding: 0 !important;
}

.errorlist li {
    font-size: 12px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid red;
    color: white;
    background: red url(images/icons/icon_alert.gif) 5px .3em no-repeat;
}

td ul.errorlist {
    margin: 0 !important;
    padding: 0 !important;
}

td ul.errorlist li {
    margin: 0 !important;
}

.errors {
    background: #ffc;
}

.errors input, .errors select {
    border: 1px solid red;
}

/******* UL LIST *********/
#bd_content ul {
	padding-left:20px;
	}
#bd_content li{
	list-style:circle outside;
	
	margin-bottom:2px;
	}


/******* UL LIST *********/
#bd_content ul {
	padding-left:20px;
	}
#bd_content li{
	list-style:circle outside;
	
	margin-bottom:2px;
	}

/****** OVERLAY IMG ******/
.ovr-back
{
	position:absolute;
	top:0;left:0;    
}
.ovr-wrap
{
	width: 494px;
	height:242px;
	position:relative;
	margin:auto;
	overflow:hidden;
 }
 
	
.ovr-comment
{
	
	position:absolute;   
	width: 468px;
	height:26px;
	top:192px;
	left:0px;
	margin-left: 3px;
	letter-spacing: -1px;
	color: #2b2b2b; 
	font: 17px Sans-Serif; 
	background: #fff; 
	padding: 10px;  
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	line-height: 90%;
	display:block;
}

/******* VERTICAL ALIGN *******/
.vert-align-third{
	
}

.vert-align-second{
	display: table-cell; 
	vertical-align: middle;
	width: 100%;
}
.vert-align-first{
	display: table; 
	position: static;
	overflow: hidden;
}

.vert-hor-align-third{
	margin-left: auto; margin-right: auto; text-align: center;
}

.vert-hor-align-second{
	display: table-cell; 
	vertical-align: middle;
	width: 100%;
	text-align:center;
}
.vert-hor-align-first{
	display: table; 
	position: static;
	overflow: hidden;
	width: 100%;
}


/**** GALLERY ******/
.album_thumbs_table{

}

.album_thumbs_table_tr{
	text-align:center;
}

.album_thumbs_table_td{
	padding: 0 0px 0 0;
	width: 100px;
	/*background-color: #FFFFFF;*/
    vertical-align: top;
	text-align:center;
}

.album_thumbs_table_td img{
	
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:1px;
}

.album_thumbs_table_td .text {
	font-size: 0.8em;
	margin-bottom: 3px;
}

img.album_thumbs_image{
	text-align:center;
}

/**** IMG PREVIEW ****/
/* CSS: (StyleSheet) */

#imgPreviewWithStyles {
    background: #222;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
    padding: 15px;
    z-index: 999;
    border: none;
}

/* Text below image */
#imgPreviewWithStyles span {
    color: white;
    text-align: center;
    display: block;
    padding: 10px 0 3px 0;
}

/***** TABS *****/
#tabs ul a{
	font-size: 0.73em;
}


/***** CONTACT FORM ******/

.form_k tbody td{
	padding-top: 10px;
}
.form_k .blad{
	color: red;
}

input.pole_k {
	margin:0 0 4px 0;
	border: 1px solid #0095da;
	background:transparent;
	}

input.pole_k, textarea.pole_kont{
	color: #ffffff;
}

input.pole_k:hover, input.pole_k:focus
{ 
	
 }

input.button_k
{ 	
	background-color: #0095da;
	color: #ffffff;
	float: right;
	height:25px;
	margin-top:5px;
}
input.button_k:hover, input.button_k:focus
{
	background-color: #004e90;

	height:25px;
	margin-top:5px;
}
textarea.pole_k {
	
	border: 1px solid #0095da;
	overflow:auto;
	background:transparent;
}
textarea.pole_kont {
	
	border: 1px solid #0095da;
	overflow:auto;
	background:transparent;
	width: 553px;
}


/*****shadow******/

.layer {
	padding-right: 8px;
	padding-left: 8px;
	position: relative;
	background-color:#fff;
}

.layer .left,
.layer .right,
.layer .center {
	position: absolute;	
}

.layer .shadow-top .left,
.layer .shadow-top .right,
.layer .shadow-bottom .left,
.layer .shadow-bottom .right {
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.layer .shadow-top .center,
.layer .shadow-bottom .center {
	height: 23px;
	right: 45px;
	left: 45px;
	background-repeat: repeat-x;
}

.layer .shadow-middle div {
	width: 23px;
	bottom: 45px;
	top: 45px;
	background-repeat: repeat-y;	
}

.layer .shadow-top div { top: 0; }
.layer .shadow-bottom div { bottom: 0; }

.layer .left { left: 0; }
.layer .right { right: 0; }

.layer .shadow-top .left { background-image: url('images/shadow/tl.png'); }

.layer .shadow-top .right { background-image: url('images/shadow/tr.png'); }

.layer .shadow-bottom .left { background-image: url('images/shadow/bl.png'); }

.layer .shadow-bottom .right { background-image: url('images/shadow/br.png'); }

.layer .shadow-top .center { background-image: url('images/shadow/t.png'); }

.layer .shadow-bottom .center { background-image: url('images/shadow/b.png'); }

.layer .shadow-middle .left { background-image: url('images/shadow/l.png'); }

.layer .shadow-middle .right { background-image: url('images/shadow/r.png'); }

/* kwicks */

/* defaults for all examples */
.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
}

/*
.kwicks li{  
    float: left;  
    width: 160px;  
    height: 276px;  
    margin-right: 5px;  
} 
*/ 
.kwicks li {
	float: left;
	width: 239px;
	height: 276px;
}
.kwicks .kwicks_inner {
	width: 400px;
}
.kwicks .bigLetter {
	font-size: 60px;
	width: 239px;
	height: 276px;
	color: red;
	float: left;
}
.kwicks .smallLetters {
	display: none;
	text-align: left;
	width: 150px;
	color: #000000;
	
	padding-top: 23px;
	float: left;
	height: 276px;
	background-color: #f6f6f6;
	background-image: url('images/intro/int_backg.jpg');
	
}
.kwicks .smallLetters p {
	margin-bottom:4px;
	line-height:1.1em;
	font-size: 0.8em;
	color:#545555;
	}
.kwicks li.active .smallLetters {
	display: block;
}
#kwick1 {   
    width: 239px;
	height: 276px;
    background-image: url('images/intro/int_02.jpg');  
}  
#kwick2 {  
    width: 239px;
	height: 276px;
    background-image: url('images/intro/int_03.jpg');  
}  
#kwick3 {  
    width: 239px;
	height: 276px;
    background-image: url('images/intro/int_04.jpg');  
}  
#kwick4 {   
    width: 239px;
	height: 276px;
    background-image: url('images/intro/int_05.jpg');  
    margin-right: none;  
}  
.content img {
	margin: 0px 12px 0px 0px;
	}
/***** linki *****/
.content a {
	color:#004e90;
	font-weight:normal;
	text-decoration:underline;
	border:none;
	margin:0;
	padding:0;
	
	}

.content a:link {color:#004e90;border:0;text-decoration:underline;}
.content a:visited {color:#004e90;border:0;text-decoration:underline;}
.content a:hover {text-decoration:none;background-color:transparent;color:#004e90;border:0;}
.content a:active {
  outline: none;
}

.smallLetters a:link {color:#000;border:0;text-decoration:none;}
.smallLetters a:visited {color:#000;border:0;text-decoration:none;}
.smallLetters a:hover {text-decoration:none;background-color:transparent;color:#000;border:0;}
.smallLetters a:active {
  outline: none;
}

.dobrze {
	color:green;
	}
.zle {
	color:red;
	}
.stopka {
	right:15px;
	position:absolute;
	margin-top:45px;
	}
.stopka a:link {color:#fff;border:0;text-decoration:underline;}
.stopka a:visited {color:#fff;border:0;text-decoration:underline;}
.stopka a:hover {text-decoration:none;background-color:transparent;color:#fff;border:0;}
.stopka a:active {
  outline: none;
}