/* ---------- MAINPAGE ----------- */

#mainpage			{width: 638px; float: right; padding: 12px; position: relative;}

#mainpage ul			{padding-bottom: 1em;}
#mainpage ol			{padding-bottom: 1em;}
#mainpage li			{padding-left: 17px; padding-bottom: 0.5em; background: url("gfx/li_bg.gif") no-repeat left 2px; line-height: 1.25em;}

#mainpage table			{width: 100%; margin-bottom: 1em;}

#mainpage input 		{padding: 1px 2px; margin-top: 2px; font-size: 10px; width: 295px; border: 1px solid #B1B1B1;}
#mainpage input.cm		 		{padding: 2px 2px; margin-top: 2px; font-size: 10px; width: 95px; height: 14px; border: 1px solid #B1B1B1;}
#mainpage input.checkbox 		{padding: 1px 2px; width: 15px; height: 15px; border: 1px solid #B1B1B1;}
#mainpage select 		{padding: 1px 2px; margin-top: 2px; font-size: 10px; width: 195px; border: 1px solid #B1B1B1;}


#imagebox			{width: 224px; float: right; text-align: right;}
#imagebox img			{width: 220px; margin-bottom: 1em;}

div.navbar			{padding: 0.5em 0; text-align: center;}
div.navbar a			{margin: 0 0.1em;}
div.navbar a.current		{margin: 0 0.2em;font-weight: bold; font-size: 1.2em; text-decoration: underline;}

div.list_row			{padding: 0 0 1.1em 144px; margin: 1em 0; overflow: hidden; position: relative; height: 100%; background: url("gfx/hr_bg2.gif") repeat-x 2px bottom;}
div.list_row img		{float: left; margin: 0 0 0 -144px;}
div.list_row p			{padding-bottom: 2em;}
div.list_row p.right		{padding-bottom: 1em; color: #a0a0a0; position: absolute; bottom: 0; right: 0;}
div.list_row p.right span	{color: #78C4E4; font-weight: bold;}

#features			{width: 390px; float: left;}
#features h3			{margin-top: 2em;}
#features p.right		{color: #a0a0a0; padding-bottom: 0;}
#features p.right span		{color: #78C4E4; font-weight: bold;}




table.details			{width: 390px !important;}
table.details td		{padding: 2px 4px; border-bottom: 1px solid #3F485F;}
table.details td.right		{font-weight: bold;}

div.row				{overflow: hidden; height: 100%; clear: both;}
div.col				{overflow: hidden; width: 240px; height: 100%;}

#boxes				{overflow: hidden; height: 100%; clear: both; margin-bottom: 2em; background: #DFDFDF;}
#boxes div			{width: 172px; float: left; padding: 20px 20px 20px 90px;}
#boxes div.news			{background: url("gfx/ico_news.gif") no-repeat 22px 20px;}
#boxes div.realizations		{background: url("gfx/ico_realizations.gif") no-repeat 24px 24px;}
#boxes div.offer		{background: url("gfx/ico_question.gif") no-repeat 22px 22px;}
#boxes p			{padding: 0;}

.columns			{overflow: hidden; width: 900px; height: 100%; clear: both; margin: 0 -12px 20px -12px; background: url("gfx/columns_bg.gif") repeat-y center top;}
.columns div			{width: 410px; float: left; padding: 0 20px;}



/* ---------- SIDEBAR ----------- */

#whole.start #sidebar		{background: none;}
#sidebar			{width: 165px; float: left; padding: 12px 24px 12px 12px; background: url("gfx/sidebar_bg.gif") no-repeat right top;}
#sidebar h2			{background: url("gfx/h_bg2.gif") no-repeat left top;}


#submenu			{}
#submenu h3			{padding-bottom: 0.25em;}
#submenu li			{padding: 0 0 0.2em 17px; background: url("gfx/li_bg.gif") no-repeat left 2px; font-weight: bold; line-height: 1.25em;}
#submenu ul			{padding-left: 3px;}
#submenu ul ul			{padding: 0.2em 0;}
#submenu ul ul li		{padding: 0 0 0.2em 10px; background: url("gfx/li_bg1.gif") no-repeat left 4px;}
#submenu ul ul ul li		{font-weight: normal;}
#submenu a			{}
#submenu a:hover		{}
#submenu .current a		{text-decoration: underline; color: #575758;}

#banners			{padding: 2em 0; text-align: center;}
#banners img			{margin: 0.5em 0; clear: both;}


/* ---------- TOP AREA ---------- */

#intro				{height: 123px; padding: 0 21px; background: url("gfx/intro_bg.gif") no-repeat center top;}
#intro h1			{height: 37px; padding: 12px 0 29px 0;}
#intro h1 a			{width: 136px; height: 37px; display: block; background: url("gfx/logo_paulbud.gif") no-repeat center center;}
#intro h1 span			{display: none;}
#intro p			{padding: 0;}
#intro p a			{width: 16px; height: 16px; display: block; float: left; margin-right: 6px;}

#whole.start #menu		{height: 347px;}
#menu				{width: 900px; height: 239px; padding-bottom: 4px; margin: 0 auto; background: #E8E8E8;}
#menu p				{padding: 15px;}



/* ---------- BOTTOM AREA --------- */

#footer				{display: none;}
#s2team a			{width: 44px; height: 23px; display: block; float: right; margin: 0.25em 15px 1em 0; background: url("gfx/logo_s2team.gif") no-repeat center center;}
#s2team span			{display: none;}

#bottom_menu			{clear: both; overflow: hidden; height: 1em; margin-top: 0px;}
#bottom_menu ul			{text-align: center; margin-top: -0.2em;}
#bottom_menu ul li		{display: inline; margin: 0 -2px; padding: 0 0.5em; border-left: 1px solid #575758; border-right: 1px solid #575758;}
#bottom_menu a			{}


/* ---------- GLOBAL ----------- */

h1				{font-size: 2em; padding: 0.5em;}
h2				{font: bold 10px verdana; padding: 8px 0px 20px 30px; margin-left: -6px; color: #474646; background: url("gfx/h_bg1.gif") no-repeat left top;}
h2 span				{color: #78C4E4;}
h3				{font: bold 1em verdana; padding-bottom: 1em;}
h4				{font-size: 1em; font-weight: bold; padding-bottom: 1em; overflow: hidden; height: 100%;}
h5				{font-size: 1em; font-weight: bold; padding-bottom: 1em; overflow: hidden; height: 100%;}
h6				{font-size: 1.2em; padding-bottom: 0.2em; font-weight: bold;}

p				{text-align: justify; padding-bottom: 1em;}

.hr_dot				{margin: 0 0 0.5em 0; height: 0.5em; background: url("gfx/hr_bg2.gif") repeat-x 2px bottom; border: none;}
.hr_shadow			{height: 24px; background: url("gfx/hr_bg.gif") no-repeat center bottom;}
td				{vertical-align: top;}
img				{border: 2px solid #ffffff; margin: 1px 1px 1px 1px;}
ul, li				{list-style: none;}
a				{color: #05309D; text-decoration: none;}
a:hover				{color: #05309D; text-decoration: underline;}
.left				{text-align: left !important;}
.right				{text-align: right !important;}
.center				{text-align: center !important;}
.bold				{font-weight: bold !important;}
.underline			{text-decoration: underline !important;}
.important			{font-weight: bold !important; color: #e00000 !important;}
.big				{font-size: 1.5em;}

input, select			{padding: 1px 2px; font-size: 10px;}
option				{padding-right: 10px;}
input.submit			{padding: 1px 5px;}

img.img_left			{float: left; clear: left; margin: 0.25em 1em 0.25em 0;}
img.img_right			{float: right; clear: right; margin: 0.25em 0 0.25em 1em;}

.float_left			{float: left;}
.float_right			{float: right;}

.cancel				{color: #e00000 !important;}




input, select, textarea		{padding: 1px; margin: 0px; font-size: 12px;}
option				{padding: 0px; margin: 0px; padding-right: 10px; font-size: 12px;}
input.text			{margin: 0 -3px 0 0; padding: 1px;}
input.password			{margin: 0 -3px 0 0; width: 105px;}
input.submit			{text-transform: uppercase; cursor: pointer;}
input.submit:hover		{text-decoration: none;}
input.radio			{margin-right: 4px; background: none !important; border: none !important; vertical-align: top;}
input.checkbox			{background: none !important; border: none !important;}

/* ---------- MAIN BLOCKS ---------- */
*				{margin: 0px; padding: 0px;}
body				{margin-bottom: 4em; background: #4e4e4e url("gfx/body_bg.gif") repeat-x center top; font: 11px Arial, Arial CE, Helvetica, sans-serif; color: #575758;}
#whole	 			{width: 912px; margin: 0 auto; background: #4e4e4e url("gfx/whole_bg.gif") repeat-y center center;}
#whole_bg			{background: url("gfx/whole_bg0.gif") no-repeat center top;}
#top_area			{clear: both;}
#middle_area			{clear: both; min-height: 279px; padding: 0 18px; position: relative; z-index: 50; margin-bottom: -128px;}
#bottom_area			{clear: both; height: 40px; padding: 132px 10px 8px 10px; position: relative; z-index: 45; background: url("gfx/bottom_bg.gif") no-repeat center bottom;}

#whole.start	 		{background: url("gfx/whole_bg1.gif") repeat-y center center;}
#whole.start #middle_area	{min-height: 175px;}
#whole.start #bottom_area	{background: url("gfx/bottom_bg1.gif") no-repeat center bottom;}

/* ---------- IMAGE ZOOM ---------- */
#image_zoom			{position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; display: table;}
#image_zoom_bg			{position: fixed; top: 0; left: 0; z-index: 90; float: left; width: 100%; height: 100%; background: #000; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;}
#iz_window			{display: table-cell; vertical-align: middle; text-align: center;}
#iz_inner			{width: 98%; margin: 1em auto;}

.estyle div#popup{
    background-color:#000000;
	color:#F4F4F4;
    padding:10px;
	width:370px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	white-space:normal;
}
.estyle div#popup .Gtitle{ font-size:16px; letter-spacing:-1px; background:#5390bc; color:#FFFFFF; font-weight:bold; padding:6px 10px; margin:-10px; margin-bottom:0px;}

.estyle div#popup .opis {margin-top:10px;}
.estyle div#popup .opis img{float:left; margin-right:10px;}

.estyle div#popup .close{position: absolute; top: 8px; right: 10px; width:11px;height:11px; }
.estyle div#popup .close a {display:block !important;}
.estyle div#popup .close a:link,
.estyle div#popup .close a:visited,
.estyle div#popup .close a:active
{display: block; width: 13px; height: 13px; background: url(gfx/gmap_close.gif) no-repeat top;font-size:1px; margin:0;padding:0;}
.estyle div#popup .close a:hover { background-position:bottom;}
.estyle div#popup strong {display:block;font-size:12px;color:#FFFFFF;margin:5px 0;}
div#map{width:100%;height:350px;background: #000000;}