/* ============================ common ============================== */

body { 
	font: normal 15px 'Lucida Sans Unicode';
	background: #251c00 url(../img/body-bg.gif); 
	margin: 0;
	color: #ffc800;
	line-height: 1.8em;


}

a:link, a:visited { color: #ff6600; text-decoration: none; }
a:link:hover, a:visited:hover, a:active, a:focus { color: #ff2400; text-decoration: none; outline: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; color: #e9e9e9; font-weight:normal; text-shadow: #000 1px 1px 1px;}
fieldset {border: 0; margin: 0; padding: 0;}

a img {border: 0;}

h1.headline1, h2.headline1, h2 {font-size: 1.7em;}
h1, h2 {margin-bottom: 10px;}
#content h2 {font-size: 0.8em;}
#content h3 {font-size: 0.8em;}

#sub-header a {border: 0;}

ul, ol {list-style-type: none; list-style-position: inside;}
#content ul {list-style-type: disc; }

input {background: #ffc800; border: 2px solid #120e00; padding: 2px;}
button {}

html:not([lang*=""]) button.btn {
margin:0 -3px;
}

.cb {clear: both;}

.btn {
-x-system-font:none;
background:transparent none repeat scroll 0 0;
border-width:0;
color:#ffffff;
display:inline-block;
font-family:Arial,Sans-serif;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.2;
margin:0;
overflow:visible;
padding:3px 0;
text-decoration:none;
}

.btn span span {
border-bottom:1px solid #AAAAAA;
border-top:1px solid #BBBBBB;
border-width: 0;
padding:3px 0.4em;
position:relative;
}
.btn span {
background:#ff4d06;
border-left:0px solid #BBBBBB;
border-right:0px solid #AAAAAA;
margin:0;
padding:3px 0;
}
a.btn {
color: #fff;
}
a.btn:hover {
color: #fff;
}


.aural {text-indent:-3000px;}

p {text-indent: 20px; line-height: 1.2em;}
hr {display: none;}

.rightbox {margin-bottom: 35px;}

#content .no-type {list-style-type: none;}

span.strike {text-decoration: line-through;}

.center {margin: 0 auto;}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

.holder{ 
	width: 960px; margin: 0 auto;
}

#header{
	height: 180px; width: 100%;
	background: #170f00 url(../img/header-bg.gif); 
}

#header img {display: none;}
#header a {display: block; width: 100%; height: 100%; border: 0;}



#header h2{background:transparent url(../img/logo.png) no-repeat scroll left center; float:left; height:94px; margin-top:35px; text-indent:-3000px; width:388px;}

#header h3{background: url(../img/gfx-promo.gif) no-repeat center center; width: 423px; height: 172px; text-indent:-3000px; float:right;}

#sub-header ul{clear: both;}
#sub-header ul li{ float: left; padding: 3 10px; margin: 0 18px 0 0;}

#sub-header ul li a {display: block; text-indent: -10000px;}

#sub-header ul li a.strony {background: url(../img/menu-strony-main.png) no-repeat 0 0; width: 196px; height: 31px;}
#sub-header ul li a.strony:hover, #sub-header ul li a.strony:focus {background: url(../img/menu-strony-hover.png) no-repeat 0 0; width: 196px; height: 31px;}
#sub-header ul li a.act-strony {background: url(../img/menu-strony-active.png) no-repeat 0 0; width: 196px; height: 31px;}

#sub-header ul li a.sklepy {background: url(../img/menu-sklepy-main.png) no-repeat 0 0; width: 196px; height: 31px;}
#sub-header ul li a.sklepy:hover, #sub-header ul li a.sklepy:focus {background: url(../img/menu-sklepy-hover.png) no-repeat 0 0; width: 196px; height: 31px;}
#sub-header ul li a.act-sklepy {background: url(../img/menu-sklepy-active.png) no-repeat 0 0; width: 196px; height: 31px;}

#sub-header ul li a.seo {background: url(../img/menu-seo-main.png) no-repeat 0 0; width: 174px; height: 31px;}
#sub-header ul li a.seo:hover, #sub-header ul li a.seo:focus {background: url(../img/menu-seo-hover.png) no-repeat 0 0; width: 174px; height: 31px;}
#sub-header ul li a.act-seo {background: url(../img/menu-seo-active.png) no-repeat 0 0; width: 174px; height: 31px;}

#sub-header ul li a.logo {background: url(../img/menu-logo-main.png) no-repeat 0 0; width: 74px; height: 31px;}
#sub-header ul li a.logo:hover, #sub-header ul li a.logo:focus  {background: url(../img/menu-logo-hover.png) no-repeat 0 0; width: 74px; height: 31px;}
#sub-header ul li a.act-logo {background: url(../img/menu-logo-active.png) no-repeat 0 0; width: 74px; height: 31px;}

#sub-header ul li a.xhtml {background: url(../img/menu-xhtml-main.png) no-repeat 0 0; width: 174px; height: 31px;}
#sub-header ul li a.xhtml:hover, #sub-header ul li a.xhtml:focus {background: url(../img/menu-xhtml-hover.png) no-repeat 0 0; width: 174px; height: 31px;}
#sub-header ul li a.act-xhtml {background: url(../img/menu-xhtml-active.png) no-repeat 0 0; width: 174px; height: 31px;}

#content{ width: 585px; float: left; padding: 40px 20px 60px 20px;}
#content p, #content ul, #content ol, #side-bar p {font-size: 0.8em;}

#content .realizacje li {
float:left;
height:260px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
min-height:315px;
text-align:center;
width:225px;
}
#content li {
line-height:1.5em;
margin-bottom:0;
}
#content li {
padding-left:30px;
}

#content .realizacje {clear: both;}

#content .realizacje a {
display:inline-block;
letter-spacing:2px;
text-decoration:none;
border: 0;
}

#content .realizacje img {
border:1px dashed #FF6600;
height:165px;
margin-bottom:10px;
padding:10px;
width:200px;
}

#content .realizacje img:hover, #content .realizacje img:focus {
border:1px dashed #FF2400;
}

#content .referencje li {margin-bottom: 10px;}

#form input, #form textarea{background: #170f00; border: 1px dashed #271d00; padding: 2px; color: #ffe37f;}
#form label {font-size: 0.8em; color: #ffe37f;}
#form input.submit {background: #ffe37f; border: 1px dashed #271d00; color: #170f00;}

#side-bar{ width: 295px; float: left; padding: 40px 20px;}

#newsletter .promo_img {float: left; margin-right: 15px; margin-top: 9px;}
#newsletter form div {margin-top: 5px;}
#newsletter form fieldset span {color: #fff; font-size: 0.8em;}
#newsletter form fieldset input {width: 130px;}
#newsletter form .btn {font-size: 14px;}
#side-bar p {text-indent: 0;}

#footer{ clear: both; height: 130px; width: 100%; background: #170f00 url(../img/foot-bg.gif); color: #be943c; position: relative;}
#foot-txt {position: absolute; right: 0; top: -25px; font-size: 0.7em; color: #000; text-align: center; width: 100%;}

#footer a {border: 0; border-bottom: 1px solid #191000;}
#footer a:hover, #footer a:focus {border-bottom: 1px solid #392400;}


#footer ul li { font-size: 0.9em; padding: 25px 45px; float: left; font-variant: small-caps;}
#footer ul li li {padding: 0; clear: both; width: 100%; margin: 0; height:18px;}
#footer ul ul{list-style-type: square; list-style-position: outside;}

#footer h2,h3 {color: #ce992a; font-size: 1em;}

#footer h3 a {color: #ce992a;}
#footer ul  li li a {color: #be943c;}

/* ========================== layout end ============================ */

/* ============================ header ============================== */



/* ========================== header end ============================ */

/* ========================== sub-header ============================ */



/* ======================== sub-header end ========================== */

/* ============================ content ============================= */

/*
h1.h1-twoja-f {background: url(../img/h1-twoja-firmowa-strona-www.png) no-repeat 0 0; width: 480px; height: 39px; text-indent: -20000px; }
h1.h1-firmowe  {background: url(../img/h1-firmowe-strony-www.png) no-repeat 0 0; width: 302px; height: 36px; text-indent: -20000px; }
h1.h1-sklepy {background: url(../img/h1-sklepy-internetowe.png) no-repeat 0 0; width: 269px; height: 37px; text-indent: -20000px; }
h1.h1-seo {background: url(../img/h1-pozycjonowanie-stron-www.png) no-repeat 0 0; width: 509px; height: 38px; text-indent: -20000px; }
h1.h1-logo {background: url(../img/h1-projektowanie-logotypow.png) no-repeat 0 0; width: 361px; height: 39px; text-indent: -20000px; }
h1.h1-xhtml {background: url(../img/h1-kodowanie-xhtml-css.png) no-repeat 0 0; width: 348px; height: 36px; text-indent: -20000px; }
h1.h1-kontakt {background: url(../img/h1-masz-pytania.png) no-repeat 0 0; width: 555px; height: 38px; text-indent: -20000px; }
h1.h1-promo {background: url(../img/h1-promocja-6msc.png) no-repeat 0 0; width: 532px; height: 74px; text-indent: -20000px; }
h1.h1-portfolio {background: url(../img/h1-dotychczasowe-realizacje.png) no-repeat 0 0; width: 357px; height: 38px; text-indent: -20000px; }



h2.h2-newsletter {background: url(../img/h2-newsletter.png) no-repeat 0 0; width: 153px; height: 32px; text-indent: -20000px; }
h2.h2-intlab {background: url(../img/h2-intlab.png) no-repeat 0 0; width: 280px; height: 37px; text-indent: -20000px; }
h2.h2-kontakt {background: url(../img/h2-kontakt.png) no-repeat 0 0; width: 115px; height: 33px; text-indent: -20000px; }

*/

/* ========================== content end =========================== */

/* ============================ side-bar ============================ */



/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */




/* =========================== footer end =========================== */