a, a:hover, a:active,a img, a:hover img, a:active img{
    border: none;
    text-decoration: none;
}

body{
    min-width: 980px;
    font-family: Verdana,Times New Roman,Arial;
    font-size: 14px;
    color: #000000;
    margin: 0px auto 0px auto;
    background-color: #000000;
    background-image: url(/images/data/background.jpg);
    word-wrap: break-word;
}

p {
    margin: 0px;
}

#wrapper{
    width: 908px;
    height: 712px;
    background-repeat: no-repeat;
    margin: 23px auto 34px auto;
}

#wrapper.pt {
    background-image: url(/images/data/pt_bg.jpg);
}

#wrapper.zis {
    background-image: url(/images/data/zis_bg2.jpg);
}

.header {
    height: 166px;
    background-image: url(/images/data/line.png);
    background-position: bottom;
    background-repeat: no-repeat;
    display: block;
}

.copyright {
    width: 170px;
    height: 28px;
    background-image: url(/images/data/copyright.png);
    float: right;
    margin-top: 14px;
}


.logo {
    float: left;
    margin-top: 10px;
    margin-left: 20px;
}

.nav {
    height: 50px;
    float: right;
    margin-right: 25px;
    margin-top: 90px;
    display: block;
}

.nav ul, .nav ul li {
    margin: 0px;
    padding-left: 0px;
}

.nav ul li a{
    color: #111111;
    text-decoration: none;
    font-weight: bold;
}

.nav ul li a:hover{
    color: #107AEC;
}

.nav ul li{
    list-style: none;
    display: inline;
}

.nav-button { 
    height: 55px;
    width: 107px;
    background-image: url(/images/data/buttons.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    float: left;
}

.nav-button.active {
    background-position: 0px -55px;
}

.button-content {
    height: 55px;
    width: 107px;
    background-image: url(/images/data/buttons.png);
    float: left;
}

.o_nas {background-position: -107px 0px;}
.active .o_nas, .active .o_nas:hover {background-position: -107px -53px;}

.oferta {background-position: -214px 0px;}
.active .oferta,.active .oferta:hover {background-position: -214px -53px;}

.geodezja {background-position: -642px 0px;}
.active .geodezja, .active .geodezja:hover {background-position: -642px -53px;}

.referencje {background-position: -321px 0px;}
.active .referencje,.active .referencje:hover {background-position: -321px -53px;}

.kontakt {background-position: -428px 0px;}
.active .kontakt, .active .kontakt:hover {background-position: -428px -53px;}

.galeria {background-position: -535px 0px;}
.active .galeria, .active .galeria:hover {background-position: -535px -53px;}




/*.o_nas:hover {background-position: -109px -55px;}
.oferta:hover {background-position: -216px -55px;}
.geodezja:hover {background-position: -644px -55px;}
.referencje:hover {background-position: -323px -55px;}
.kontakt:hover {background-position: -430px -55px;}
.galeria:hover {background-position: -537px -55px;}*/


#container {
    margin-top: 70px;
    padding: 0px 15px;
    height: 434px;
    width: 878px;
}


.main-box {
    height: 400px;
    width: 490px;
    padding: 15px;
    line-height: 1.5em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-image: url(/images/data/white_bg.png);
    background-repeat: repeat;
}

.main-box.active-scroll {
    padding-right: 10px;
}


.right-box {
    padding: 18px;
    width: 308px;
    height: 230px;
    float: right;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 120px;
    background-image: url(/images/data/white_bg.png);
    background-repeat: repeat;
    
}

.right-box.small-gallery {
    padding: 12px;
    height: 230px;
}


.large .gallery-img {
    margin-left: 26px;
}

.gallery-img {
    width: 120px;
    height: 120px;
    float: left;
    margin: 7px 20px 6px 15px;
    cursor: pointer;
}

.gallery-img a {
    color: #000;
}

.gallery-text{
    height: 2.5em;
    font-size: 12px;
    line-height: 1.2em;
    padding-top: 3px;
    margin: 0px;
}

.home-img {
    float: right;
    margin-top: 154px;
}

.reference-link {
    font-size: 14px;
    line-height: 1.2em;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.reference-year {
    margin-bottom: 2px;
    margin-top: 16px;
}

.main-box.contact {
    line-height: 1.4em;
}

.contact p {
    margin-top: 3px;
}

.reference{
    margin-bottom: 20px;
}

.reference p {
    margin: 6px;
}

.reference-link:hover {
    color: #3773b4;
}

.contact-required {
    display: inline;
    color: red;
    font-size: 11px;
}

.contact-label {
    display: inline;
    font-size: 13px;
    margin-left: 4px;
    
}

.info {
    color: #0D6B0D;
    text-align: center;
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: bold;
}

ul
{
list-style-type: none;
padding: 0px;
}
ul li
{
background-image: url(/images/data/blue-dot.png);
background-repeat: no-repeat;
background-position: -3px 4px; 
padding-left: 16px; 
}

.zis-home-content {
    width: 300px;
}


#contact_name, #contact_email, #contact_message{
    width: 220px;
    height: 20px;
    border: 0px solid #7E7E7E;
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 3px;
    padding-right: 2px;
}

#contact_message {
    height: 70px;
    width: 300px;
}


.quake-slider {
    height: 230px;
    width: 306px;
}


#scroll-area.large {width: 845px;}
#scroll-area.large .viewport {width:845px;}

#scroll-area.large.active-scroll {width: 850px;}
#scroll-area.large.active-scroll .viewport {width:830px;}



.sc-wrapper  { float: left;}
#scroll-area { width: 490px; clear: both; margin: 0px 0 0px; }
#scroll-area .viewport { width: 470px; height: 400px; overflow: hidden; position: relative; }
#scroll-area .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scroll-area .thumb .end,
#scroll-area .thumb { background-color: #A7C2DA; -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px; }
#scroll-area .scrollbar { position: relative; float: right; width: 10px;}
#scroll-area .track { background-color: #FDFDFD; height: 100%; width:8px; position: relative; padding: 0 0px; -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px;}
#scroll-area .thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scroll-area .thumb .end { overflow: hidden; /*height: 5px;*/ width: 10px; }
#scroll-area .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }