@CHARSET "iso-8859-2";
div{
       border: none;
}

body {
       font-size: 11px;
       font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
       background: #FFF url(img/tlo_1.gif) center repeat-y;
/*        letter-spacing: 0.5px; */
}


#top {
       position: relative;
       width: 560px;
       height: 240px;
       margin: 0px auto 0px auto;
       background: #FFF url(img/top.jpg) center repeat-y;
       text-align: right;

}

#linki {
    position: relative;
    width:560px;
    background: #FFF url(img/linki.gif) center repeat-y;
    height: 40px;
    margin: 0px auto 0px auto;
    margin-top: 0px;
}

#text
{
    position: relative;
    width:560px;
    background: #FFF url(img/tlo_pod_text.jpg) center repeat-y;
    margin: 0px auto 0px auto;
}


#realizacje
{
       position: relative;
       width:160px;
       height: auto
       margin: 0px auto 0px auto;
       float: left;
}

#realizacje2
{
       position: relative;
       width:160px;
       height: auto
       margin: 0px auto 0px auto;
       float: left;
       height: 530px;       
}

#texty_strony
{
       position: relative;
       width: 380px;
       float: right;
}




#stopka {
       
       position: relative;
       background: #FFF url(img/stopka.jpg) center repeat-y;
       color: #fff;
       margin: 0px auto 0px auto;
       width: 560px;
       height: 32px;
       clear: both;
}

#webstudio {
       position: relative;
       font-family : Bookman Old Style, sans-serif;
       text-align: right;
       color: Gray;
       font-size : 10px;
       width: 560px;
       height: 32px;
       clear: both;
       margin: 0px auto 0px auto;
}


#linki_glowne {
    width:560px;
    padding: 10px 5px 5px 2px;
    font: 13px verdana;
    font-weight: bold;
    color: #000033;
    text-align: right;     
     
}

#prace_wykonane {

position: relative;
margin: 0px auto 0px auto;
width: 380px;
height: 450px;
background-color: #fff;
overflow: auto;
}

li {
padding: 5px 0px 0px 0px;
}

a {
       text-decoration: none;
       padding: 0;
       margin: 0;
       color: #000033;
}

a:hover {
       text-decoration: underline;
}




h1 {
    font: 18px verdana;
       color: #FD6F0B;
       margin: 5px;
}


h3 {
    font: 14px verdana;
    font-weight: bold;
       color: black;
}

.opisy
{
    padding: 5px;
}

#fotka {
        position: relative;
        margin: 0px auto 0px auto;
        padding:5px;
        margin-left: 2px;
        margin-right: 2px;
        }
#obramowanie_fotka {
        position: relative;
        float: left;
        width: 120px;
        height: 70px;
        text-align:center;
        }

img#ramka{
         border: 1px solid #000066;
}

input, select, textarea { 
background : #f0f0ee;
font-family :  Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size : 11px;
font-weight : normal;
color : black;
} 

dt {
background-color: #819AB8;
font-size : 12px;
color: #fff;
font-weight: bold;
text-align: left;
cursor: pointer;
margin: 10px 0 0 0;
padding: 2px;
}

dd {
background-color: #eee;
font-size : 12px;
color: #000;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #888;
margin: 0;
padding: 1px 5px;
}


a.web:link {  color: Gray; font-family : Bookman Old Style, sans-serif;  font-size : 10px;  font-weight: normal; text-decoration: none}
a.web:visited {  color: Gray; font-family : Bookman Old Style, sans-serif;  font-size : 10px;  font-weight: normal; text-decoration: none}
a.web:hover { color: Gray; font-family : Bookman Old Style, sans-serif; font-size : 10px; font-weight: normal; text-decoration: underline}