@CHARSET "UTF-8";
*{
margin:0;
padding: 0;
}
body{
background: url("../i/body_tlo.jpg") #fff repeat-x;
text-align: center;
font-family: Arial, sans-serif ;
font-size:13px;
color:#414040;

}
#container{
margin:0 auto;
width:895px;
text-align: left;
height:100%;

}
#head{
width:100%;
margin-top:20px;
}
#logo{
float:left;
display: inline;
border-right: solid 1px #fff;
width: 210px;
text-align: center;
padding:10px 0;
}
#menu{
float:left;
display: inline;
height:54px;
width: 670px;
margin-top:25px;
}
#menu ul{
list-style:none;
margin-top:18px;
}
#menu ul li{
float: left;
display: inline;
margin:0 0 0 60px;
font-size: 18px;
color: #696969;
}
#menu ul li a{
color: #696969;
text-decoration: none;
}
#menu ul li a:hover{
color: #4e4e4e;

}

#menu_omnie a,#menu_oferta a,#menu_projekty a,#menu_kontakt a{
background-repeat:repeat-x;
background-position: 0 24px;
padding-bottom: 3px;
}

#menu_omnie a{
background-image: url("../i/menu/omnie.png");
}
#menu_omnie a:hover{
background-position: bottom;
}

#menu_oferta a{
background-image: url("../i/menu/oferta.png");
}
#menu_oferta a:hover{
background-position: bottom;
}

#menu_projekty a{
background-image: url("../i/menu/mojeprojekty.png");
}
#menu_projekty a:hover{
background-position: bottom;
}

#menu_kontakt a{
background-image: url("../i/menu/kontakt.png");
}
#menu_kontakt a:hover{
background-position: bottom;
}

#content{

margin-top:50px;
min-height:300px;
padding-bottom:20px;
}

#content hr, #footer hr{
clear:both;
background: url("../i/hr.png") #fff no-repeat;
height: 12px;
border: none; /* For Internet Explorer */ 
border-color: #fff;


}
#linki_do_stron{
color:#f3f3f3;
font-size:7px;
float:right;
}
#text{
background: url("../i/hr.png") #fff 0 0 no-repeat;
clear:both;
padding:25px 12px;
line-height: 20px;
}
#div1{
float:left;
display:inline;
width: 49%;

}
#div2{
display:inline;
float:right;
width: 49%;
}

#div2 a{
color:#CC0000;
}
#text ul{
list-style: none;
margin:0px 0 0 20px;
}
#text ul li{
font-size:13px;
background: url("../i/li_tlo.gif") #fff  no-repeat center left;
padding-left: 14px;
padding-bottom: 2px;
line-height: 22px;
}

#text ol{
margin:0px 0 0 38px;
}
#text ol li{
font-size:13px;
padding-left: 0px;
padding-bottom: 2px;
line-height: 22px;
}

#text p.oferta{

	margin:23px 0;
	
}

#text h1.oferta{
	font-size: 13px;
	font-weight: 600;
	margin:12px 0 2px 24px;
	color:#BD2735;
	
}

#text h2.oferta{
	font-size: 13px;
	font-weight: 600;
	margin:52px 0 0px 0px;
	color:#511154;
	
}

#text p.oferta2{

	text-indent: 12px;
	margin-bottom: 5px;
	text-align: justify;
	
}
#text p{
padding: 0 15px;
}
#text .projekt{
margin:0;
padding:0;
border-style:none;
display:inline;
width:50%;
float:left;
margin:10px 0;
height:150px;

}

#text .projekt img{
float:left;
display: inline;
width: 45%;
margin-left: 1%;
}
#text .projekt p{
float:left;
display: inline;
width: 45%;
margin-left: 1%;
font-size: 12px;

}
#text .projekt p.linki{
border-top:1px dotted #D3D3D3;
margin: 12px 2% 0 0;
width: 46%;
}
#text .projekt a,#text .projekt span{
color:#fe8a07;

}

a img{
border-style: none; 
}

#footer{
background: url("../i/hr.png") #fff no-repeat;
width:895px;
position:relative;
bottom:0;
font-size:12px;
padding-top:12px;
color:#666565;

}
#footer p{
padding:0 2%;
color: #AAAAAA;
float: left;
display:inline;
width: 45%;
margin-bottom: 4px;

}
#do_gory{
width: 45%;
text-align: right;
font-size:16px;
font-weight: 600;
}

#do_gory a{

	color: #AAAAAA; 
	text-decoration: none;
	background: url("../i/do_gory.png") no-repeat left 3px;
	padding-left: 18px;
}

#clear{
clear: both;
}
/* Formularz */
p#wyslano{
font-size: 13px;
font-weight: 600;
color:#736E0E;
margin:130px 0;
}
#formularz{
font-size: 11px;
width: 100%;
text-align: center;
}
#formularz p{
padding:30px 0 0 0;
font-size: 11px;
font-weight: 600;
color:#736E0E;
	
}
#formularz table{
margin: 0 auto;

}
#formularz table th{
font-weight: 500;
text-align: right;
}
#formularz table td{
font-weight: 500;
text-align: left;
}
#formularz INPUT, #formularz SELECT, #formularz TEXTAREA{
	width:200px;
	display:block;
	z-index: 99999;
}
#formularz TEXTAREA{
height: 80px;
	
}

#formularz input.submit{

background:#2191C0 url(start/images/ui-bg_gloss-wave_75_2191c0_500x100.png) repeat-x scroll 50% 50%;
border:1px solid #4297D7;
color:#EAF5F7;
font-weight:bold;
font-size: 14px;
height: 30px;
width:80px;
margin: 0 12px;
}
#adres, #telefon{
float:left;
width:45%;
text-align: left;
padding:3% 0 0 5%;
}
#adres h3:after { 
	color:#E93427;
	content: "*";
	font-size: 12px;
	padding-bottom:7px;
}

#adres h3, #telefon h3{
font-size: 13px;
font-weight: 600;
margin-bottom: 3px;
color:#736E0E;
}

#formularz span{
font-size:9px;
text-align:left;
width:100%;
position: absolute;
left:4px;
bottom:62px;
}

/* SLIDER DO PORTFOLIO */

img.next{
position:absolute;
top:195px;
right:0;
z-index:1001;
cursor:pointer;
}
img.prev{
position:absolute;
top:195px;
left:0;
cursor:pointer;
}

img.next2{
position:absolute;
top:195px;
right:0;
z-index:1001;
display: none;
}
img.prev2{
position:absolute;
top:195px;
left:0;
display: none;
}

div#text.projekty{
padding-left:10%;position: relative;
}

div#slide .lewy{
			position: absolute;
			width:100%;
			top:0;
			overflow: hidden;
		} 
		
		div#slide .prawy{
			position: absolute;
			width:100%;
			height:100%;
			top:0;
			overflow: hidden;
		}
/* KONIEC SLIDER DO PORTFOLIO */
/*
Napisy zamiast obrazjka /**/
div#co_robimy{
	clear: both;
	position: relative;
	margin-top:30px;
}
div#co_robimy h2{
	position: absolute;
	font-family: "Lucida Sans";
}
div#co_robimy h2.projektowanie{
	color:#97ad00;
	font-size:24px;
	font-weight: 600;
	top:0;
	left:65px;
}
div#co_robimy h2.tworzenie{
	color:#bd2735;
	font-size:29px;
	font-weight: 600;
	top:23px;
	left:260px;
}
div#co_robimy h2.modyfikowanie{
	color:#310d42;
	font-size:18px;
	font-weight: 600;
	top:45px;
	left:85px;
}
div#co_robimy h2.bazy_danych{
	color:#ffbc0a;
	font-size:21px;
	font-weight: 600;
	top:75px;
	left:5px;
}
div#co_robimy h2.cms{
	color:#0e5e90;
	font-size:25px;
	font-weight: 600;
	top:73px;
	left:240px;
}
div#co_robimy h2.strony_internetowe{
	color:#ff7700;
	font-size:22px;
	font-weight: 600;
	top:102px;
	left:165px;
}
div#co_robimy h2.crm{
	color:#511154;
	font-size:25px;
	font-weight: 600;
	top:115px;
	left:40px;
}