* {margin:0; padding:0;}
body {background:#3D3D3D; font: 13px "Lucida Sans Unicode", verdana, helvetica, sans-serif; color: #525252;}
.cleaner {clear:both; height:1px; font-size:1px; border:none; background:transparent;}
.even { background-color: #F1F8FF; border-bottom: 1px solid #C1D6DB; border-top: 1px solid #C1D6DB; }

/* Glówna  */
#main {
	width:760px;
	margin: auto;
	height:80px;
	border-bottom:10px solid #FFF;
}
#logo {width:170px; height:80px; float:left;}
#header { width:740px; margin: auto; height:137px; border-left:10px solid #FFF; border-right:10px solid #FFF; background: url(images/naglowek.jpg);}
#menu {
	float: right;
	height:31px;
}
#content {width:740px; margin:auto; border:10px solid #FFF; background:#FFF; }
#col1, #col2, #col3, #col11, #col22 {width:240px; float:left;}
#col33 {width:240px; float:left; padding-top:27px;}
#col2 {margin-left:10px;}
#col3 {background:#3D3E42; margin-left:10px; height:416px;}
#webdesign { background:#2A4377 url(images/blue.gif) repeat-x; height:203px;}
#seo { background:#467A25 url(images/green.gif) repeat-x; height:203px; margin-top:10px;}
#webdevelopment { background:#A21E3E url(images/pink.gif) repeat-x; height:203px;}
#telecom { background:#A86C07 url(images/yellow.gif) repeat-x; height:203px; margin-top:10px;}
#col11 {height:200px; background: url(images/vl.jpg) repeat-y right top;}
#col22 {margin-left:10px; height:200px; background: url(images/vl.jpg) repeat-y right top;}
#col33 {margin-left:10px; height:200px; background: url(images/vl.jpg) repeat-y right top;}
#left {width:190px; float:left;}
#contentin { width:520px; float:left; margin-left:10px; background: url(images/content_bg.gif) repeat-x; padding:10px; }
#work {margin:9px 0 0 0; padding-top:10px; background: url(images/hr.jpg) repeat-x top;}
#pln { height:60px; background:#63625F;}
#footer { background:#000; margin:auto; height:80px; width:760px; color:#666;}
#footer a{color: #666;}
em {font-style: normal; color:#525252; text-decoration:none; background-color:#FCFCB5;}
em a { border-bottom:1px dotted #363636; text-decoration:none;}
em a:hover{ background:#83D287;}
em a:visited { border-bottom:1px dotted #363636; text-decoration:none;}
.abbr { cursor:help;border-bottom:1px dashed #363636;}
#footer-icons{
padding:0 8px; }

/* Wiecej */
#webdesign p {color:#FFFFFF; font-size:10px; text-align:right; padding:0 10px 0 0; }
#webdesign p a{ color:#FFFFFF; font-size:10px;}

#webdevelopment p {color:#FFFFFF; font-size:10px; text-align:right; padding:0 10px 0 0; }
#webdevelopment p a{ color:#FFFFFF; font-size:10px;}

#seo p {color:#FFFFFF; font-size:10px; text-align:right; padding:0 10px 0 0; }
#seo p a{ color:#FFFFFF; font-size:10px;}

#telecom p {color:#FFFFFF; font-size:10px; text-align:right; padding:0 10px 0 0; }
#telecom p a{ color:#FFFFFF; font-size:10px;}


/* naglówki */
#logo h2 {width:170px; height:80px;}
h2 span { display:none; }
h1 { font-size:25px; color:#E47904; font-weight:normal;}
h2 {font-size:16px; font-weight:normal; color:#006600; padding:0 0 10px 0; }
h3 {font-size:13px; font-weight:bold; color:#006600; padding: 0 0 10px 0; }
#webdesign h2 { background:url(images/projektowanie-stron.gif) no-repeat; width:240px; height:35px; cursor:pointer;}
#webdevelopment h2 { background:url(images/programowanie.gif) no-repeat; width:240px; height:35px; cursor:pointer;}
#seo h2 { background:url(images/promocja-w-internecie.gif) no-repeat; width:240px; height:35px; cursor:pointer}
#telecom h2 { background:url(images/telekomunikacja.gif) no-repeat; width:240px; height:35px; cursor:pointer}
#outsource h2 {background:url(images/dlaczego_01.gif) no-repeat; width:240px; height:12px; margin:10px 0 4px 0; cursor: pointer}
#whyus h2 {background:url(images/dlaczego_02.gif) no-repeat; width:240px; height:15px; margin:0 0 4px 0; cursor: pointer}
#contentin h1 {padding-bottom:10px;}

/* <P> */
#contentin p {line-height:20px; color:#333; padding:0 0 10px 0; text-align:justify;}
#footer p {line-height:18px;}
#col11 p, #col22 p, #col33 p { padding:0 0 23px 0;  }
#col11 h3, #col22 h3, #col33 h3{ padding:10px 0 5px 0; }
#outsource p { color:#fff; font:12px Tahoma, Georgia, Verdana, Arial;  background:#48494D; margin:8px 10px 8px 10px; padding:5px 10px 5px 5px; text-align:justify;}
#whyus p {color:#F0F0F0; font:12px Tahoma, Georgia, Verdana, Arial; background:#48494D; margin:8px 10px 8px 10px; padding:5px 10px 5px 5px; text-align:justify; }

/* Listy */
#menu ul { list-style:none; text-align:center; padding:32px 0;}
#menu ul li {display: inline; list-style-type: none; }
#mainnav ul, #nav ul, #portfolio ul { list-style:none;}
#webdesign ul, #webdevelopment ul, #seo ul, #telecom ul { font-size:12px; margin-top:5px; }
#webdesign li, #webdevelopment li, #seo li, #telecom li { list-style:none; background:url(images/bullet.gif) no-repeat 2px 5px; margin:0 0 2px 15px; padding:0 0 0 20px; color:#FFFFFF;}
#contentin li { margin-top:5px; margin:0 0 5px 40px;}
#webdevelopment li strong, #webdesign li strong { font-weight:normal; }

/* Linki */
a:link { color:#525252;  }
a:visited{ color:#525252; text-decoration:underline; }
a:hover{color:#879733; text-decoration:none;}
#contentin a:hover{color:#000;text-decoration:none;}
a:active{color:#525252;background-color:transparent;font-weight:normal;}
#logo a {width:170px; height:80px; display: block;}

#menu ul li a { font:12px "Lucida Sans Unicode", verdana, helvetica, sans-serif; padding: 30px 8px; color:#FFF; }
#menu ul li a:hover { color:#BAC58E;}
#col33 a{ display: block; padding: 0px; text-decoration:none; color:#3F7E86; width:234px; }

/* Lewa nawigacja */
#nav0 a, #nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a, #nav7 a, #nav8 a, #nav9 a, #nav10 a, #nav11 a, #nav12 a, #nav13 a, #nav14 a, #nav15 a, #nav16 a, #nav17 a {text-indent: -5000px; display:block; position:relative; height:29px; width:190px;}
#nav0 a, #nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a, #nav7 a {background:url(images/menu_lewe.gif) no-repeat;}
#nav8 a, #nav9 a, #nav10 a, #nav11 a, #nav12 a {background:url(images/menu_lewe.gif) no-repeat;}
#nav13 a, #nav14 a, #nav15 a, #nav16 a, #nav17 a {background:url(images/menu_lewe.gif) no-repeat;}
#nav0 a {background-position:0 0;}
#nav1 a {background-position:0px -29px;}
#nav2 a {background-position:0px -58px;}
#nav3 a {background-position:0px -87px;}
#nav4 a {background-position:0px -116px;}
#nav5 a {background-position:0px -145px;}
#nav6 a {background-position:0px -174px;}
#nav7 a {background-position:0px -203px;}
#nav8 a {background-position:0 0;}
#nav9 a {background-position:0px -29px;}
#nav10 a {background-position:0px -58px;}
#nav11 a {background-position:0px -87px;}
#nav12 a {background-position:0px -116px;}
#nav13 a {background-position:0 0;}
#nav14 a {background-position:0px -29px;}
#nav15 a {background-position:0px -58px;}
#nav16 a {background-position:0px -87px;}
#nav17 a {background-position:0px -116px;}

/* .portitem { float:left;  width:248px; margin:0 20px 0 0; } */
.portitem { float:left;  width:228px; margin:0 20px 0 0; } 
.portitem2 { float:right;  width:228px; margin-left:20px; } 
.end { margin:0 0 10px 0; }
#contentin .portitem p { padding:0 0 5px 0; }

.portitemThumbPic { display:block; border:2px solid #DCDEDF; }
.portitemThumbPic img { border:2px solid #FFF; }
.portitemThumbPic:HOVER {	border:2px solid #A9ABAE; }
.portitemText h3 { margin:0; padding:0; }
.portitemThumbEnd { background: url(images/szary_cien.gif) repeat-x; height:15px; width:228px; margin:0; }
.portclear { height:10px; margin:10px 0; border-top:1px dotted #333333; }
.tbp {
	padding:4px;
	}
.tbb {
	background:#999999;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
input, textarea {
	border: 1px solid #d5d7d0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	padding: 2px;
}
input:focus, textarea:focus {
	background: #fdfff7;
	border-color: #C3B9A2;
}
#contactform {
padding: 10px;
}
#contactform input, #contactform textarea{
width: 350px;
margin: 3px 0 0 0;
padding:4px;
background:#F4F4F4;
font-weight:bold;
}
#contactform label {
display: block;
}
#submit {
width: auto !important;
}
#submit {
	background: url(images/button-bg.gif) #fdfff7 left bottom repeat-x;
	border: 1px outset #FFFFFF;
	color: #9a1;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}
.red-font{
color:#FF0000;}

.quotation {
	font-style:italic;
	overflow: visible;
	width: 500px;
}

/* Ajax */
fieldset { border:0;margin:0;padding:0; }
label { display:block; }
input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }

.dottedLine {
	background: url(images/hr.jpg);
	background-repeat:repeat-x;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
}

.verticalMargin {
	margin-top:20px;
	margin-bottom:10px;
}