body
{
	margin: 0px;
	background-color: #E8E8E8;
	background-image: url(images/page_back.png);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 15px;
	color: #000000;
	font-family: sans-serif;
}

a
{
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

a:hover
{
	color: #0D5573;
}

a img
{
	border: 0px;
}

#page
{
	position: relative;
	width: 826px;
	left: 50%;
	margin-left: -413px;
}

#header
{
	position: relative;
	width: 826px;
	height: 383px;
	background: url(images/header_back.png);
}

#breadcrumbs
{
	position: absolute;
	bottom: 18px;
	left: 20px;
	font-weight: bold;
	color: #FFFFFF;
}

#breadcrumbs a
{
	color: #FFFFFF;
}

#content
{
	width: 826px;
	height: inherit;
	background-image: url(images/content_back.png);
	background-position: top center;
	background-repeat: repeat-y;
}

#content_inner
{
	position: relative;
	left: 13px;
	width: 760px;
	padding: 20px;
	text-align: justify;
}

#footer
{
	width: 826px;
	height: 64px;
	background-image: url(images/content_back.png);
	background-position: top center;
	background-repeat: repeat-y;
}

#foot
{
	width: 826px;
	height: 26px;
	background: url(images/foot.png) top center;
}

#logo_staszow
{
	display: block;
	position: absolute;
	top: -3px;
	left: 33px;
	width: 60px;
	height: 75px;
	background: url(images/powiat_top.png);
}

#mainmenu
{
	position: absolute;
	top: 47px;
	right: 13px;
	width: 540px;
	height: 27px;
	background: url(images/mainmenubutton.png) top;
}

#logo_lsop
{
	display: block;
	position: absolute;
	top: 75px;
	right: 13px;
	width: 300px;
	height: 300px;
	background: url(images/lsop_logo.png) center center no-repeat;
}

.footer_field
{
	display: block;
	background: url(images/footertitle.png) top center no-repeat;
	width: 233px;
	height: 50px;
	margin-left: 24px;
	margin-right: 16px;
	float: left;
	cursor: pointer;
	text-decoration: none;
	color: #FFFFFF;
}

.footer_field:hover
{
	color: #000000;
}

.footer_field img
{
	border: 0px;
	margin-top: -14px;
	float: left;
	margin-right: 15px;
}

.footer_field span
{
	position: relative;
	top: 6px;
	font-weight: bold;
}

#intro
{
	position: absolute;
	top: 156px;
	top: 100px;
	left: 33px;
	width: 450px;
	text-align: justify;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 18px;
}

#intro div
{
	text-align: right;
	margin-top: 5px;
}

#intro a
{
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

#intro a img
{
	height: 2.5em;
	vertical-align: middle;
}

ul.mainmenuelement
{
	display: inline;
	padding: 0px;
}

li.mainmenuelement
{
	display: inline;
	width: 108px;
	height: 23px;
	background: url(images/mainmenubutton.png) top center;
	float: left;
	text-align: center;
	padding-top: 4px;
	cursor: pointer;
	margin-left: 0px;
	color: #A0A0A0;
}

li.mainmenuelement:hover, li.active
{
	background-position: bottom center;
	color: #000000;
}

li.mainmenuelement a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-weight: bold;
	color: inherit;
}

ul.submenuul li.submenuli ul
{
	padding-left: 10px;
	font-size: 0.8em;
	margin-top: 5px;
	margin-bottom: 5px;
}

.submenuelement img
{
	height: 40px;
	margin-top: -10px;
	vertical-align: text-top;
}

/* style stron wyswietlajacych wykresy */
#map
{
	position: relative;
	width: 500px;
	height: 458px;
	background: url(images/map.gif);
}

.station
{
	display: block;
	position: absolute;
	background: url(images/point.gif) center left no-repeat;
	padding-left: 10px;
}

#stationPhoto
{
	float: left;
	width: 300px;
	height: 277px;
	text-align: center;
}

#station1Pomiar
{
	position: relative;
	float: right;
	width: 210px;
	height: 277px;
}

#station2Pomiar
{
	position: relative;
	top: 20px;
	float: left;
	width: 250px;
	height: 250px;
}

#station3Pomiar
{
	position: relative;
	top: 20px;
	float: right;
	width: 250px;
	height: 250px;
}

#stationChartMenu
{
	position: relative;
	top: 20px;
}

#chart, #chart2
{
	width: 519px;
	height: 250px;
	position: relative;
	top: 20px;
}

#chart2
{
	top: 40px;
}

#koryto
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(images/koryto.png);
	background-color: transparent;
}

#koryto span, #thermometer span, #slupek span, #windSpeed
{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
}

#poziomOstrzegawczy
{
	position: absolute;
	width: 210px;
	height: 1px;
	left: 0px;
	border-top: 1px solid #FF9800;
	color: #FF9800;
	font-size: 7px;
	text-align: center;
}

#poziomAlarmowy
{
	position: absolute;
	width: 210px;
	height: 1px;
	left: 0px;
	border-top: 1px solid #FF0000;
	color: #FF0000;
	font-size: 7px;
	text-align: center;
}

#poziomWody
{
	position: absolute;
	width: 210px;
	left: 0px;
	bottom: 0px;
	background: #0000FF;
}

#temperature
{
	position: absolute;
	width: 210px;
	left: 0px;
	bottom: 0px;
	background: #FF0000;
}

#thermometer
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-image: url(images/termometr.png);
	background-color: transparent;
}

.celsius
{
	position: absolute;
	width: 210px;
	height: 1px;
	left: 0px;
	border-top: 1px solid #0000FF;
	color: #0000FF;
	font-size: 7px;
	text-align: center;
}

#opad
{
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	background: #0000FF;
}

#slupek
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-image: url(images/opad.png);
	background-color: transparent;
}

.mm
{
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0px;
	border-top: 1px solid #7F7F00;
	color: #7F7F00;
	font-size: 7px;
	text-align: center;
}

#windRose
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(images/roza_wiatrow.png);
}

#windArrow
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

/* wskaznik ladowania */
#loading
{
	position: absolute;
	width: 64px;
	height: 64px;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	margin-top: -32px;
	background: url(images/loading.gif) no-repeat;
}

/* klasy dla snippetu FileDownload */
.fd-file
{
	background-color: #E8E8E8;
	padding: 5px;
}

.fd-alt
{
	background-color: #7FC2D3;
}

.fdexp-info
{
	font-size: 0.8em;
	color: #565656;
	float: right;
	top: -15px;
	position: relative;
}