@charset "utf-8";

/* ================================================================================== */
/* =============================== index.php [START] ================================ */
/* ================================================================================== */
*{ margin:0px; padding:0px; border:0px; font-family:Tahoma, Verdana, Arial, Helvetica;
   font-size:11px; line-height:17px; background-repeat:no-repeat; }
a{ text-decoration:none; }
html, body { height: 100%; }
body{ background-color:#000000;  }

.override:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.override {display: inline-block;}

/* Hides from IE-mac \*/
* html .override {height: 1%;}
.override {display: block;}
/* End hide from IE-mac */
/* =============================== main_container [START] =========================== */
#main_container {
	position:relative;
	min-height: 100%;
}

#body_bkg{
	background-image:url(../graph/shared/body_bkg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
	height:83px;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:1;	
}
/* =============================== main_container [END] ============================= */
/* =============================== top [START] ====================================== */
#topup{
	background-image:url(../graph/shared/top/topa_bkg.jpg);
	background-position:center;
	width:916px;
	height:1px;
	border-bottom:1px solid #363636;
	margin:0px auto 0px auto;
	position:relative;
	overflow:hidden;
	z-index:96;
}

#top{
	background-image:url(../graph/shared/top/line900.gif);
	background-position:8px 111px;
	width:900px;
	height:113px;
	padding:0px 8px 0px 8px;
	position:relative;
	margin:0px auto 0px auto;
	overflow:hidden;
	z-index:97;
}

#top_logo{
	background-image:url(../graph/shared/top/top_logo.gif);
	width:232px;
	height:33px;
	position:absolute;
	left:188px; /*36px;*/
	top:52px; /*41px;*/
	overflow:hidden;
}

#top_logo_main{
	background-image:url(../graph/shared/top/top_logo_main.gif);
	width:110px;
	height:67px;
	position:absolute;
	left:58px; /*36px;*/
	top:23px; /*41px;*/
	overflow:hidden;
}
/* =============================== top [END] ======================================== */
/* =============================== menu [START] ===================================== */
#menu{
	background-color:#363636;
	width:916px;
	height:48px;
	position:relative;
	margin:0px auto 0px auto;
	z-index:98;
}

#menu_ul { padding-left:59px; }
#menu_ul li{
	background-image:url(../graph/shared/menu/menu_sep.gif);
	background-position:left;
	height:48px;
	padding-left:1px;
	padding-right:0px;
	list-style:none;
	position:relative;
	float:left;
}

#menu_home, #menu_firma, #menu_kostka, #menu_elewacje, 
#menu_dachy, #menu_strzechy, #menu_realizacje, #menu_kontakt{
	background-color:#363636;
	background-position:center 20px;
	position:absolute;
	left:2px;
	top:0px;
	height:48px;
	overflow:hidden;
	float:left;
}

#menu_home{		background-image:url(../graph/shared/menu/menu_home.gif);	width:79px; }
#menu_firma{	background-image:url(../graph/shared/menu/menu_firma.gif); width:75px; }
#menu_kostka{	background-image:url(../graph/shared/menu/menu_kostka.gif); width:133px; }
#menu_elewacje{ background-image:url(../graph/shared/menu/menu_elewacje.gif); width:92px; }
#menu_dachy{ 	background-image:url(../graph/shared/menu/menu_dachy.gif); width:77px; }
#menu_strzechy{ background-image:url(../graph/shared/menu/menu_strzechy.gif); width:94px; }
#menu_realizacje{ background-image:url(../graph/shared/menu/menu_realizacje.gif); width:101px; }
#menu_kontakt{ 	background-image:url(../graph/shared/menu/menu_kontakt.gif); width:88px; }

#menu_li_home{		width:81px; background-image:none !important; }
#menu_li_firma{		width:77px; }
#menu_li_kostka{	width:135px; }
#menu_li_elewacje{	width:94px; }
#menu_li_dachy{		width:79px; }
#menu_li_strzechy{	width:96px; }
#menu_li_realizacje{width:103px; }
#menu_li_kontakt{	width:90px; }

#menu_home:hover, #menu_firma:hover, #menu_kostka:hover, #menu_elewacje:hover, 
#menu_dachy:hover, #menu_strzechy:hover, #menu_realizacje:hover, #menu_kontakt:hover{
	background-position:center 24px;
	background-color:#ffb301;
	top:-4px;
	height:52px;
}

#menu_home:hover{		background-image:url(../graph/shared/menu/menu_act_home.gif); }
#menu_firma:hover{		background-image:url(../graph/shared/menu/menu_act_firma.gif); }
#menu_kostka:hover{		background-image:url(../graph/shared/menu/menu_act_kostka.gif); }
#menu_elewacje:hover{ 	background-image:url(../graph/shared/menu/menu_act_elewacje.gif); }
#menu_dachy:hover{ 		background-image:url(../graph/shared/menu/menu_act_dachy.gif); }
#menu_strzechy:hover{ 	background-image:url(../graph/shared/menu/menu_act_strzechy.gif); }
#menu_realizacje:hover{ background-image:url(../graph/shared/menu/menu_act_realizacje.gif); }
#menu_kontakt:hover{ 	background-image:url(../graph/shared/menu/menu_act_kontakt.gif); }
/* =============================== menu [END] ======================================= */
/* =============================== mde [START] ====================================== */
#mde{
	background-image:url(../graph/shared/mde/mde_bkg.jpg);
	background-position:8px 0px;
	border-bottom:1px solid #7b7b7b;
	width:916px;
	height:410px;
	position:relative;
	margin:0px auto 0px auto;
	overflow:hidden;
	z-index:99;	
}

#mdect{
	width:377px; /*414px;*/
	padding:0px 27px 0px 11px;
	padding-right:25px;
	height:357px; /*350px;*/
	position:absolute;
	left:35px;
	top:24px;
	overflow:auto;
}

#mdect p, #mdect p b{
	font-family:Tahoma, Verdana, Arial, Helvetica;
   	font-size:11px;
	color:#ffffff;
	line-height:17px;
}

#mde_title{
	background-image:url(../graph/shared/mde/title_sign.gif);
	background-position:0px 11px;
	padding-left:19px;
	position:relative;
	padding-top:8px;
	padding-bottom:10px;
	margin-left:3px;
}

#mde_title p, #mde_title p b{
	font-family:Tahoma, Verdana, Arial, Helvetica;
   	font-size:11px;
	color:#ffb301;
	line-height:17px;
}

#mde_title_line{
	background-color:#505050;
	border-left:#1px solid #3e3e3e;
	border-right:#1px solid #3e3e3e;
	width:397px;
	height:1px;
	position:absolute;
	margin-right:0px;
	margin-left:0px;
	left:0px;
	overflow:hidden;
	
}

#mde_flash{
	background-color:#FFFFFF;
	width:393px;
	height:276px;
	padding:13px;
	position:absolute;
	left:462px;
	top:32px;
	
}
/* =============================== mde [END] ======================================== */
/* =============================== footer [START] =================================== */
#footer{
	width:916px;
	height:34px;
	position:relative;
	margin:0px auto 0px auto;
	z-index:100;
}

#bestgroup_pl{
	width:395px;
	height:27px;
	padding-top:7px;
	padding-left:43px;
	position:absolute;
	overflow:hidden;
}

#bestgroup_pl p, #bestgroup_pl p b{
	color:#797979;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:10px;
	line-height:16px;
}
.link_two{
	color:#797979;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:10px;
	line-height:16px;
	text-decoration:underline;
}
.link_two:hover{ color:#ffb301; }


#footer_menu{
	background-color:#4b4b4b;
	width:478px;
	padding-top:7px;
	height:34px;/*41px;*/
	position:absolute;
	left:438px;
	top:-22px;
	text-align:center;
	overflow:hidden;
}


#footer_menu a{
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:10px;
	/*line-height:16px;*/
	color:#e3e3e3;
	padding-right:14px;
	padding-left:12px;
	text-decoration:underline;
}

#footer_menu a:hover{ color:#ffb301; }

.footer_sep{
	width:1px;
	height:28px;
	background-color:#686868;
	overflow:hidden;
	position:absolute;
	top:7px;	
}


#footer_ul{ position:relative; padding-left:103px;}
#footer_ul li{
	height:22px;
	padding-top:6px;
	border-left:1px solid #686868;
	list-style:none;
	position:relative;
	float:left;
}
/* =============================== footer [END] ===================================== */
.link_one, .link_three{
	color:#ffffff;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:11px;
	line-height:17px;
	text-decoration:underline;
}
.link_three{ text-decoration:none; }
.link_one:hover, .link_three:hover{ color:#ffb301; }
a.termowizja             {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #000000; text-decoration : none; font-weight : none; }
a.termowizja:active      {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #000000; text-decoration : none; font-weight : none; }
a.termowizja:visited     {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #000000; text-decoration : none; font-weight : none; }
a.termowizja:hover       {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #000000; text-decoration : none; font-weight : none; }

/* ================= mde_ul_one================== */
.mde_ul_one{ position:relative;/* overflow:hidden; float:left;*/}
.mde_ul_one li{
	background-image:url(../graph/shared/mde/ul_sign1.gif);
	background-position:0px 3px;
	padding-left:14px;
	padding-bottom:0px;
	list-style:none;
	position:relative;
	overflow:hidden;
}

.mde_ul_one li p, .mde_ul_one li p b{
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:11px;
	line-height:17px;
	color:#ffffff;
}
/* ================= mde_ul_one================== */
/* =============================== formb [START] ==================================== */
#formb{
	width:330px;
	position:relative;
	border:0px;
	margin:0px auto 0px auto;
	padding:0px;
	overflow:hidden;
}

/* ================= formb_fieldset_left ======== */
#formb_fieldset_left, .formb_field{
	width:329px;
	margin:0px;
	padding:0px;
	position:relative;
	overflow:hidden;
	float:left;
}


.formb_field{ margin-top:11px; margin-right:-2px; /* IE path */ }

#formb_fieldleft_first{ margin-top:0px; }

.formb_text{
	background-color:#FFFFFF;
	width:178px;
	height:13px;
	padding:3px 3px 3px 3px;
	border:1px solid #ffb301;
	position:relative;
	float:right;
	
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:11px;
	line-height:13px;
	color:#000000;
}

.formb_label{
	width:125px;
	position:relative;
	float:left;
	overflow:hidden;
	margin-top:2px;
	
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:11px;
	line-height:17px;
	color:#ffffff;
}

/* ================= formb_fieldset_left ======== */

.formb_textarea{
	background-color:#FFFFFF;
	width:178px;
	height:100px;
	padding:3px 3px 3px 3px;
	border:1px solid #ffb301;
	position:relative;
	float:right;
	
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:11px;
	line-height:13px;
	color:#000000;
}

/* ================= formb_fieldset_button ====== */
#formb_fieldset_button{
	width:329px;
	margin:0px;
	padding:0px;
	padding-top:11px;
	position:relative;
	overflow:hidden;
	float:left;
	left:0px;
}

#formb_submit{
	background-color:#ffffff; 
	width:75px;
	height:20px;
	position:relative;
	float:right;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:11px;
	line-height:14px; 
	color:#000000;
	font-weight:bold;
	border:1px solid #ffb301; 
}
/* ================= formb_fieldset_button ====== */
.color_redlight{ color:#ffb301; }
.tag_p{ text-indent:22px; }
/* =============================== formb [END] ====================================== */
#firma_film{
	width:176;
	height:144px;
	position:relative;
	overflow:hidden;
	margin:0px 10px 0px 0px;
	float:left;
}
/* ================================================================================== */
/* =============================== index.php [END] ================================== */
/* ================================================================================== */