/* ================================================================ */
/*          glowne definicje strony                                 */
/* ================================================================ */

* {margin: 0; padding: 0;}

body {
background: url(back.jpg);
color:#000000;
font-family:Arial, Helvetica, sans-serif; font-size: 11px;
}

a:visited { text-decoration: none; color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}
a:link    { text-decoration: none; color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}
a:hover   { text-decoration: none; color: #000000; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}

img {
border: 0px;
}

/* ================================================================ */
/*                             main                                 */
/* ================================================================ */

#site {
width:780px;
margin-left:auto;
margin-right:auto;
}

#top {
width:780px;
height:100px;
float:left;
}

#lang {
width:56px;
height:23px;
position:relative;
top:70px;
left:700px;

}

#en {float:left;}
#de {float:left; margin-left:10px;}

#navigation {
width:780px;
height:42px;
float:left;
}

/* ================================================================ */
/*                       navigation                                 */
/* ================================================================ */

#logo {
width:123px;
height:42px;
float:left;
}

#menu {
background-image:url(menu.jpg);
width:657px;
float:left;
}
#menu ul { list-style:none; }
#menu li { float:left; }
#menu li a span, #menu li a em { display:none; }
#menu li a { display:block; height:42px; }
#menu li a:hover span { display: block; height:42px; }
#menu li#home a { background-image:url(menu/home.jpg); width:116px; margin-left:163px; }
#menu li#home a:hover span { background-image:url(menu/over/home.jpg); width:116px; }
#menu li#oferta a { background-image:url(menu/oferta.jpg); width:60px; margin-left:24px;}
#menu li#oferta a:hover span { background-image:url(menu/over/oferta.jpg); width:60px; }
#menu li#bursztyn a { background-image:url(menu/bursztyn.jpg); width:99px; margin-left:24px;}
#menu li#bursztyn a:hover span { background-image:url(menu/over/bursztyn.jpg); width:99px; }
#menu li#sklep a { background-image:url(menu/sklep.jpg); width:51px; margin-left:24px;}
#menu li#sklep a:hover span { background-image:url(menu/over/sklep.jpg); width:51px; }
#menu li#kontakt a { background-image:url(menu/kontakt.jpg); width:72px; margin-left:24px;}
#menu li#kontakt a:hover span { background-image:url(menu/over/kontakt.jpg); width:72px; }

/* ================================================================ */
/*                       endnavigation                                 */
/* ================================================================ */

#content {
width:780px;
height:100%;
float:left;
}

#photo {
background: url(photo.jpg);
width:237px;
height:313px;
float:left;
}

#camea {
background: url(camea.jpg);
width:237px;
height:313px;
float:left;
}

#text {
background: #f3f3f3;
width:543px;
height:313px;
float:left;
}

#bigtext {
background: #f3f3f3;
width:780px;
height:500px;
float:left;
}

.text {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
padding-left:45px;
padding-right:15px;
line-height: 14pt;
}

.text a,.text a:hover,.text a:visited{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
text-decoration: underline;
line-height: 14pt;
}

#mapka {float:left;}
#dane {float:left; padding-left:10px;}

hr {
background:#ffffff;
color:#ffffff;
width:780px;
height:1px;
border: 0;
margin-top:5px;
margin-bottom:5px;
}

#tail {
width:780px;
height:80px;
margin-top:10px;
float:left;
}


#copyright {
color:#ffffff;
width:530px;
height:25px;
float:left;
}


#linki {
color:#ffffff;
width:250px;
height:25px;
float:left;
}



/* ================================================================ */
/*                             classy                               */
/* ================================================================ */



input {

font-size: 13px;
color: #777777;
border: 1px #bbbbbb solid;
background-color: #F6f6f6;
}

select {

font-size: 13px;
color: #777777;
border: 1px #bbbbbb solid;
background-color: #F6f6f6;
}

textarea {

font-size: 13px;
color: #777777;
border: 1px #bbbbbb solid;
background-color: #F6f6f6;
}

#gallery {
width:780px;
height:440px;
overflow:auto;
float:left;
}

.foto {
width:200px;
float:left;
margin-top:10px;
margin-left:20px;
margin-right:20px;
}