*{
    margin: 0;
    padding: 0;
}

body, html{
    margin: 0;
    padding: 0;
    font-family: Times New Roman, Verdana, Helvetica;
    font-size: 12px;
    color: #666251;
    background: url('../images/bg.jpg') top left repeat-x #7c8fa1;
}

a img{ border: 0px solid; }

a { color: #666251; text-decoration: none; }

#site{
    width: 980px;
    height: auto;
    margin: 0 auto;    
}

    /** Menu **/ 
    
#menu{
    width: 100%;
    height: 53px;
    float: left;
    background: url('../images/menu_bg.png') repeat-x;
}

#menu .content{
    width: 980px;
    height: 53px;
    margin: 0 auto;
}

#menu .content .logo{
    width: 97px;
    height: 35px;
    float: left;
    border-right: 1px solid #acab9f;
    padding-top: 6px;
    padding-left: 15px;
}

#menu .content .info{
    width: 254px;
    height: 33px;
    padding-top: 8px;
    padding-left: 11px;
    float: left;
    border-right: 1px solid #acab9f;
}

#menu .content .info h1{
    font-size: 10px;
    color: #6b6960;
    font-weight: normal;
    float: left;
    text-transform: uppercase;
}

#menu .content .info p{
    font-size: 10px;
    color: #6b6960;
    font-weight: normal;
    float: left;
    text-transform: uppercase;
}

#menu .content .info h2{
    font-size: 10px;
    color: #aca898;
    font-weight: normal;
    float: left;
    text-transform: uppercase;
    margin-top: 1px;
}

#menu .content ul{
    list-style: none;
}

#menu .content ul li{
    width: auto;
    height: 40px;
    float: left;
    
    border-right: 1px solid #acab9f;
}

#menu .content ul li a{
    width: auto;
    height: 29px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    color: #6b6960;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
}

#menu .content ul li a:hover{
    background: #a9a89c;
    color: #FFF;
}

#menu .content .active{
    background: #a9a89c;
    color: #FFF;
}

#menu .content .active a{
    color: #FFF;
}

    /** Zdjecia **/
    
#zdjecia{
   width: 971px;
   height: 247px;
   float: left;
   background: url('../images/zdjecia_bg.png') no-repeat;
   margin-left: 3px;
   margin-top: 25px;
   padding-top: 30px;
   text-align: center;
}

#zdjecia .fotos {
    position:relative;
    height: 247px;
    float: left;
    margin-left: 26px;
}

#zdjecia .fotos IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    border: 1px solid #93918B;
}

#zdjecia .fotos IMG.active {
    z-index:10;
}

#zdjecia .fotos IMG.last-active {
    z-index:9;
}

#zdjecia1{
    float: left;
    margin-left: 30px !important;
}

#zdjecia2{
    float: left;
    margin-left: 310px !important;
}

#zdjecia3{
    float: left;
    margin-left: 310px !important;
}

    /** Logo **/
    
    #logo{
        width: 427px;
        height: 139px;
        float: left;
        background: url('../images/logo.png') no-repeat;
        margin-top: -60px;
        margin-bottom: -25px;
        margin-left: 277px;
        text-indent: -999999px;
        z-index: 11;
        position: relative;
    }
    
    /** Contener **/
    
    #contener{
        width: 900px;
        height: auto;
        float: left;
        background: #f6f5ea;
        z-index: 999;
        border: 10px solid #efecd9;
        margin-bottom: 10px;
        margin-left: 7px;
    }
    
    #contener .left{
        width: 635px;
        height: auto;
        float: left;
    }
    
    #contener .left .welcome{
        width: 575px;
        height: 308px;
        float: left;
        background: url('../images/welcome.jpg') no-repeat;
        border-right: 1px solid #c8c4ac;
        border-bottom: 1px solid #c8c4ac;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    #contener .left .page{
        width: 575px;
        height: auto;
        float: left;
        min-height: 400px;
        border-right: 1px solid #c8c4ac;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 10px;
    }
    
    #contener .left .page img{
        margin-right: 10px;
        border: 2px solid #9C9A95;
    }
    
    #contener .left .page ul{
        margin-left: 20px;
    }
    
    #contener .left .page h3{
        margin-top: 10px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    #contener .left .page p{
        margin-top: 10px;
    }
    
    #galeria{
        width: 575px;
        height: auto;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    #galeria img{
        margin-right: 10px;
        border: 2px solid #9C9A95;
    }
    
    #kontakt{
        width: 575px;
        height: auto;
        float: left;
    }
    
    #kontakt .left{
        width: 300px;
        height: auto;
        float: left;
    }
    
    #kontakt .right{
        width: 225px;
        height: auto;
        float: left;
        text-align: center;
    }
    
    #kontakt .right h3{
        text-align: left;
    }
    
    #kontakt .right img{
        border: 2px solid #9c9a95;
    }
    
    #contener .left .page .maps{
        width: 570px;
        height: 225px;
        float: left;
        padding-top: 5px;
        padding-left: 5px;
        background: #d4ccbb;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    
    #contener .left .page .maps .moremaps{
        float: right;
        margin-top: 2px;
    }
    
    #contener .left .welcome h2{
        margin-bottom: 10px;
        font-size: 15px;
        color: #6b6960;
        font-weight: normal;
    }
   
    #contener .left .welcome p{
        margin-bottom: 10px;
    }
    
    #contener .left .welcome img{
        float: left;
        margin-right: 20px;
        margin-bottom: 10px;
        border: 2px solid #9c9a95;
    }
    
    #contener .left .news{
        width: 288px;
        height: auto;
        float: left;
        border-right: 1px solid #c8c4ac;
        padding-top: 20px;
        min-height: 224px;
        max-height: 224px;
        padding-left: 30px;
    }
    
    #contener .left .news h3{
        margin-bottom: 10px;
    }
    
    #contener .left .news .open{
        width: 270px;
        height: auto;
        float: left;
        margin-bottom: 10px;
    }
    
    #contener .left .news .open .date{
        width: 70px;
        height: 18px;
        float: left;
        background: #e9d993;
        text-align: center;
        padding-top: 2px;
    }
    
    #contener .left .news .open .title{
        width: 190px;
        height: 18px;
        padding-left: 10px;
        padding-top: 2px;
        float: left;
        font-weight: bold;
    }
    
    #contener .left .news .open .text{
        float: left;
        width: 270px;
        height: auto;
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #c8c4ac;
        color: #666251;
    }
    
    #contener .left .news .box{
        width: 270px;
        height: auto;
        float: left;
        padding-top: 6px;
        padding-bottom: 6px;
        border-bottom: 1px solid #c8c4ac;
    }
    
    #contener .left .news .box a{
        color: #bfb578;
        font-size: 12px;
    }
    
    #contener .left .news .box span{
        font-weight: bold;
        color: #666251;
    }
    
    #contener .right{
        width: 264px;
        height: auto;
        float: left;
    }
    
    #contener .left .gallery{
        width: 285px;
        height: auto;
        min-height: 224px;
        max-height: 224px;
        float: left;        
        padding-top: 20px;
        padding-left: 30px;
    }
    
    #contener .left .gallery .gall{
        width: 285px;
        height: auto;
        float: left;
        margin-bottom: 10px;
    }
    
    #contener .left .gallery .gall .foto{
        width: 120px;
        height: auto;
        float: left;
    }
    
    #contener .left .gallery .gall .foto img{
        width: 100px;
        height: auto;
        float: left;
        border: 2px solid #9C9A95;
    }
    
    #contener .left .gallery .gall .title{
        width: 145px;
        height: auto;
        float: left;
    }
    
    #contener .left .gallery .gall .title .more{        
        background: none repeat scroll 0 0 #E9D993;
        float: right;
        height: 18px;
        padding-top: 2px;
        text-align: center;
        width: 100px;  
        margin-top: 20px;
    }
    
    #contener .left .gallery .morem{        
        background: none repeat scroll 0 0 #E9D993;
        float: right;
        height: 18px;
        padding-top: 2px;
        text-align: center;
        width: 150px;  
        margin-top: 00px;
        margin-right: 20px;
    }
    
    #contener .left .gallery h3{
        margin-bottom: 10px;
    }
    
    .summary{
        display: none;
    }
    
    #contener .gallery{
        width: 264px;
        height: auto;
        float: left;
    }
    
    #contener .right h3{
        width: 200px;
        margin-top: 3px;
        margin-bottom: 3px;
        font-size: 15px;
        font-weight: normal;
        color: #6b6960;
        margin-left: 20px;
    }
    
    #contener .right ul{
        list-style: none;
    }
    
    #contener .right ul li{
        width: 274px;
        height: 41px;
        border-top: 1px solid #c8c4ac;        
        font-size: 14px;
        margin-left: 1px;
    }
    
    #contener .right ul li a{
        width: 220px;
        height: 29px;
        float: left;
        padding-top: 12px;
        padding-left: 54px;
    }
    
    #contener .right .willa{
        background: url('../images/willa.png') left no-repeat;
    }
    
    #contener .right .pokoje{
        background: url('../images/pokoje.png') left no-repeat;
    }
    
    #contener .right .kuchnia{
        background: url('../images/kuchnia.png') left no-repeat;
    }
    
    #contener .right .dodatki{
        background: url('../images/dodatki.png') left no-repeat;
    }
    
    #contener .right .dzieci{
        background: url('../images/dzieci.png') left no-repeat;
    }
    
    #contener .right .rekreacja{
        background: url('../images/rekreacja.png') left no-repeat;
    }
    
    #contener .right .jastarnia{
        background: url('../images/jastarnia.png') left no-repeat;
    }
    
    #contener .right .google{
        background: url('../images/google.png') left no-repeat;
    }
    
    #contener .right .mapquest{
        background: url('../images/map.png') left no-repeat;
    }
    
    #contener .right .zumi{
        background: url('../images/zumi.png') left no-repeat;
    }
    
    #contener .right .pdf{
        background: url('../images/pdf.png') left no-repeat;
    }
    
    #contener .right .palenie{
        background: url('../images/palenie.png') left no-repeat;
    }
    
    #contener .right .palenie:hover{
        background: url('../images/palenie.png') left no-repeat;
    }
    
    #contener .right .mail{
        background: url('../images/mail.png') left no-repeat;
    }
    
    #contener .right .star{
        background: url('../images/star.png') left no-repeat;
    }

    #contener .right .star a{
        cursor: default;
    }
    
    #contener .right .star:hover{
        background: url('../images/star.png') left no-repeat;
    }
    
    #contener .right .plaza{
        background: url('../images/plaza.png') left no-repeat;
/*        border-bottom: 1px solid #c8c4ac;       */
    }
    
    #contener .right ul li:hover{
        background: url('../images/li_hover.jpg') no-repeat;
    }
    
    #contener .right .adress{
        margin-left: 20px;
        width: auto;
        height: auto;
        float: left;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 10px;
        margin-top: 5px;
    }
    
    #contener .right .adress h3{
        margin: 0;
        margin-top: 5px;
    }
        
    #contener .right .more{
        width: 274px;
        height: auto;
        float: left;
        border-top: 1px solid #c8c4ac;   
        border-left: 1px solid #c8c4ac;
    }
    
    #contener .right .more .picassa{
        width: 272px;
        height: 59px;
        float: left;
        background: url('../images/picassa.png') no-repeat;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    #contener .right .more .skype{
        width: 272px;
        height: 56px;
        float: left;
        background: url('../images/skype.png') no-repeat;
        margin-bottom: 15px;
    }
    
    #contener .right .more .facebook{
        float: left;
        width: 250px;
        height: auto;
        margin-left: 15px;
        margin-bottom: 15px;
    }
    
    #rightmenu{
        float: left;
        width: 30px;
        height: auto;
        margin-top: 15px;
    }
    
    #footer{
        width: 900px;
        height: auto;
        float: left;
        text-align: center;
        font-size: 11px;
        color: #c3ced9;
        margin-bottom: 10px;
    }
    
    #footer a{
        color: #c3ced9;
    }
    
    #contaktform{
        width: 360px;
        height: 330px;
        /*background: #7C8FA1;*/
        float: left;
        padding: 20px;
    }
    
    #contaktform .box{
        width: 360px;
        height: 25px;
        float: left;
    }
    
    #contaktform h1{
        font-size: 16px !important;
        margin-bottom: 10px;
        color: #666251;
    }
    
    #contaktform .box .text{
        width: 100px;
        height: auto;
        float: left;
        color: #666251;
        padding-top: 3px;
    }
    
    #contaktform .box input{
        float: left;
        width: 140px;
        height: 20px;
        border: 1px solid #FFF;
        background: #7C8FA1;
        font-size: 11px;
        padding-left: 10px;
        padding-right: 10px;
        color: #000;
    }
    
    #contaktform .box2 .text{
        width: 100px;
        height: auto;
        float: left;
        color: #666251;
        padding-top: 3px;
    }
    
    #contaktform .box2 textarea{
        padding: 10px;
        font-size: 11px;
        color: #000;
        width: 200px;
        height: 120px;
        border: 1px solid #FFF;
        background: #7C8FA1;
        
    }
    
    #contaktform .error{
        background: none repeat scroll 0 0 #F7C1C1 !important;
        border: 1px solid #FF0000 !important;
    }
    
    #contaktform .send_bt{
        width: 50px;
        height: 20px;
        float: left;
        border: 1px solid #666251;
        color: #000;
        margin-left: 100px;
        font-size: 11px;
        margin-top: 10px;
    }