html{
	background-color: #6690A9;
	color: #42556e;
}

* {
	outline:none;
}

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

hr{
	height: 1px;
	color: #e0e0e0;
	background: #e0e0e0;
	border:0;
}

strong{font-weight:bold;}

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

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

.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{
	padding: 20px;
}

#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;
}

#logo{
	display:block;
	height: 100px;
	width: 380px;
	/*border: 1px dotted;*/
	margin: 60px 0 0 470px;
}

#menu_top{
	padding: 23px 0 0 364px;
}



#menu_top a{
	font-size: 0.9em;
	padding: 23px 10px 5px 10px;
	border-right: 1px dotted #42556e;
	color: #42556e;
}

#menu_top a:visited{
	color: #42556e;
}

#menu_top a:hover{
	color: #000000;
	text-decoration: underline;
}

#main_menu{
	padding: 93px 0 0 51px;
}

#main_menu a:hover
{
	background-color: #B8D1E9;
	color: #42556e;
}

#main_menu a{
	font-size: 1.1em;
	display: block;
	padding: 10px 0 10px 20px;
	color: #FFFFFF;
	font-weight: bold;
}

#hd{
	width: 960px;
	height: 253px;
	background-image: url('images/color_logo2.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#bd{
	background-color: #FFFFFF;
}

#bd_left{
	float:left;
}

#bd_left_menu_box{
	width: 295px;
	height: 417px;
	background-image: url('images/color_menu_box.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#bd_left_image_box{
	width: 295px;
	height: 248px;
	background-image: url('images/color_image_box.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#bd_content{
	float:left;
	width: 650px;
	background-image: url('images/color_pallete.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#bd_content_header
{
	text-align: right;
	height: 258px;
}

#bd_content_main
{
	padding: 0 0 20px 40px;
}

#below_bd{
	height: 1px;
	border-top: 1px solid #f2f2f2;
	background-color: #FFFFFF;
}

#ft{
	background-color: #dedede;
	color: #8c8a89;
	font-weight: bold;
	font-size: 1.1em;
	height: 67px;
	border-bottom: 1px solid #bcbcbc;
}

#ft .yui-gd
{
	padding: 24px 24px 24px 50px;
}

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

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

.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%;
}

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

.form_k td{
	/*width: 400px;*/
}
.form_k .blad{
	color: red;
}

/**** 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;
}

/**** buttony i pola tekstowe ****/


.form_k {
	text-align:left;
	margin:0;
	}
input.pole_k {
	margin:0 0 4px 0;
	border: 1px solid #4c4c4c;
	background:#ebebeb;
	color:#4c4c4c;
	}


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

input.button_k
{ 	color:#000;
	border: 1px solid #4c4c4c;
	background:transparent;
	width:80px;
	height:18px;
	margin-top:5px;
}
input.button_k:hover, input.button_k:focus
{
	border: 1px solid #4c4c4c;
	background:transparent;
	color:#000;
	width:80px;
	height:18px;
	margin-top:5px;
}
textarea.pole_k {
	
	border: 1px solid #4c4c4c;
	background:#ebebeb;
	color:#4c4c4c;
	overflow:auto;
	width:245px;
}
textarea.pole_kont {
	
	border: 1px solid #4c4c4c;
	background:#ebebeb;
	color:#4c4c4c;
	overflow:auto;
	width:210px;
}
* strong {
	font-family:'News gothic MT Bold';
	font-size:1.1em;
}

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

.layer {
	padding: 23px;
	position: relative;
}

.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'); }