body {
	cursor: default;
	background-color: black;
	width: 1000px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
a,a:link,a:hover,a:visited
{text-decoration: none;color: black;}
div{position:relative;}

/* animacja menu */
.ukryj{ /* używane również w oferta */
	position: absolute;
	top: -1000px;
	left: 328px;}
.omnie1:hover #omn1{
	position: absolute;
	top: 0px;
	left: 328px;}
.oferta1:hover #ofe1{
	position: absolute;
	top: 0px;
	left: 443px;}
.kontakt1:hover #kon1{
	position: absolute;
	top: 0px;
	left: 558px;}
/* animacja menu end */	
	
	
.calosc{
	text-align: center;
	width: 1000px;
	height: inherit;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
/* BANER */
.baner{
	width: 1000px;
	height:	233px;
	margin: 1px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.baner2{
	width: 1000px;
	height: 109px;
	padding: 0px 0px 0px 0px;
	background-color: white;
}
.banadres{
	position: absolute;
	left: 50px;
	top: 80px;
	font-family: "High Tower Text";
	font-size: larger;
	font-style: normal;
	color: black;
}
.banadres:hover, #index{
	color: maroon;
	text-decoration: underline;
}
/* BANER END */
/* ŚRODEK */
.lewa{
	float: left;
	min-height: inherit;
	width: 51px;
	background-image: url(baner/banerr3c1.jpg);
	background-repeat: repeat-y;
}
.prawa{
	float: right;
	min-height: inherit;
	width: 51px;
	background-image: url(baner/banerr3c2.jpg);
	background-repeat: repeat-y;
	
}
.tresc1{
	padding: 0px 0px 0px 0px;
	width: 1000px;
	min-height: 500px;
}
.tresc{
	position:relative;
	padding: 0px 0px 0px 0px;
	float: left;
	background: white;
	width: 898px;
	min-height: inherit;
	text-align: left;
}
/* ŚRODEK end */
/* stopka */
.dol{
	width: 1000px;
	height: 51px;
}
.dol1{
	width: 51px;
	height: 51px;
	background-image: url(baner/banerr4c1.jpg);
	background-repeat: no-repeat;
	float: left;
}
.dol2{
	width: 898px;
	height: 51px;
	background-image: url(baner/banerr4c2.jpg);
	background-repeat: repeat-x;
	float: left;
}
.dol3{
	width: 51px;
	height: 51px;
	background-image: url(baner/banerr4c3.jpg);
	background-repeat: no-repeat;
	float: right;
}
.dol2a{
	position: relative;
	top: 10px;
	float: left;
	width: 150px;
}
.dol2b{
	position:relative;
	top: 10px;
	float: left;
	width: 550px;
}
.dol2c{
	position: relative;
	top: 10px;
	float: right;
	width: 150px;
}

/* stopka end */

/* index */
.ifoto{
	width: 300px;
	height: 300px;
	margin: 190px 3px 1px 1px;
	float: left;
}
.reszta{ /* używane gdzie indziej też */
	width: auto;
	height: auto;
	margin: 0px 1px 0px 1px;
	padding: 0 0 0 300px;
	font-family: "Times New Roman";
	font-size: 14px;
}
.witam{
	margin: 100px 0 50px 50px;
	font-family: Georgia;
	font-size: 16px;
	font-weight: bold;
	color: #620000;
	text-decoration: underline; 
}
.ioferta{
	float: left;
	padding: 0 10px 0 0;
	width: 570px;
	height: auto;
}
.iof1{
	width: 240px;
	height: 60px;
	float: left;
	font-weight: bold;
}
.iof2{
	width: 315px;
	height: 60px;
	float: right;
}
/* index end */

/* OMNIE */
.om1{
	width: 200px;
	height: auto;
	margin: 110px 0 0 0;
	padding: 10px 0 10px 0;
	text-align: center;
	float: left;
	border-right: thin;
	border-right-color: black;
	border-right-style: solid;
}
.om2{
	width: auto;
	height: auto;
	padding: 100px 5px 0px 250px;
	font-family: Calibri;
	font-size: 15px;
	font-weight: normal;
}
.cert{
	width: 640px ;
	height: 450px;
	margin: 30px 0 20px 0;
	//border: 1px solid;
	overflow: hidden;
}
.cisco{
	width: 186px;/*ramka 1px*/
	height: 136px;
	text-align: center;
	position: absolute;
	background-color: white;
	border: 1px black solid;
}
.cisco1{top:0;left:0;}
.cisco2{top:30px;left:30px;}
.cisco3{top:60px;left:60px;}
.cisco4{top:90px;left:90px;}
.cisco_opis{
	width:352px;
	height: 250px;
	margin: 0 0 0 280px;
	padding: 20px 0 0 0 ;
	text-align: center;
}
#cisco_ccna{cursor:pointer;}
#cisco_ccna:hover{color: maroon;}
.umiejetnosci{
	text-decoration: underline;
	font-family: Calibri;
	font-variant: small-caps;
	font-size: 19px;
	font-weight: bold;
}
/* OMNIE END */

/* KONTAKT */
.kkontakt1{
	width: 210px;
	height: 250px;;
	margin: 100px 0 0 0;
	float: left;
}
.kkontakt{
	width: 250px;
	height: 100px;
	margin: 120px 0 0 500px;
	font-family: Calibri;
	font-size: 17px;
	text-align: center;
}
.kkontakt>span{
	text-decoration: underline;
	color: #440000;
}
.mail:hover{color: maroon;}
.teren{
	width: auto;
	height: auto;
	margin: 40px 0 0 220px;
	font-family: Calibri;
	font-size: 15px;
}
.malpa{
	position: absolute;
	left : 710px;
	top: 270px;
}
/* KONTAKT END */

/* OFERTA */
.omenu1{
	width: 600px;
	height: 40px;
	margin: 25px auto 0 auto;
	font-family: "Copperplate Gothic Bold";
	font-size: 15px;
}
.omenu2{
	width: 200px;
	text-align: center;
}
.omenu2a,.omenu2:hover,.omenu3a:hover{/*omenu3a używane indziej też*/
	color: maroon;
	text-decoration: underline;
	font-weight: bold;
}
.osijpg{
	position:absolute;
	top: 100px;
	left: -15px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.omenu2:hover #sijpg{
	opacity: 1;
	filter: alpha(opacity=100);
}
.opgjpg{
	position:absolute;
	top: 150px;
	left: 170px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.omenu2:hover #pgjpg{
	opacity: 1;
	filter: alpha(opacity=100);
}
.oskjpg{
	position:absolute;
	top: 90px;
	left: 420px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.omenu2:hover #skjpg{
	opacity: 1;
	filter: alpha(opacity=100);
}
#sijpga, #pgjpga, #skjpga{ /* podstrony ofery */
	position: absolute;
	top: 20px;
	left: -150px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
/* OFERTA - SI, PG, SK */
.otresc .nowosc{
	color: maroon;
	font-weight: bold;
	display: inline-block;
}
.otresc{
	width: 690px;
	height: auto;
	margin: 20px auto 0 200px;
	font-family: Calibri;
	font-size: 15px;
	font-weight: normal;
}
.otytul{
	font-family: Cambria;
	font-size: 16px;
	font-weight: bold;
	padding: 30px 0 0 0;
}
.otechnologie{
	margin: 200px 0 0 30px;
	width: 100px;
	height: auto;
	float: left;
	font-family: Calibri;
	font-size: 15px;
	text-align: center;
	line-height: 25px;
	border-right: thin solid black;
}
.omenu3{
	width: 200px;
	height: 40px;
	font-family: "Copperplate Gothic Bold";
	font-size: 13px;
	text-align: center;
	line-height: 20px;
	position: relative;
	top: -10px;
}
/* OFERTA - SI, PG, SK END */
/* OFERTA - CENNIK */
.cmenu{
	width: 600px;
	height: auto;
	background-color: #dddddd;
	display: block;
}
.cennik{
	margin: 0 auto 0 40px;
	text-decoration: none;
	font-family: Cambria;
	font-size: 16px;
	color: black;
}
.cennik2{
	font-family: Calibri;
	font-size: 15px;
	margin: 50px auto 10px 100px;
}
.branza{
	font-weight: bold;
	color: maroon;
	text-decoration: underline;
}
.komentarz{
	color: gray;
	font-size: 14px;
	margin: 0 0 0 10px;
}
.cena{
	font-weight: bold;
	color: maroon;
	display: inline-block;
}
.cena a{	color: maroon;}
.cena a:hover{	color: black;}
.cena_napis{
	color: #353535;
	margin: 0 10px 0 20px;
	display: inline-block;
}
.c_wys{
	height: 850px;
}
/* OFERTA - CENNIK END*/
/* OFERTA - PROJEKTY */
.opr{
	width: 650px;
	height: auto;
	margin: 40px auto 0 210px;
}
.opr0{
	width: inherit;
	height: 200px;
}
.opr1{
	width: 310px;
	height: 171px;
	padding: 5px 5px 5px 5px;
	float: left;
}
.opr2{
	width: 310px;
	height: 171px;
	padding: 5px 5px 5px 5px;
	float: right;
	text-align: center;
}
.linia{
	padding: 10px 0 10px 0;
	text-align: center;
}
/* OFERTA - PROJEKTY END*/
/* OFERTA END*/

/* Projekty wykonane */
.projekty{
	margin: 10px 0 10px 30px;
}
.p_wys{height: 1100px;}
.p_wyss{	height: 1350px;}

/* Projekty wykonane end */

.floatl{float: left;}
.floatr{float: right;}
.center{text-align: center;}
.alignl{text-align: left;}
.width150{width: 150px;}
.widtha{width: auto;}
.height600{height: 600px;}/*sk*/
.height900{height: 900px;}/*siprojekty*/
.height800{height: 800px;}/*o mnie*/
.ptop20{ padding-top: 20px;}
.top20{margin-top: 20px;}
.top50{margin-top: 50px;}
.top100{margin-top: 100px;}
.left100{margin-left: 100px;}
.left150{margin-left: 150px;}
.left350{margin-left: 350px;}
.left550{margin-left: 550px;}
.bottom50{margin-bottom: 50px;}
.border0{border-width: 0 0 0 0;}
.underline{text-decoration: underline;}
.bold{font-weight: bold;}
.opacity6{opacity: 0.6;
	filter: alpha(opacity=60);}