/*______________Created by Duonet______________*/
/*________________www.duonet.eu_______________*/

body { font: 12px Arial; color: #444444; margin: 0; background: url('../img/bg.jpg') no-repeat center top; }
.page-width { margin: 0 auto; width: 980px; }
img { border: 0 none; }
hr { border: none; border-bottom: 1px solid #999999; }
h2 { font-size: 18px; color: #263a70; }
a { color: #474747; font-weight: normal; text-decoration: none; }
a:hover { text-decoration: underline; }
.bold { font-weight: bold; }
.border { border: 1px solid #999999; }

ul { }
ul li { padding: 4px 0; }
div.c
{
	clear:    both !important;
	margin:   0 !important;
	padding:  0 !important;
	width:    0 !important;
	height:   0 !important;
	border:   0 none !important;
	overflow: hidden !important;
}

#bg_middle { position: absolute; z-index: -2; top: 0; left: 0; width: 100%; height: 492px; background: url('../img/bg_middle.png') repeat 0 0; }
#top { height: 123px; background: #ffffff;
		-webkit-box-shadow:  0px 1px 3px 1px rgba(128, 128, 128, 1);
        		box-shadow:  0px 1px 3px 1px rgba(128, 128, 128, 1);
}
#top #logo, #top #tarstal, #top #slogan, #top #lang, #top #top_info { position: absolute; z-index: 0; }
#top #logo { top: 16px; left: 0; }
#top #tarstal { top: 30px; left: 90px; }
#top #slogan { top: 54px; left: 280px; }
#top #lang { top: 8px; left: 600px; }
#top #lang img { border: 1px solid #999999; margin: 0 2px; }
#top #bg_top { position: absolute; z-index: 0; top: 0; right: 0; width: 980px; height: 123px; background: url('../img/bg_top.png') repeat 0 0; }
#top .page-width { position: relative; height: 123px; background: #ffffff url('../img/bg_top_right.png') no-repeat right top; z-index: 1; }

#top #top_info { top: 12px; left: 840px; font-size: 13px; color: #ffffff; }
#top #top_info a { color: #ffffff; }
#top #top_info .box { height: 32px; line-height: 32px; width: 140px; }
#top #top_info .box .left { float: left; width: 36px; height: inherit; }
#top #top_info .box .right { float: left; width: 100px; height: inherit; }


#middle #menu { margin: 20px 0; height: 53px; width: 980px; background: #162a61 url('../img/bg_menu.png') repeat 0 0; }
#middle #menu ul { padding: 10px 0 0 8px; font-size: 11px; }
#middle #menu ul li { display: block; float: left; margin: 0; height: 14px; padding: 8px; }
#middle #menu ul li a { display: block; height: 14px; line-height: 14px; color: #ffffff; font-weight: bold; text-transform: uppercase; }
#middle #menu ul li.separator { width: 8px; height: 14px; background: url('../img/menu_separator.png') no-repeat center center; }
#middle #menu ul li a:hover, #middle #menu ul li a.active { color: #ff9e05; }
#unia {float: right; margin-top:-21px;}

#middle #wizerunek { padding: 10px 10px 40px 10px; background: #ffffff url('../img/wizerunek_shadow.png') no-repeat center bottom; }
#middle #wizerunek .container { width: 960px; height: 317px; overflow: hidden; }

#middle #content { text-align: justify; }
#middle #content .sg_box { float: left; width: 350px; margin-left: 10px; }
#middle #content a { color: #ff9e05; text-decoration: none; }
#middle #content a.readmore { float: right; clear: right; }

#middle #column_right { float: right; clear: right; width: 240px; text-align: center; margin-top:31px;}
ul li { text-align: justify; }



#footer {   margin: 20px 0 40px 0;
-webkit-box-shadow:  0px 1px 3px 1px rgba(128, 128, 128, 1);
        box-shadow:  0px 1px 3px 1px rgba(128, 128, 128, 1);
}
#footer .page-width { padding: 4px 0;}
#footer .duonet { float: right; }
#footer a { text-decoration: none; margin: 0 10px 0 0; }

.ui-widget { font-family: Arial; color: #777777; }
.ui-accordion .ui-accordion-header { padding: 8px 8px 8px 32px; }
.ui-widget-content { background: #ffffff; color: #777777; }
.ui-state-active, .ui-widget-content .ui-state-active { color: #263A70; border-color: #dddddd; }