/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* reset css end */


/* desi9n.pl */
html{
background:url(img/background.jpg);
background-repeat:repeat-x;
background-color:#fff;
}

body{
margin:0;
padding:0;
text-align:center;
font-family:Verdana,sans-serif;
}

#container{
width:917px;
margin:0 auto 0px auto;
position:relative;
background-color:#fff;
background:url(img/container.jpg);
margin-top:15px;
}

#header{
width:100%;
height:307px;
background-color:#fff;
background-image:url(img/header.jpg);
background-repeat:repeat-x;
text-align:left;
position:relative;
}

#slide {
	position:absolute;
	top:132px;
	left:505px;
	overflow:hidden;
	width:311px;
	height:156px;
}

#footer{
clear:both;
width:100%;
height:45px;
margin:0;
padding:0;
background-image:url(img/footer.jpg);
background-repeat:repeat-x;
font-size:12px;
line-height:45px;
color:#5E5E5E;
text-align:center;
}

#footer p{
    margin:0;
}

#menu{
position:absolute;
left:13px;
top:255px;
}

#menu li
{
list-style-type:none;
padding:0;
margin:0;
display:block;
float:left;
font-size:11px;
line-height:40px;
text-align:center;
font-weight:bold;
}

#menu a
{
text-decoration:none;
display:block;
padding-right:10px;
padding-left:10px;
height:32px;
color:#000;
background:url(img/menu.png) top center repeat-x;
}


#menu a:hover{
background-position:center -32px;
color:#000;
}

#logo{
border:none;
position:relative;
top:35px;
left:38px;
}

#content{
font-size:13px;
line-height:20px;
color:#686868;
text-align:justify;
width:700px;
margin-left:38px;
margin-right:38px;
padding-right:150px;
padding-bottom:55px;
background:url(img/drzewko.jpg) bottom right no-repeat;
}

#content ul{
padding:0;
margin:0;
margin-bottom:1em;
}

#content li{
list-style-type:none;
padding:0;
padding-left:20px;
margin:0;
margin-top:15px;
}

#v01{
background: transparent url(img/01pl.jpg) no-repeat scroll 0 0
}

#v01 li{
background:url(img/list01.jpg) 0 0 no-repeat;
}

#v02 li{
background:url(img/list02.jpg) 0 0 no-repeat;
}

#v03 li{
background:url(img/list03.jpg) 0 0 no-repeat;
width:640px;
margin-bottom:2em;
}

#v04 li{
background:url(img/list04.jpg) 0 0 no-repeat;
}

#v05 li{
background:url(img/list05.jpg) 0 0 no-repeat;
}

h1 a, p a{
color:#f98b02;
text-decoration:none;
border-bottom:dotted 1px #f98b02;
}

h1 a:hover, p a:hover{
color:#ffb060;
text-decoration:none;
border-bottom:solid 1px #ffb060;
}

a:focus{
overflow:hidden;
}

img{
border:none;
}

.cala_pozycja{
width:640px;
height:291px;
background-repeat:no-repeat;
}

.zoom{
text-indent:-4444em;
width:100%;
height:100%;
}

.zoom:hover{
background:url(img/zoom.png) no-repeat 520px 180px;
}

.zoom2{
display:block;
width:100%;
height:100%;
}

.lewy_dol{
width:600px;
float:left;
padding-right:10px;
}

.prawy_dol{
width:30px;
float:left;
}

.prawy_dol img{
height:30px;
vertical-align:top;
}

h1{
font-size:1.5em;
font-weight:bold;
margin-top:1em;
margin-bottom:1em;
}

h2{
font-size:1.2em;
font-weight:bold;
margin-top:1em;
}

p{
margin-bottom:1em;
}

.wprowadzenie{
margin-top:25px;
}

.wprowadzenie p{
margin-left:42px;
display:block;
}

#adwords_wprowadzenie{
width:470px;
margin-left:70px;
margin-right:160px;
}

#adwords_lewa{
float:left;
margin-left:30px;
width:315px;
}

#adwords_prawa{
float:left;
margin-left:32px;
margin-right:100px;
width:143px;
background: url(img/karteczka.jpg);
height:143px;
padding:40px;
font-size:13px;
font-family:serif;
}

#adwords_dol{
    width:700px;
}

#team_desi9n{
    text-align: center;
    height: 384px;
    margin: 2em;
}

.img_naglowek{
    margin-right:385px;
}

#ostatni{
    width:90%;
}

/* oferta */
#proces_realizacji{
    width:600px;
    height:560px;
    margin-left:100px;
    position:relative;
}
#proces_realizacji div{
    position:absolute;
    width:100px;
    height:100px;
    text-align:center;
    display:table;
    vertical-align:middle;
    cursor:pointer;
    background:url(img/krok.png) no-repeat;
}
#proces_realizacji div:hover{
    z-index:10;
    background:url(img/krok_aktywny.png);
}
#proces_realizacji div p{
    display:table-cell;
    vertical-align:middle;
    line-height:1em;
    font-size:11px;
}
.krok_aktywny{
    background:url(img/krok_aktywny.png) !important;
}
#krok_opis{
    left:210px;
    top:90px;
    width:330px !important;
    height:336px !important;
    background:url(img/logotyp_mono.png) no-repeat !important;
    background-position:50% 80% !important;
    cursor:default !important;
    border:2px #ccc solid;
    font-family:Georgia, serif;
    font-size:16px !important;
    font-style:italic;
    text-align:justify !important;
    padding:20px;
}
#krok_opis:hover{
    border:2px #ff8809 solid;
}

#krok1{
    left:20px;
    top:20px;
    z-index:1;
}
#krok2{
    left:90px;
    top:90px;
    z-index:2;
}
#krok3{
    left:20px;
    top:160px;
    z-index:3;
}
#krok4{
    left:90px;
    top:230px;
    z-index:4;
}
#krok5{
    left:20px;
    top:300px;
    z-index:5;
}
#krok6{
    left:90px;
    top:370px;
    z-index:6;
}
#krok7{
    left:20px;
    top:440px;
    z-index:7;
}

/* portfolio */
#v03 h1{
    margin-bottom:0.5em;
}

/* zamowienie */
#v05 a, #v05 a:visited{
    text-decoration:none;
    color:#FF8A19;
    border-bottom:dashed #FF8A19 1px;
}
#v05 a:hover{
    color:#FAB864;
    border-bottom:solid #FAB864 1px;
}
#v05 .podpowiedz{
    font-size:11px;
    font-style:italic;
    color:#FE8A00;
    margin:2px;
}
#v05 #tematyka_strony{
    width:400px;
    height:100px;
}
#v05 #styl_grafiki_inna{
    width:250px;
}
#v05 #styl_grafiki_podobna{
    width:400px;
    height:100px;
}
#v05 #kolorystyka{
    width:400px;
}
#v05 .k_dana{
    width:400px;
    margin-bottom:5px;
}
#v05 #zabezpieczenie{
    display:none;
}
#v05 #wyslij_formularz{
    margin:auto;
}
#v05 #ostrzezenie{
    width:500px;
    min-height:35px;
    line-height:35px;
    margin:auto;
    text-align:center;
    background-color:#F18E89;
    border: 2px solid #E94E45;
    margin:20px auto;
}
#v05 #powrot{
    width:200px;
    height:35px;
    line-height:35px;
    margin:20px auto;
    text-align:center;
    background-color:#D5E00A;
    border: 2px solid #E9F91D;
    cursor:pointer;
}
#v05 #sukces{
    width:500px;
    min-height:35px;
    line-height:35px;
    margin:auto;
    text-align:center;
    background-color:#96CE6E;
    border: 2px solid #54882E;
    margin:20px auto;
}
#v05 #sukces a{
    color:#fff;
}
#v05 #tabela{
    border:2px solid #000;
}
#v05 #tabela td{
    border:1px solid #000;
}
textarea, input{
    border: solid #fe8a00 1px !important;
}

/* prezentuj */
#html_prezentuj{
    background:none;
}

#body_prezentuj{
    background:url(img/body_prezentuj.jpg);
}

#prezentuj{
    width:1044px;
    height:788px;
    margin: 20px auto 2px auto;
}
#obrazek{
    float:left;
    width:1024px;
    height:768px;
    cursor:pointer;
}
#cien_prawy{
    float:left;
    width:20px;
    height:768px;
    background:url(img/cien_prawy.png);
}
#cien_dol{
    float:left;
    width:1044px;
    height:20px;
    background:url(img/cien_dol.png);
}