/* project: port500.pl
   author: Arkadiusz Hauzer */
body { color: #191919; background: #FBFBF9 url(../_site_img/const/header.jpg) repeat-x top left; font: normal 0.7em Tahoma,Verdana,sans-serif; line-height: 1.3em; width: 680px; margin: 17px auto; padding: 0; }

a { color: #003D79; text-decoration: none; }
a:hover { color: #990000; text-decoration: underline; }
p { margin: 0px; padding: 0px; }
img { border: 0px; }

#logo { float: left; margin: 0px; text-align: left; width: 171px;}
#bosmanat { color: #881111; float: right; margin: 0px; text-align: right; width: 220px; font: normal bold 1.3em sans-serif; }

#navi { width: 680px; float: right; padding: 0px 0px 0px 0px; text-align: right; font: normal 1.1em "Trebuchet MS", Helvetica, Sans-Serif; }
#navi ul { float: right; margin: 0px 0px 0px 0px; padding-bottom: 3px; padding-top: 4px; }
#navi li { display: inline; list-style: none; padding-bottom: 3px; padding-top: 4px; margin: 0px 0px 0px 0px; }
#navi li a { color: #505344; padding-bottom: 3px; padding-right: 10px; padding-left: 10px; padding-top: 10px; text-decoration: none; }
#navi li a:hover { color: #881111; padding-bottom: 1px; padding-right: 10px; padding-left: 10px; padding-top: 10px; border-bottom: #881111 solid 2px; }

#left { float: left; width: 190px; margin: 20px 0px 20px 0px; padding: 0px; }
	.weather { float: left; color: #202C60; border: solid 1px #EAEAE8; background: #F9F9F7; margin: 0px 0px 12px 0px; padding: 4px 5px 2px 5px; width: 178px; }
	.weather img { float:left; }
	.weather p { float: right; width: 130px; padding-bottom: 5px; }

	.cam { float: left; color: #202C60; margin: 0px; padding: 8px 14px 8px 14px; width: 160px; border: #CCCCCC solid 1px; background: #F7F7F4;  }
	.cam p { padding: 0px 0px 8px 0px; }

	/*.thumb { float: left; width: 150px; border: 1px solid #d4d4d4; color: #fff; background: #6e6e6e; margin: 0 15px 15px 0; padding: 5px; }
	.thumb p { margin: 0; padding: 3px; color: #FFF; background: #6e6e6e; }*/

	#menu { float: left; font: normal 1.1em "Trebuchet MS", Helvetica, Sans-Serif; display: block; width: 190px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: #E0E0DE solid 1px; border-bottom: #E0E0DE solid 1px; }
	#menu ul { margin: 0px; padding: 0px; list-style: none; }
	#menu li { display: block; color: #002953; padding: 0px; list-style: none; }
	#menu a { display: block; color: #555555; text-decoration: none; padding: 2px 4px 2px 4px; }	
	#menu a:hover { display: block; background: #F7F7F4; color: #881111; text-decoration: none; padding: 2px 4px 2px 4px; }

#content { float: right; width: 468px; margin: 20px 0px 20px 0px; padding: 0px; }

	.intro { float: left; width: 468px; color: #FFFFFF; background: #000033; padding: 0px 0px 0px 0px; margin: 10px 0px 1px 0px; }
	.intro li { font-size: 1em; display: inline; font-weight: bold;  }
	.intro li a { float: left; width: 116px; padding: 5px 0px 7px 0px; text-align: center; margin: 0px 0px 0px 0px; color: #FFFFFF;  }
	.intro li a:hover { text-decoration: none; color: #FFF8DC; }
	.memo { color: #333333; border: solid 1px #E4E6DF; background: #EFF0EC; float: left; margin: 1px 0px 0px 0px; padding: 2px 10px 8px 10px; width: 447px; line-height: 1.6em; }
	.baner { clear:both; color: #333333; border-bottom: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC; float: left; margin: 1px 0px 1px 0px; padding: 2px 0px 2px 0px; width: 468px; height:60px; line-height: 1.6em; }

	.partnerlist { float:left; margin:10px 0px 0px 0px; padding:0px 0px 0px 4px; }
	.partnerlist li { list-style: none; display:block; margin:0px 0px 5px 0px; font-weight:bold; color:#777777; }
	.partnerlist img { border:1px solid #CCCCCC; }
	.partnerlist img:hover { border:1px solid #333333; }
	.partnerlist a { color:#777777; text-decoration:none; }
	.partnerlist a:hover { color:#999999; }
	

	#content h1 { color: #003366; border-bottom: #CCCCCC solid 1px; margin: 0px; padding: 0px 0px 3px 0px; display: block; text-align: right; font: normal bold 1.6em sans-serif; }
	#content h2 { color: #333333; margin: 0px; padding: 11px 0px 2px 0px; display: block; font: normal bold 1.3em sans-serif; }
	#content h3 { color: #666666; display: block; text-align: left; font: italic normal 0.9em "Trebuchet MS", Helvetica, Sans-Serif; padding: 0px 0px 2px 0px; margin: 0px 0px 0px 0px; border-bottom: #E5E5E5 solid 1px; }
	.ico { clear: right; float: right; padding-top: 12px; text-align: right; width: 80px; }
	
	#breadcrumb { color: #333333; font-size:0.9em; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; }
	#breadcrumb ul { font-weight: normal; list-style: none; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; text-align: left;  }
	#breadcrumb li { display: block; background: inherit; display: inline; padding: 0px 2px 0px 0px; list-style: none;}
	#breadcrumb a:link, #breadcrumb a:visited { background: inherit; color: #999999; text-decoration: none; }
	#breadcrumb a:hover, #breadcrumb a:active { background: inherit; color: #333333; text-decoration: none; }

	/*#content span { color: #666666; text-decoration: none; display: block; text-align: left; margin: 0px 0px 0px 0px; border-bottom: #D8D9D0 solid 1px; }*/
	#content p { color: #2A2A2A; line-height: 13px; padding-top: 8px; }
	/*#content img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}*/
	.nodata { clear:both; display: block; color: #990000; font-weight: bold; padding:80px 0px 50px 0px; text-align: center; }
	.floatleft { float:left; margin:10px 10px 8px 0px; padding:1px; border: #CCCCCC solid 1px; }
	.floatright { float:right; margin:10px 0px 8px 10px; padding:1px; border: #CCCCCC solid 1px; }
	.textpict a:hover img { border: #666666 solid 1px; }

.pagination { display: block; width: 458px; clear:both; color: #7E8C8E; font: 10px Verdana, Sans-Serif, "Helvetica CE"; margin: 10px 0px 0px 0px; padding: 4px 4px 5px 4px;  text-align: right;  background: #F8F8FA;  border: 1px solid #BECBD3;   }
.pagination .pages { color: #68869B; float: left; margin-top: 0px; }
.pagination a:link, .pagination a:visited { color: #68869B; text-decoration: none; text-align: left; padding: 3px 0px 4px 0px; }
.pagination a:hover, .pagination a:active { color: #990000; text-decoration: none; text-align: left; padding: 3px 0px 4px 0px; }
.pagination .selected { background: #68869B; color: #FFFFFF; text-decoration: none;  text-align: left;  font-weight: bold; padding: 3px 3px 4px 3px; margin: 0px 0px 0px 0px; }
.pagination a:link strong, .pagination a:visited strong { background: inherit; color: #68869B; text-decoration: none; text-align: left; padding: 3px 3px 4px 3px; }
.pagination a:hover strong, .pagination a:active strong { background: #D2DDE6; color: #68869B; text-decoration: none; text-align: left; padding: 3px 3px 4px 3px; }

.art_list { clear: left; display: block; padding-top: 15px; width: 468px; }
.art_list .title { display: block; line-height: 1.2em; padding-bottom: 3px; font-weight: bold; font-size: 1.1em; }
.art_list .date { color: #999999; display: block; line-height: 0.8em; padding-bottom: 5px; font-size: 0.8em; font-weight: normal;   }
.art_list a { display: block; color: #4E4E4E; text-decoration: none; }
.art_list a:hover { display: block; color: #000000; text-decoration: none; }
.art_list img.lft { float: left; margin: 1px 8px 7px 0px; }
.art_list img.rgt { float: right; margin: 1px 0px 7px 8px; }

.source { color: #999999; float: right; display: block; width: 440px; margin: 10px 0px 0px 0px; padding: 5px 0px 0px 0px; line-height: 12px;  border-top: 1px solid #ECEFF2;  }


	
.info_center { height: 180px; color: #333333; font-size:0.9em; margin: 10px 0px 0px 0px; padding: 0px; }
.info_center li { display: inline; padding: 0px 2px 0px 0px; list-style: none;}
.info_center .title {  font-weight: normal; list-style: none; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; text-align: left;  }
.info_center a:link, .info_center a:visited {   width: 150px; background: inherit; color: #999999; text-decoration: none; }
.info_center a:hover, .info_center a:active {   width: 150px; background: inherit; color: #333333; text-decoration: none; }

.caption { background: #004891; padding: 2px 6px 1px 6px; height: 18px; color: #FFFFFF; font-weight: bold; font-size: 1em; }
.info_right { float: right; display: block; width: 200px; background: #F7F7F4; margin-top: 10px; }
.info_right a { border-bottom: 1px solid #E3E3DF; line-height: 1em; padding: 5px 5px 5px 5px; font-weight: bold; font-size: 1em; display: block; color: #4E4E4E; text-decoration: none; }
.info_right a:hover { display: block; color: #000000; text-decoration: none; }

.info_left { float: left; display: block;  margin-top: 10px; width: 250px; }
.info_left .title { display: block; line-height: 1.2em; padding: 8px 0px 0px 0px; font-weight: bold; font-size: 1em; }
.info_left a { display: block; color: #4E4E4E; text-decoration: none; }
.info_left a:hover { display: block; color: #000000; text-decoration: none; }






.table1 { width:100%; border:0px; padding: 0px; }
.table1 td { color: #000000; padding:2px; }
.table1 td.odd { color: #000000; background: #F1F1F1; padding:2px; }
.table1 th {text-align:left;}
.table1 thead th {color: #003366; padding: 3px 2px}
.table1 tbody th {color:#000000; padding: 2px; border-bottom: 1px solid #CCCCCC;}
.table1 tbody th.sub {font-size:10px;color:#000;background: #efefef;padding: 2px}

#gallery { clear:both; display: block; padding: 12px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 468px; }
#gallery ul { padding: 0px; margin: 0px; list-style: none; }
#gallery li { display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; text-align: left; }
#gallery table { width: 117px; border: 0px;}
#gallery td { height: 117px; text-align: center; padding: 0px 0px 0px 0px; }
#gallery a:link img, #gallery a:visited img { border:1px solid #CCCCCC; padding:1px; }
#gallery a:hover img, #gallery a:active img { border:1px solid #666666; padding:1px; text-decoration: none;  }

.contact { float: right; width: 420px; padding: 8px 0px 0px 0px; margin: 0px; }
.contact p { float: right; display: block; padding: 0px; margin: 0px 0px 3px 10px; width: 350px; }
.contact strong { float: right; display: block; width: 360px; margin: 0px 0px 0px 0px; }
.contact img { display: block; margin: 0px 0px 10px 60px; }
.emails { float: left; width: 420px; display: block; margin: 8px 0px 0px 0px; }
.emails p { padding: 0; margin: 0; }
.emails img { float: left; margin: 2px 0px 0px 0px; }
.emails span { float: left; width: 370px; display: block; margin: 10px 0px 0px 0px; }

.center_login { background: #D7E2EC; border: 1px solid #8AAFCA; color: #003366; margin: 20px auto; padding: 12px 25px 12px 25px; text-align: center; width: 180px; }
.center_login a { text-decoration: none; }
input.login { background: url(../_site_img/const/logininput.gif); border: none; font-size: 11px; padding: 4px; width: 150px; }
input.submit { background: #D4D9D9; border: 1px solid #536668; color: #536668; display: inline; font-size: 11px; font-weight: normal; margin: 0px 5px 10px 5px; padding: 1px 2px 1px 2px; vertical-align: middle; }

/*  layout bottom  */
#footer { clear: both; border-top: 1px solid #D8D9D0; padding: 2px 0px 0px 0px; font-size: 11px; color: #666666; }
	#footer a { color: #666666; }
	#footer a:hover { color: #000000; text-decoration: underline; }
	.right{ float: right; }