/*============= KOLORY
#2386c7 - niebieski (tekst)
#a34c00 - brąz (navi 1 level)
#7e1e00 - brąz (navi 2 level)
#f04083 - róż
#ceb897 - jasny brąz
#fff9df - kolor kartki
white
*/

body{
	height:100%;
	padding: 0px;
	margin:0px;
	vertical-align:top; 
	font-family:verdana;
	font-size:11px;
	background-color:#429fc1;
	background-image:url('../images/page_bg.jpg');
	background-repeat: repeat-x;
	background-position: top;
  
	scrollbar-face-color:#fff9df;
	scrollbar-highlight-color:#ceb897;
	scrollbar-shadow-color:#ceb897;
	scrollbar-3dlight-color:#fffdf2;
	scrollbar-darkshadow-color:#fffdf2;
	scrollbar-arrow-color:#a34c00;
	scrollbar-track-color:#fffdf2;
}
TABLE {
	margin-left: auto; 
	margin-right: auto; 
	vertical-align:top; 
	padding:0px; 
	width:100%; 
} 

/*=====================================================           KONSTRUKCJA STRONY           */
#all_page    {
	text-align: center;
}
#container    {
	width:980px; 
}
#animation{
	width:380px; 
	vertical-align:top; 
}
#content_and_navi_container {
	width:600px; 
	height:520px;
	vertical-align:top; 
	background-image:url('../images/content.jpg');
	background-repeat: no-repeat;
	background-position: top;
}
#content_and_navi {
	width:100%; 
	height:97%;
	border:1px;
}
#intro    {
	padding-top: 100px;
	width:600px;
}
/*=====================================================           TREŚĆ           */
#content {
	width:415px; 
	height:100%;
	text-align:right;
	vertical-align:top; 
	padding-top:30px;
}
div.content_inside {
	width:376px;
	height:446px;
	margin-right:4px;
	margin-left:auto;
	padding-right:10px;
	text-align:left;
	overflow: auto;
	position:static;
	
	font-family:verdana;
	font-size:11px;
	color:#2386c7;
}
div.content_inside a{
	color:#f04083;
	text-decoration: underline;
	font-weight: bold;
}
div.content_inside a:hover{
	color:#a34c00;
}
div.content_inside h1{
	font-weight: bold;
	font-size:16px;
	padding-left:26px;
	padding-top:14px;
	margin-bottom:0px;
	background-image:url('../images/flag.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div.content_inside h2{
	font-weight: bold;
	font-size:12px;
	padding-top:6px;
}
div.content_inside li{
	margin-bottom:8px;
}
div.content_inside img{
	margin-top:10px;
	margin-bottom:10px;
	border: 1px solid #ceb897;
}
.content_table {
	margin:auto;
	background-color:#ceb897;
}
.content_table td{
	font-family:verdana;
	font-size:11px;
	color:#2386c7;
	background-color:#fffdf2;
	padding:3px;
}
.content_table td.header{
	background-color:#ebe2c3;
	color:#a34c00;
	text-align:center;
	font-weight:bold;
}
.content_table_centered td{
	text-align:center;
	font-family:verdana;
	font-size:11px;
	color:#2386c7;
}


.thumbnails_container{
	text-align:center;
	margin:auto;
	width:100%;
}
.thumbnails {
	width:1px;
	margin:auto;
}
.thumbnails a{
	width:110px;
	height:102px;
	display:block;
	background-image:url('../images/gallery/icon_frame_out.gif');
	background-repeat: no-repeat;
	background-position: 5px 2px;
}
.thumbnails a:hover{
	background-image:url('../images/gallery/icon_frame_over.gif');
}
.thumbnails td img{
	margin:10px;
	margin-bottom:2px;
	border:0px;
}
.thumbnails td {
	font-size:10px;
	color:#2386c7;
	text-align:center;
	padding-bottom:12px;
}
#foto_navi{
	width:60px;
	margin:auto;
}
.foto_navi_inside{
	font-size:11px;
	font-weight:bold;
	color:#a34c00;
	text-align:center;
	vertical-align:middle;
	padding:3px;
}
.foto_navi_inside img{
	margin-top:2px;
}
.foto_navi_inside a img{
	border: 0px;
}


/*=====================================================           NAWIGACJA           */
#navi {
	width:185; 
	height:100%;
	vertical-align:top; 
	padding-top:14px;
}
div.navi_inside{
	display:block;
	margin:0px;
	padding:0px;
	border:1px black;
}
div.navi_inside a.level_1{
	padding-top:14px;
	padding-left:16px;
	padding-bottom:4px;
	color:#a34c00;
	font-family:verdana;
	font-size:15px;
	text-decoration:none;
	display:block;
	background-image:url(../images/navi_lev_1_separator.gif);
	background-repeat:no-repeat;
	background-position:16px bottom;
	background-color:transparent;
}
div.navi_inside a.level_1:hover{
	color:#f04083;
}
div.navi_inside a.level_1_selected{
	padding-top:14px;
	padding-left:16px;
	padding-bottom:4px;
	color:#ffa817;
	font-family:verdana;
	font-size:15px;
	text-decoration:none;
	display:block;
	background-image:url(../images/navi_lev_1_separator.gif);
	background-repeat:no-repeat;
	background-position:16px bottom;
	background-color:transparent;
}
div.navi_inside a.level_1_selected:hover{
	color:#f04083;
}
div.navi_inside a.level_2{
	padding:2px;
	padding-left:30px;
	color:#7e1e00;
	font-size:11px;
	font-family:verdana;
	text-decoration:underline;
	display:block;
	background-image:url(../images/navi_lev_2_bullet_out.gif);
	background-repeat:no-repeat;
	background-position:18px 7px;
	background-color:transparent;
}
div.navi_inside a.level_2:hover{
	color:#f04083;
	background-image:url(../images/navi_lev_2_bullet_over.gif);
}
div.navi_inside a.level_2_selected{
	padding:2px;
	padding-left:30px;
	color:#ffa817;
	font-size:11px;
	font-weight:bold;
	font-family:verdana;
	text-decoration:underline;
	display:block;
	background-image:url(../images/navi_lev_2_bullet_out_selected.gif);
	background-repeat:no-repeat;
	background-position:18px 7px;
	background-color:transparent;
}
div.navi_inside a.level_2_selected:hover{
	color:#f04083;
	background-image:url(../images/navi_lev_2_bullet_over_selected.gif);
}
div.flags{
	padding-top:10px;
	padding-left:100px;
}
div.flags img{
	border: 0px;
}

#stopka{
	font-size:10px;
	color:7e1e00;
	text-align:center;
}
#stopka a{font-family: verdana; font-size: 10px; color: #7e1e00; text-decoration: none;}
#stopka a:hover{text-decoration: underline;}

.cont { font-family: verdana; font-size: 11px; color: #2386c7;}
.cont form{ font-family: verdana; color: #2386c7; }
.cont input{border-style: solid; border-width: 1; border-color: #2386c7; color: #2386c7; cursor: hand;}
.cont textarea{border-style: solid; border-width: 1; border-color: #2386c7; color: #2386c7;}
.cont option{color: #2386c7;}
.cont a{ font-family: verdana; font-size: 11px; color: #33a6e7; text-decoration: none;}
.cont a:hover{ text-decoration: underline;}
.cont input,.cont button,.cont textarea,.cont option,.cont select {height: auto;}