body {
padding: 0;
margin: 0;
font-size: 12px;
font-family: Trebuchet MS, Arial, sans-serif;
line-height: 15px;
background-color: #E8E8E8;
}


a:link { color: #666666; font-weight: normal; text-decoration: none;  }
a:visited { color: #666666; font-weight: normal; text-decoration: none; }
a:active { font-weight: bold; color: #666666;  }
a:hover { color: #006EAC; text-decoration: underline; }


div {
text-align: left;
}

#content {
width: 780px;
margin: auto;
clear: both;
 }

 #content .left {
width: 246px;
float: left;
 }

  #content .right {
width: 534px;
float: right;
 }

#content .menu {
width: 246px;
height: 205px;
background-image: url(../images/menu.jpg);
float: left;
}


#content .menu ul {
margin: 0;
padding: 13px 0 0 28px;
}

#content .menu ul li {
font-size: 14px;
color: #666666;
margin: 0;
height: 25px;
line-height: 22px;
font-weight: bold;
padding: 0px 3px 0px 0;
list-style: none;
}

#content .menu ul li a{
border-left: solid 6px #ffffff;
display: block;
height: 22px;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-weight: bold;
}

#content .menu ul li a:hover{
background-color: #DCEBF9;
border-left: solid 6px #2341B1;
display: block;
height: 22px;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-decoration: none;
font-weight: bold;
}

#content .menu ul li a.wybrany{
background-color: #DCEBF9;
border-left: solid 6px #1C92B1;
display: block;
height: 22px;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-decoration: none;
font-weight: bold;
}


#content .motto {
width: 249px;
height: 205px;
background-image: url(../images/motto.jpg);
float: left;
}

#content .foto {
width: 270px;
height: 205px;
float: left;
}

#content .corner2{
width: 15px;
height: 205px;
background-image: url(../images/corner2.jpg);
float: left;
}

#content #informacje {
width: 246px;
float: left;
}

#content .info {
width: 246px;
height: 122px;
background-image: url(../images/info.jpg);
background-repeat: no-repeat;
float: left;
font-size: 11px;
color: #666666;
line-height: 18px;
}

#content .info .content {
padding: 0px 0px 0px 37px;
}

.bold {
font-weight: bold;
color: #0033CC;
}

.bold1 {
color: #0033CC;
}

.bold2 {
color: #006EAC;
}


.naglowek {
font-family: Georgia;
font-weight: bold;
color: #67A5D8;
font-size: 15px;
}

#content .kontakt {
width: 246px;
height: 202px;
background-image: url(../images/kontakt.jpg);
float: left;
background-repeat: no-repeat;
font-size: 11px;
color: #666666;
line-height: 16px;
}

#content .kontakt .content {
padding: 0px 0px 0px 37px;
}

#content .przerwa {
width: 246px;
height: 180px;
background-color: #e8e8e8;
float: left;
}

#content #teksty {
width: 534px;
height: 324px;
float: left;

}

#content #teksty .tekst {
width: 519px;
background-image: url(../images/bg-tekst.jpg);
background-repeat: no-repeat;
height: 324px;
float: left;
background-color: #EAEAEA;
font-size: 11px;
color: #666666;
line-height: 18px;
}

#content #teksty .tekst .content
 {
padding: 0px 10px 0px 15px;
position: relative;
z-index: 2;
font-size: 12px;

}


#content #teksty .tekst .content {
padding: 0px 10px 0px 15px;
height: 320px;
clear: both;
}

#content #teksty .tekst .content ul {
margin: 0 0 0 2px;
padding: 0;
}

#content #teksty .tekst .content ul li {
margin: 0;
padding: 0;
list-style: none;
}

#content #teksty .tekst .content ul li .button{
font-weight: bold;
color: #2341B1;
font-size: 15px;

}

#content #teksty .tekst .content .podpis {
font-size: 12px;
color: #000000;
line-height: 18px;
}

#content #teksty .corner3 {
width: 15px;
height: 155px;
background-image: url(../images/corner3.jpg);
float: left;
}

#content #teksty .corner4 {
width: 15px;
height: 324px;
background-image: url(../images/corner5.jpg);
float: left;
}

.clear {
clear: both;
}


#header {
width: 780px;
height: 123px;
clear: both;
margin: auto;
}

#header .logo {
width: 348px;
height: 123px;
float: left;
}

#header .logo img {
border: 0;
}

#menu {
width: 417px;
height: 123px;
float: left;
background-color: #ffffff;
}

#menu .przerwa {
width: 147px;
height: 44px;
background-image: url(../images/1.jpg);
background-color: #ffffff;
float: left;
}



#menu .zakladka {
width: 90px;
height: 44px;
background-image: url(../images/zakladka.gif);
background-repeat: no-repeat;
float: left;
display: block;
text-align: center;
}

#menu .zakladka img {
padding: 10px 0 0 0;
border: 0;
}

#menu .zakladka a {
width: 90px;
height: 44px;
background-image: url(../images/zakladka.gif);
background-repeat: no-repeat;
float: left;
display: block;
}

#menu .zakladka a:hover {
width: 90px;
height: 44px;
background-image: url(../images/zakladka2.jpg);
float: left;
display: block;
text-decoration: none;
}


#menu .menu-bottom {
width: 417px;
height: 35px;
background-color: #ffffff;
clear: both;
}

#menu .foto-top {
width: 417px;
height: 44px;
margin-top: 0px;
background-image: url(../images/foto-top.jpg);
}


html>body #menu .foto-top {
width: 417px;
height: 44px;
margin-top: 0px;
background-image: url(../images/foto-top.jpg);
}

#corner {
width: 15px;
height: 123px;
background-image: url(../images/corner.jpg);
float: left;
}

/* FOOTER ELEMENTS */

                #footer {
        width: 764px;
                        height: 31px;
        margin: auto;
        margin-bottom: 15px;
                        border-top: solid 1px #cccccc;

                }

                #footer .left {
                                width: 380px;
                                height: 31px;
                        background-color: #E8E8E8;
                                                float: left;
                                                font-size: 11px;
                                                color: #666666;
                }

                                 #footer .left .valid {
                                padding-left: 30px;
                                padding-top: 5px;
                }

#footer .copyright {
width: 370px;
height: 27px;
background-image: url(../images/copyright.jpg);
background-repeat: no-repeat;
float: left;
font-size: 11px;
color: #666666;
text-align: center;
padding-top: 5px;
                }

                #footer .copyright a {
                        color: #666;
                }

                #footer .copyright a:hover {
                        color: #159AD1;

                }

                                  #footer .left a {
                        color: #999;
                                                text-decoration: none;
                }

                #footer .left a:hover {
                        color: #159AD1;

                }


.head { color: #2642AF; font-size: 15px; font-weight: bold; font-family: Arial, sans-serif; letter-spacing: 0px;  text-align: left; margin-bottom: 5px; display: block;  }


div.formularz { height: 410px; float: right; width: 490px; text-align: left; }
div.formularz .head { color: #2642AF; font-size: 15px; font-weight: bold; font-family: Trebuchet MS, Arial, sans-serif; letter-spacing: 0px;  text-align: left; margin-left: 15px;  }
div.formularz .text { margin: 10px 0 10px 15px; padding: 0; clear: both; letter-spacing: 0px; }
div.formularz .form-text { font-family: Trebuchet MS, Arial, sans-serif; letter-spacing: 0px; margin: 20px 0 10px 15px; height: 270px; font-size: 12px; }
div.formularz .form-text form input, textarea { border: 1px solid #5188AF; color: #454545; font-size: 11px; letter-spacing: 1px; background: #E5EFF8; margin-bottom: 6px;}
div.formularz .form-name { letter-spacing: 0px; width: 130px; float: left;  text-align: left; }
div.formularz .form-text form .formSubmit input { color: #fff; background: #2A7BA6; letter-spacing: 1px; border: 1px solid #fff; font-size: 12px; width: 80px; height: 22px; margin: 5px 5px 0 0; padding: 0; float: left; font-weight: bold;}
fieldset { padding: 10px; margin: 10px 10px 10px 10px; border: 1px solid #000;}


.zdjecie {
        padding: 10px;
        text-align: justify;
}

h1 {
        text-align: center;
        font-size: 20px;
        margin: 0;
        padding-bottom: 10px;
}

a.foto-galeria  img {
border: solid 1px #cccccc;
}

a:hover.foto-galeria  img {
border: solid 1px #2D90BD;
}

.dojazd img  {
border: solid 1px #2D90BD;
}

#img {
        margin-bottom: 10px;
border: solid 1px #cccccc;
}

.stronicowanie {
        text-align: center;
        margin-top: 1em;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 17px;
}

.stronicowanie a{
background-color: #E8E8E8;
text-decoration: none;
font-weight: bold;
color: #666666;
padding: 0px 3px 0px 3px;
}

.stronicowanie a:hover{
background-color: #ffffff;
text-decoration: none;
font-weight: bold;
color: #666666;
padding: 0px 3px 0px 3px;
}

.stronicowanie a:link, .stronicowanie a:visited {
        color: blue;
        text-decoration: none;
}

.cennik table tr td {
border-bottom: solid 1px #ccc;
}

.cennik .cena {
font-weight: bold;
}
