@charset "utf-8";

/* ================================================================================== */
/* =============================== index.php [START] ================================ */
/* ================================================================================== */
*{ margin:0px; padding:0px; border:0px;  font-family:Verdana, Tahoma, Arial, Helvetica;
   font-size:12px; line-height:14px; color:#ffffff;  background-repeat:no-repeat; }
a{ text-decoration:none; }
a img{ border:0px;}
/*html{ height:100%; }*/
body{ background:url(../graph/shared/body_bg.gif) 0px 0px repeat-x #000000; }

.tag_p{ text-indent:22px; }
/* =============================== override [START] ================================= */
.override:after, .mde:after, .mdel:after, .mder:after, .mdex2:after, .mdey:after, .title:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	
	/* Added By WEBZONES */
	line-height:0px;
	font-size:0px;
	/* Added By WEBZONES */
}

.override, .mde, .mdel, .mder, .mdex2, .mdey, .title{display: inline-block;}

/* Hides from IE-mac \*/
* html .override, * html .mde, * html .mdel, * html .mder, * html .mdex2, * html .mdey, * html .title{height: 1%;}
.override, .mde, .mdel, .mder, .mdex2, .mdey, .title{display: block;}
/* End hide from IE-mac */
/* =============================== override [END] =================================== */
/* =============== text  =============== */
/* =============================== mdeul [START] ==================================== */
.mdeul{ position:relative; overflow:hidden; }
.mdeul_bg0 li{ background:url(../graph/shared/ul_sign0.gif) 0px 5px no-repeat; }
.mdeul_bg1 li{ background:url(../graph/shared/ul_sign1.gif) 0px 7px no-repeat; }
.mdeul_bg2 li{ background:url(../graph/shared/ul_sign2.gif) 0px 8px no-repeat; }
.mdeul_bg3 li{ background:url(../graph/shared/ul_sign3.gif) 0px 4px no-repeat; }
.mdeul_bg4 li{ background:url(../graph/shared/ul_sign4.gif) 0px 7px no-repeat; }

.mdeul_bg0o li{ background:url(../graph/shared/ul_sign0.gif) 0px 5px no-repeat !important; }
.mdeul_bg1o li{ background:url(../graph/shared/ul_sign1.gif) 0px 5px no-repeat !important; }
.mdeul_bg2o li{ background:url(../graph/shared/ul_sign2.gif) 0px 5px no-repeat !important; }
.mdeul_bg3o li{ background:url(../graph/shared/ul_sign3.gif) 0px 4px no-repeat !important; }

.set_mdeul_bg0 ul li{ background:url(../graph/shared/ul_sign0.gif) 0px 5px no-repeat !important; }
.set_mdeul_bg1 ul li{ background:url(../graph/shared/ul_sign1.gif) 0px 5px no-repeat !important; }
.set_mdeul_bg2 ul li{ background:url(../graph/shared/ul_sign2.gif) 0px 5px no-repeat !important; }
.set_mdeul_bg3 ul li{ background:url(../graph/shared/ul_sign3.gif) 0px 5px no-repeat !important; }


.mdeul li{
	/*background:url(../graph/_shared/ul_sign1.gif) 0px 4px no-repeat;*/
	padding-left:27px;
	list-style:none;
	position:relative;
	overflow:hidden;
	min-width:80%;
}

.mdeul li p{margin-left:0px; margin-right:0px; position:relative; }
.mdeul_pg8 li{ padding-left:8px !important; }

.span_ab{
	position:absolute;
	left:0px;
}
.mdeul_span_ab{ overflow:visible !important; }
.mdeul_span_ab li{ padding-left:22px !important; }
/* =============================== mdeul [END] ====================================== */
/* =============================== mdedl [START] ==================================== */
.mdedl{ position:relative; overflow:hidden; }
.mdedl dt{
	width:50%;
	float:left;
	position:relative;
	overflow:hidden;
}
.mdedl dd{
	width:50%;
	float:right;
	position:relative;
	overflow:hidden;
}
.mdedl_set1{ width:270px; }
.mdedl_set1 dt{ width:70px; margin-top:3px; }
.mdedl_set1 dd{ width:192px; }

.mdedl_set2{ width:560px; }
.mdedl_set2 dt{ width:70px; margin-top:3px; }
.mdedl_set2 dd{ width:482px; }
/* =============================== mdedl [END] ====================================== */
/* =============================== mde [START] ====================================== */
.color_white{ color:#ffffff !important; }
.color_orange{ color:#ff8a00 !important; }
.color_black{ color:#000000 !important; }
.color_red{ color:#e2001a !important; }
.color_grey{ color:#848484 !important; }
.color_green{ color:#186f11 !important; }
.color_blue{ color:#3179b6 !important; }
.bg_red{ background-color:#b83535 !important; }
.bg_white{ background-color:#ffffff !important; }
.bg_grey{ background-color:#f9f9f9 !important; }
.bg_body{ background-color:#333a40 !important; }
.size10{ font-size:10px !important; line-height:14px !important;}
.size11{ font-size:11px !important; line-height:13px !important;}
.size12{ font-size:12px !important; line-height:16px !important;}
.size14{ font-size:14px !important; line-height:17px !important;}
.size16{ font-size:16px !important; line-height:20px !important; }
.size18{ font-size:18px !important; line-height:22px !important; }
.size20{ font-size:20px !important; line-height:24px !important; }
.size22{ font-size:22px !important; line-height:26px !important; }
.size24{ font-size:24px !important; line-height:28px !important; }

a{
	font: 12px/14px Verdana, Tahoma, Arial, Helvetica;
	color:#ffffff;
	text-decoration:underline;
}

a:hover{ color:#ed8900; text-decoration:underline; }
/*
h1{
	font: 18px/22px Verdana, Tahoma, Arial, Helvetica;
	color:#000000;
	font-weight:normal;
}
*/
/*
h2{
	font: 24px/28px Verdana, Tahoma, Arial, Helvetica;
	color:#333333;
	font-weight:normal;
}
*/

#main_container{
	width:100%;
	position:relative;
	left:0px;
	min-width:991px;
	overflow:hidden;
}

.mde{
	width:991px;
	margin:0px auto 0px auto;
	position:relative;
	/* override */
}

.mde_bg1{ background:url(../graph/shared/mde/mde_bg1.gif) 0px 0px repeat-y; }

.mdel{
	width:183px;
	position:relative;
	float:left;
	padding-left:4px;
	margin-right:-3px;
	/* override */
}


.mder{
	width:778px;
	position:relative;
	/*padding-right:6px;*/
	float:right;
	/* override */
}

.mdex{
	width:560px;
	position:relative;
	float:left;
	margin-right:-3px;
	overflow:hidden;
}

.mdey{
	width:198px; 
	position:relative;
	float:right;
	margin-left:-3px;
	padding-right:5px;
	/* overrride */
}
.mdey_home{ width:230px !important; padding-right:0px !important; }
/*
.mde, .mde p b,
.mdel p, .mdel p b,
.mder p, .mder p b,
.mdex p, .mdex p b,
.mdey p, .mdey p b{
	font: 11px/14px Verdana, Tahoma, Arial, Helvetica;
	color:#808080;
}
*/

.mdex, .mdex p, .mdex b, .mdex a, .mdex span, .mdex dt, .mdex dd, .mdex li{
	font-family:Verdana, Tahoma, Arial, Helvetica;
	font-size:11px;
	line-height:13px;
}

.link_one{
	font: 12px/14px Verdana, Tahoma, Arial, Helvetica;
	color:#4f648b;
	text-decoration:underline;
}

.link_one:hover{ color:#e50000; }

/* =============================== mde [END] ======================================== */
/* =============================== top [START] ====================================== */
#top{
	background:url(../graph/shared/top/top_face.jpg) 635px 0px no-repeat #2c2c2c;
	height:346px;
	border-bottom:1px solid #525252;
}
#top_lt{
	background:url(../graph/shared/top/top_lt.jpg) 0px 0px no-repeat;
	width:131px;
	height:169px;
	position:absolute;
	top:0px;
	left:-131px;
}
#top_lt2{
	background:url(../graph/shared/top/top_lt2.gif) 0px 0px repeat-y;
	width:139px;
	height:176px;
	position:absolute;
	left:-138px;
	top:170px;
}
#top_logo{
	background:url(../graph/shared/top/top_logo.jpg) 0px 0px no-repeat;
	width:635px;
	height:169px;
	position:absolute;
	left:0px;
	top:0px;
}
#top_logo a{
	width:255px;
	height:127px;
	position:absolute;
	left:239px;
	top:13px; 	
}
#top_rt{
	background:url(../graph/shared/top/top_rt.jpg) 0px 0px no-repeat;
	width:141px;
	height:222px;
	position:absolute;
	left:991px;
	top:124px;
}

#top_menu{
	background:url(../graph/shared/top/topul/topul_bg.gif) 0px 0px repeat-x;
	width:596px;
	height:28px;
	padding-right:38px;
	position:absolute;
	left:1px;
	top:169px;
	overflow:hidden;
}
.topul{
	position:relative;
	float:right;
	overflow:hidden;
}
.topul li{
	list-style:none;
	padding:3px 0px 0px 5px;
	position:relative;
	float:left;
	overflow:hidden;
}

.topul li a{
	width:155px;
	height:25px;
	position:relative;
	float:left;
	overflow:hidden;
}

#topul_home a{ background:url(../graph/shared/top/topul/topul_home.gif) 0px 0px no-repeat; }
#topul_wspolpraca a{ background:url(../graph/shared/top/topul/topul_wspolpraca.gif) 0px 0px no-repeat; }
#topul_kontakt a{ background:url(../graph/shared/top/topul/topul_kontakt.gif) 0px 0px no-repeat; }

#topul_home a:hover{ background:url(../graph/shared/top/topul/hover/topul_home.gif) 0px 0px no-repeat; }
#topul_wspolpraca a:hover{ background:url(../graph/shared/top/topul/hover/topul_wspolpraca.gif) 0px 0px no-repeat; }
#topul_kontakt a:hover{ background:url(../graph/shared/top/topul/hover/topul_kontakt.gif) 0px 0px no-repeat; }

#top_flash{
	width:687px;
	height:149px;
	position:absolute;
	left:1px;
	top:197px;
	overflow:hidden;
}
/* =============================== top [END] ======================================== */
/* =============================== mde [START] ====================================== */
.mde_full{ 
	background:url(../graph/shared/mde/mde_bg0.gif) center 0px repeat-y;
	width:100%;
	position:relative;
	overflow:hidden;
	left:0px;
}
#content{ padding-top:3px; padding-bottom:20px; }
/* =============================== mde [END] ======================================== */
/* =============================== mdel [START] ===================================== */
.title{
	background:url(../graph/shared/mde/title_bg.gif) 0px bottom repeat-x #737373;
	width:159px;
	border:1px solid #717171;
	padding:2px 11px 4px 11px;
	position:relative;
	overflow:hidden;
}

.menul{
	padding:6px 0px 0px 11px;
	position:relative; 
	overflow:hidden; 
}

.menul li{
	background:url(../graph/shared/ul_sign1.gif) 0px 3px no-repeat;
	padding-left:17px;
	padding-bottom:8px;
	list-style:none;
	position:relative;
	overflow:hidden;
	min-width:80%;
}

.menul li a{
	font: 12px/14px Verdana, Tahoma, Arial, Helvetica;
	color:#ffffff;
	text-decoration:none;
}
.menul li a:hover{ text-decoration:underline; }
/* =============================== mdel [END] ======================================= */
/* =============================== mder [START] ===================================== */
.box_red{
	background:#c10016;
	padding:13px 16px 13px 16px;
	border:1px solid #ed8900;
	position:relative;
	overflow:hidden;	
}
.box_fire{
	background:url(../graph/shared/mde/mder_box.jpg) 0px 0px no-repeat;
	padding:5px 5px 1px 5px;
	width:188px;
	height:60px;
	position:relative;
	overflow:hidden;
	font: 12px/20px Verdana, Tahoma, Arial, Helvetica;
	
}
.mdey a{ text-decoration:none; }
.mdey a:hover{ text-decoration:underline; }
.box_fire a:hover{ color:#e2001a; text-decoration:underline; }
/* =============================== mder [END] ======================================= */
/* =============================== foot [START] ===================================== */
#foot_full{
	background:url(../graph/shared/mde/foot_bg.gif) 0px 0px repeat-x;
	width:100%;
	height:19px;
	position:absolute;
	left:0px;
	overflow:hidden;
}

#foot{ width:983px;	padding:3px 4px 5px 4px; }
#foot div, #foot span, #foot a{ font: 10px/12px Verdana, Tahoma, Arial, Helvetica; text-decoration:none; }
#foot a:hover{ text-decoration:underline; }

#foot .lt{ width:320px; float:left; position:relative; overflow:hidden; }
#foot .cr{ width:320px; float:left; position:relative; overflow:hidden; padding-left:10px; }
#foot .rt{ width:320px; float:right; position:relative; overflow:hidden; }
.foot_sep{ margin-left:2px; margin-right:1px; }
/* =============================== foot [END] ======================================= */
/* =============================== nav [START] ====================================== */
.nav{
	width:560px;
	border-bottom:1px solid #c86900;
	padding-bottom:1px;
	margin-bottom:18px;
	position:relative;
	overflow:hidden;
	
}
.nav, .nav a{
	font: 11px/13px Verdana, Tahoma, Arial, Helvetica;
	color:#ff9606;
	text-decoration:none;
}
.nav a:hover{ color:#e2001a; text-decoration:none; }
.nav .arrow{
	background:url(../graph/shared/ul_sign2.gif) 0px 3px no-repeat;
	padding-left:11px;
	margin-left:4px;
}
/* =============================== nav [END] ======================================== */
/* =============================== formb [START] ==================================== */
#formb{
	width:390px; 
	position:relative;
	border:0px;
	margin:0px auto 0px auto;
	padding:0px;
	overflow:hidden;
}

/* ================= formb_fieldset_left ======== */
#formb_fieldset_left, .formb_field{
	width:389px;
	margin:0px;
	padding:0px;
	position:relative;
	overflow:hidden;
	float:left;
}


.formb_field{ margin-top:3px; margin-right:-2px; /* IE path */ }

#formb_fieldleft_first{ margin-top:0px; }

.formb_text{
	background-color:#2b2b2b;
	width:252px;
	height:13px;
	padding:1px 3px 1px 3px;
	border:1px solid #ff9606;
	position:relative;
	float:right;
	
	font: 11px/14px Tahoma, Arial, Verdana, Helvetica;
	color:#ffffff;
}

.formb_label{
	width:120px; 
	position:relative;
	float:left;
	overflow:hidden;
	margin-top:2px;
	
	font: 11px/15px Tahoma, Arial, Verdana, Helvetica;
	color:#ffffff;
	text-align:right;
}

/* ================= formb_fieldset_left ======== */

.formb_textarea{
	background-color:#2b2b2b;
	width:252px;
	height:50px;
	padding:1px 3px 1px 3px;
	border:1px solid #ff9606;
	position:relative;
	float:right;
	
	font: 11px/14px Tahoma, Arial, Verdana, Helvetica;
	color:#ffffff;
}

/* ================= formb_fieldset_button ====== */
#formb_fieldset_button{
	width:389px; 
	margin:0px;
	padding:0px;
	padding-top:18px;
	position:relative;
	overflow:hidden;
	float:left;
	left:0px;
}

#formb_submit{
	background:url(../graph/shared/btn_kontakt1.gif) 0px 0px no-repeat #e2001a;
	border:0px;
	width:109px;
	height:16px;
	position:relative;
	float:right;
	cursor:pointer;
	color:#dcaf74;
	
	font: 11px/16px Tahoma, Arial, Verdana, Helvetica;
	color:#ffffff;
}

#formb_submit:hover{ background:url(../graph/shared/btn_kontakt2.gif) 0px 0px no-repeat #ff9606; }
/* ================= formb_fieldset_button ====== */
.color_redlight{ color:#ff9000; }
/* =============================== formb [END] ====================================== */
.light{
	border:1px solid #c76300;
	position:relative;
	overflow:hidden;
	float:left;
	color:#000000;
}

.light:hover{ border:1px solid #e2001a; /*border:1px solid #e2001a;*/ }
/* ================================================================================== */
/* =============================== index.php [END] ================================== */
/* ================================================================================== */

