
*{
  margin: 0;
  padding: 0;
  border: 0;
}

img{ vertical-align: bottom;
margin:0px;
padding:0px; }

.clr, .clear {
  clear: right;
}

html, body {
text-align:center;margin: 0px auto;
}

body {
color:#460606;
font-family: 'Trajan Pro', 'Palatino Linotype', 'Trebuchet MS', Georgia, Times New Roman;
text-align: center; 
font-size:13px;
font-weight:bold;
line-height:20px;
background: url(images/bg-site1.png) bottom center repeat-y;
}

#body1 {
height:100%;
width:100%;
text-align:center;
float:left;
margin:0 auto;
background: url(images/bg-site.png) top center no-repeat;
}


#container {
text-align:justify ;
width:999px;
margin:0 auto;
background: url(images/bg-content.png) repeat-y;
height:100%;
}


#container1 {
width:999px;
background: url(images/bg-content.png) repeat-y;
float:left;
}

#top {
width:999px;
height:361px;
float:left;
background: url(images/top.png) no-repeat;
}

#top .foto1 {
display:block;
position:relative;
top:96px;
float:right;
right:49px;

}

#right {
float:right;
width:672px;
}
#left {
float:left;
width:327px;
background: url(images/left-l.png) no-repeat;
}

#top-btm {
width:672px;
height:110px;
float:right;
background: url(images/top-bottom.png) no-repeat;
}

#menu {
height:414px;
width:278px;
float:left;
background: url(images/bg-menu.png) no-repeat;
margin-left:49px;
display:inline;
}

#footer {
width:100%;
text-align:center;
float:left;
margin:0 auto;
background: url(images/bg-footer1.png) center 45px  no-repeat;

}

#stopka-up {
width:999px;
height:45px;
background: url(images/up-footer.png) no-repeat;
}

#stopka {
width:999px;
height:178px;
background: url(images/bg-footer.png) 0 45px  no-repeat;
margin:0 auto;
}

#stopka strong {
display:block;
color:#ff865c;
font-size:14px;
font-weight:normal;
}



#stopka p {
margin-top:34px;
display:block;
color:#ff865c;
font-size:12px;
font-weight:normal;
}

#stopka a {
font-weight:bold;
color:#ffb883;
}

#content {
float:left;
border:solid 1px #fff6d9;
width:598px;
margin-left:32px;
margin-top:5px;
margin-bottom:5px;
min-height:450px;
display:inline;
padding:10px;
background-color:#f1d19a;
}

#devil {
float:left;
position:relative;
bottom:0;
border:solid 1px red;
display:none;
}


#menu ul {  
width: 220px;
height: 330px;
padding: 0px;
margin: 0px;
float:right;
margin-right:25px;
font-family: 'Trajan Pro', 'Palatino Linotype', 'Trebuchet MS', Georgia, Times New Roman;
font-size:16px;
font-weight:normal;
display:block;
}

#menu a span {
display:block;
float:left;
margin-left:20px;
display:inline;
}


#right-margin {
background-color:red;
float:left;
width:600px;
height:100px;
z-index:-10
}
#left-margin {
background-color:blue;
float:left;
width:600px;
height:100px;
z-index:-20
}

#right hr {
border-bottom:solid 1px #bea16f;
width:60%;
margin:15px auto;
}

#right strong {
font-weight:bolder;
color:black;
font-size:14px;
}

#right a {
font-weight:bolder;
color:black;
font-size:14px;
color:#460606;

}

#right h1 {
font-size:26px;
}

#right h2 {
font-size:18px;
margin:10px auto;
padding:0;
height:20px;
border-bottom:solid 1px #660000;
display:inline;
}
#right h3 {
font-size:14px;
margin:10px auto;
padding:0;
height:20px;
border-bottom:solid 0px #660000;
display:inline;
letter-spacing:-1px;
}

#right p {
text-indent:20px;
background-color:#f0d5a8;
border:solid 1px #ffefb8;
padding:10px;
margin:10px 0;
}

#right ul {
list-style:none
}

#right ul li {
background-color:#fbdaa0;
margin:4px;
padding:3px 5px;
}

#right ul li:hover {
background-color:#f0d5a8;
}


#pascal img {
border:solid 8px #ffefb8;
margin-left:60px;
}


.popup img {
border:solid 8px #ffefb8;
margin:10px;
}


.galeria img {
border:solid 8px #ffefb8;
margin:5px;
float:left
}


#pascal img:hover {
border:solid 8px #fff6d5
}

i {
font-size:15px;
font-style:normal;
text-indent:20px;
display:block
}

ul li i {
font-size:12px;
text-indent:20px;
display:block;
font-weight:normal
}



#lavaLampVariableImage {
position: relative;
padding: 10px;
margin: 10px 0;
overflow: hidden;
}
#lavaLampVariableImage li {
float: left;
display:inline;
width:205px;
}
#lavaLampVariableImage li.backLava {
background: url("images/slider-right.png") no-repeat top right;
width: 20px;
z-index: 8;
position: absolute;
height:33px;
}
#lavaLampVariableImage li.backLava .leftLava {
background: url("images/slider-bg.png") no-repeat top left;
height: 80%;
margin-right:20px;
}
#lavaLampVariableImage li.backLava .cornerLava {
background: url("images/slider-corner.png") no-repeat bottom right;
height:33px;
width:20px;
position:absolute;
bottom:0px;
right:0px;
}
#lavaLampVariableImage li.backLava .bottomLava {
background: url("images/slider-bottom.png") no-repeat bottom left;
height:19px;
width:185px;
position:absolute;
bottom:0px;
left:0px;
}
#lavaLampVariableImage li a {
text-decoration: none;
color:#ffb883;
outline: none;
text-align: center;
padding: 10px 10px;
letter-spacing: 0.1em;
z-index: 10;
display: block;
float: left;
position: relative;
overflow: hidden;
margin: auto 10px; 
background: url("images/dot.gif") no-repeat center left;   
}
#lavaLampVariableImage li a:hover, #lavaLampVariableImage li a:active, #lavaLampVariableImage li a:visited {
color: #ffb883;
border: none;
}


