*{
margin:0px;
padding:0px;
font-family: Arial, sans-serif;
font-size:small;
}
img{
border:none;
}
a{
text-decoration:none;
}
body{
background:#eeeeee;
width:100%;
margin-bottom:40px;
}
#kontener{
width:940px;
margin:0px auto;
}
/* --------------------  baner   -------------------------------------------------------------------------- */
#baner{
	overflow:hidden;
width:940px;
height:360px;
background:#ffffff url(../images/baner_tlo.jpg) no-repeat left top;
border-top:5px solid #ff7b00;
}
#menu1{
	display:inline;
float:right;
font-size:8px;
margin-top:15px;
margin-right:18px;
color:#dddddd;
}
#menu1 a{
color:#767676;
font-size:11px;
margin:12px 10px 0 10px;
}
#menu1 a:hover{
	color:#ff6600;
	}
#logo{
margin-top:16px;
margin-left:35px;
float:left;
	display:inline;
}
#baner_technologie{
	float:left;
		display:inline;
	margin-top:19px;
	margin-left:27px;
	padding-left:28px;
	padding-top:22px;
	border-left:1px solid #ededed;
	height:20px;
	color:#a4a4a4;
	font-size:13px;
	font-weight:bold;
}
#baner_telefon{
		display:inline;
	width:410px;
	height:30px;
	text-align:right;
	float:right;
	padding-right:28px;
	margin-top:35px;
}
#baner_tel1{
	color:#696969;
	font-size:13px;
	font-weight:bold;
	margin-right:6px;
}
#baner_tel2{
	font-size:19px;
	color:#ff8700;
}
#menu2{
		display:inline;
float:left;
height:60px;
width:940px;
background:#ffffff;
border-top:1px solid #e1e1e1;
overflow:hidden;
}
#menu2 ul li{
float:left;
list-style:none;
}
#menu2 ul li a{
	display:inline;
font-weight:bold;
float:left;
height:20px;
padding:7px 1px 0px 1px;
margin:15px 11px 0px 12px;
}
.a1{
height:40px;
color:#95a4a3;
}
.a1:hover{
color:#fa6706;
}
.a2{
color:#fa6706;
}
#baner_glowny{
	float:left;
	width:940px;
	height:200px;
	background: url(../images/big_cms.jpg) no-repeat left top;
}
#baner_demo{
		display:inline;
	float:left;
	margin-top:134px;
	margin-left:120px;
}
#baner_foto{
		display:inline;
	float:right;
}
#baner_navi{
height:43px;
border-top:1px solid #c9d6d6;
border-bottom:1px solid #c9d6d6;
background:#e2e7e7;
}
#navi_linki{
float:right;
margin-top:12px;
margin-right:17px;
	display:inline;
}
#navi_linki a{
color:#9fa1a1;
font-size:11px;
margin-left:5px;
padding-left:20px;
background: url(../images/navi.jpg) no-repeat left 4px;
}
#baner_animacja{
height:180px;
background:#e2e7e7;
}
#baner_witamy{
float:left;
width:300px;
}
#witamy_text1{
color:#476a9f;
font-size:19px;
margin-top:18px;
margin-left:20px;
}
#witamy_text2{
text-align:justify;
color:#818484;
font-size:11px;
margin-top:8px;
margin-left:20px;
line-height:17px;
}
#witamy_text3{
color:#49b2e2;
font-size:11px;
font-weight:bold;
}
#baner_flash{
float:right;
width:628px;
height:180px;
}

/* ============= tresc ===================================== */

#tresc{
float:left;
width:940px;
background:#ffffff;
}
/* ============= tresc ===================================== */

#glowna_info{
width:615px;
float:left;
overflow:hidden;
padding-bottom:20px;
}
#glowna_witamy{
margin-top:10px;
margin-left:10px;
	display:inline;
float:left;
border:1px solid #dddddd;
width:590px;
height:260px;
}
#glowna_realizacje{
margin-left:10px;
margin-top:10px;
float:left;
border:1px solid #dddddd;
width:590px;
height:140px;
	display:inline;
}
#glowna_rybka{
margin-top:10px;
}
#glowna_text1{
float:left;
	display:inline;
margin-top:5px;
margin-left:10px;
color:#ff6600;
font-size:19px;
width:280px;
}
.glowna_text2{
float:left;
width:190px;
margin-top:15px;
margin-left:20px;
color:#ffffff;
font-size:11px;
	display:inline;
}


.glowna_foto{
		display:inline;
float:right;
width:285px;
height:140px;
margin-right:18px;
margin-top:18px;
}
.glowna_foto img{
width:285px;
}
#glowna_tytuly{
	float:left;
	width:630px;
}
#glowna_tytul1{
	float:left;
	width:300px;
	color:#666666;
	font-weight:bold;
}
#glowna_tytul2{
	float:right;
	width:303px;
	color:#666666;
	font-weight:bold;
}
#glowna_real_lewa{
float:left;
width:304px;
padding:4px 6px;
margin-top:5px;
border:1px solid #dddddd;
	display:inline;
}
.glowna_real_blok{
	width:145px;
	float:left;
	overflow:hidden;
	margin-right:7px;
		display:inline;
}
#glowna_real_klient{
font-weight:bold;
color:#666666;
}
#glowna_real_data{
color:#9fc92f;
font-size:10px;
padding-left:15px;
margin-top:3px;
background: url(../images/data.jpg) no-repeat left top;
}
#glowna_real_opis1{
color:#999999;
font-size:11px;
margin-top:6px;
text-align:center;
}
#glowna_real_wiecej{
color:#ff6600;
font-size:11px;
background: url(../images/wiecej.jpg) no-repeat left top;
padding-left:34px;
padding-top:7px;
padding-bottom:4px;
margin-top:10px;
float:right;
	display:inline;
}

#glowna_real_foto{
display:block;
width:145px;
height:80px;
padding:1px;
border:1px solid #e8e8e8;
margin-bottom:3px;
overflow:hidden;
}
#glowna_real_foto img{
width:145px;
display:block;
}
#glowna_real_online{
font-size:11px;
padding-left:22px;
margin-top:4px;
padding-top:4px;
color:#858585;
background: url(../images/online.jpg) no-repeat left top;
}
#glowna_real_www{
color:#ff6600;
font-size:11px;
}
#glowna_real_prawa{
width:294px;
padding:3px;
float:right;
margin-right:20px;
margin-top:5px;
text-align:left;
border:1px solid #dddddd;
	display:inline;
}
/* ======   lewe menu ======================== */
#lewemenu{
float:left;
width:250px;
}
#lewemenu_tytul{
	background:#ffffff;
		float:left;
		width:220px;
		height:31px;
		font-size:19px;
		padding:5px 0 0 30px;
		color:#444444;
}
.lewemenu_pasek{
	width:225px;
	height:1px;
	border-left:25px solid #b4b4b4;
	background:#e8e8e8;
	float:left;
}
.e_sklepy{
	float:left;
	margin-top:12px;
		display:inline;
}
/* ============================= podstrony  ======= =========================  */

#podstrona{
	min-height:200px;
float:right;
width:650px;
padding-right:10px;
padding-top:10px;
padding-bottom:40px;
border-right:1px solid #e8e8e8;
	display:inline;
}
.podstrona_tytul{
	float:right;
	width:660px;
color:#ff7a22;
font-size:19px;
margin-top:20px;
height:30px;
	display:inline;
}

.podstrona_pasek{
	width:635px;
	height:1px;
	border-left:25px solid #b4b4b4;
	background:#e8e8e8;
	float:right;
}
#kont1_kontakt{
	float:left;
	width:300px;
}
/* ============================= realizacje  ======= =========================  */
.produkty_strony{
text-align:center;
margin-top:18px;
}
.strony_str1{
color:#ff6600;
text-align:center;
font-size:12px;
margin-left:26px;
font-weight:bold;
padding:3px 10px 2px 10px;
background: url(../images/str1.jpg) no-repeat center center;
}
.strony_str2{
color:#999999;
margin-left:26px;
font-weight:bold;
text-align:center;
font-size:12px;
padding:3px 10px 2px 10px;
background: url(../images/str1.jpg) no-repeat center center;
}
.str_dalej{
margin-left:45px;
color:#000000;
font-weight:bold;
text-align:center;
font-size:12px;
padding:8px 23px 0 0 ;
background: url(../images/str_dalej.jpg) no-repeat center center;
}
.str_wstecz{
margin-top:6px;
color:#000000;
font-weight:bold;
text-align:center;
font-size:12px;
margin-right:25px;
padding:8px 23px 0 0 ;
background: url(../images/str_wstecz.jpg) no-repeat center center;
}

.real_kat{
display:block;
padding:12px 0 12px 28px;
border:1px solid #fdeee6;
background:#fff3e5 url(../images/grot.jpg) no-repeat 210px center;
color:#ff6a06;
font-weight:bold;
}
.real_kat:hover{
color:#ffbb89;
background:#fff3e5 url(../images/grot2.jpg) no-repeat 210px center;
}
#lewemenu_linki{
margin-top:14px;
}
.real_prawa{
float:right;
width:400px;
margin-top:10px;
margin-right:15px;
	display:inline;
}
.real_klient{
font-weight:bold;
color:#666666;
}
.real_data{
color:#9fc92f;
font-size:10px;
padding-left:15px;
margin-top:3px;
background: url(../images/data.jpg) no-repeat left top;
}
.real_opis1{
color:#999999;
font-size:11px;
margin-top:6px;
text-align:justify;
}
.real_lewa{
width:205px;
float:left;
margin-right:20px;
margin-top:10px;
text-align:center;
	display:inline;
}
.real_foto{
display:block;
width:200px;
padding:1px;
border:1px solid #e8e8e8;
margin-bottom:3px;
}
.real_foto img{
width:200px;
display:block;
}
.real_online{
font-size:10px;
margin-top:4px;
padding-top:4px;
color:#858585;
}
.real_www{
color:#ff6600;
font-size:10px;
}
.real_kropki{
float:left;
width:640px;
margin-top:30px;
margin-bottom:5px;
background: #ffffff url(../images/kropki.jpg) repeat-x left top;
height:3px;
	display:inline;
}
#mapka{
width:350px;
margin:auto;
margin-top:15px;
float:left;
	display:inline;
}
#mapka_info{
text-align:center;
padding-bottom:5px;
font-weight:bold;
}
#mapa_strony{
width:500px;
float:left;
}
#mapa_strony ul{
padding-bottom:10px;
}
#mapa_strony ul a.str{
display:block;
color:#999999;
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
padding-top:4px;
padding-bottom:4px;
padding-left:35px;
border-bottom:1px solid #bbbbbb;
background: url(../images/pokaz.jpg) no-repeat 10px 3px;
}
#mapa_strony ul li{
margin-left:33px;
list-style:none;
}
#mapa_strony ul li a{
color:#aaaaaa;
display:block;
margin-top:2px;
margin-bottom:2px;
padding-left:14px;
background: url(../images/grot6.jpg) no-repeat left 3px;
}

/* stopka   ====================================  */

#stopka{
	clear:both;
border:1px solid #e8e8e8;
border-right:none;
height:50px;
width:939px;
margin:0px auto;
background:#ffffff url(../images/stopka_logo.jpg) no-repeat right center;
} 
#stopka_info1{
margin-top:10px;
margin-left:26px;
font-size:11px;
float:left;
color:#b4b4b4;
}
#info1_1{
color:#ec985f;
font-size:11px;
}