/* CSS Document */

body {
background-color: #dec3a2;
margin: 0px;
padding: 0px;
}


img { 
behavior: url('pngbehavior.htc'); 
}


/*background*/
#topleft {
background-color: #1293d3;
background-image: url('images/mudleft.gif');
background-position: bottom right;
background-repeat: repeat-x; 
padding: 0px;
margin: 0px;
position: absolute;
width: 50%;
height: 265px;
top: 0px;
right: 50%;
z-index: 1;
}

#topright {
background-color: #ef6b00;
background-image: url('images/mudright.gif');
background-position: bottom left;
background-repeat: repeat-x; 
padding: 0px;
margin: 0px;
position: absolute;
width: 50%;
height: 265px;
top: 0px;
left: 50%;
z-index: 1;
}


#bggrad {
background-image: url('images/bggrad.jpg');
background-repeat: repeat-x; 
padding: 0px;
margin: 0px;
position: absolute;
width: 100%;
height: 545px;
top: 266px;
left: 0px;
z-index: 1;
}

/*------------------------------------*/

#container {
padding: 0px;
margin: 0px;
margin-left: -500px;
position: absolute;
width: 1000px;
top: 0px;
left: 50%;
z-index: 2;
}

#top {
padding: 0px;
margin: 0px;
width: 1000px;
height: 265px;
}

#topBorder
{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
  width: 1000px;
}

#topSlideshow
{
  position: absolute;
  left: 40px;
  top: 0px;
  z-index: 9;
  width: 510px;
  height: 205px;
}

.slideshow_pic {
    width:510px;
    height:205px;
}

#left {
padding: 0px;
margin: 0px;
width: 635px;
float: left;
}

#right {
padding: 0px;
margin: 0px;
width: 365px;
float: right;
}

#footer {
padding: 0px;
margin: 0px;
margin-top: 10px;
width: 100%;
height: 20px;
float: left;
text-align: center;
}

#menu {
margin: 0px;
padding: 0px;
width: 940px;
position: absolute;
left: 25px;
top: 202px;
z-index: 12;
}

.menu1 a {
top: 0px;
left: 0px;
position: absolute;
width: 90px;
height: 32px;
margin: 0px;
padding: 0px;
background-image: url('images/menu1.jpg');
background-repeat: no-repeat;
background-position: left top;
display: block;
}

.menu1 a:hover {
background-position: left bottom;
}

.menu2 a {
top: 0px;
left: 105px;
position: absolute;
width: 255px;
height: 32px;
margin: 0px;
padding: 0px;
background-image: url('images/menu2.jpg');
background-repeat: no-repeat;
background-position: left top;
display: block;
}

.menu2 a:hover {
background-position: left bottom;
}

.menu3 a {
top: 0px;
left: 375px;
position: absolute;
width: 196px;
height: 32px;
margin: 0px;
padding: 0px;
background-image: url('images/menu3.jpg');
background-repeat: no-repeat;
background-position: left top;
display: block;
}

.menu3 a:hover {
background-position: left bottom;
}

.menu4 a {
top: 0px;
left: 586px;
position: absolute;
width: 107px;
height: 32px;
margin: 0px;
padding: 0px;
background-image: url('images/menu4.jpg');
background-repeat: no-repeat;
background-position: left top;
display: block;
}

.menu4 a:hover {
background-position: left bottom;
}

.menu5 a {
top: 0px;
left: 708px;
position: absolute;
width: 104px;
height: 32px;
margin: 0px;
padding: 0px;
background-image: url('images/menu5.jpg');
background-repeat: no-repeat;
background-position: left top;
display: block;
}

.menu5 a:hover {
background-position: left bottom;
}

.menu6 a {
top: 0px;
left: 827px;
position: absolute;
width: 113px;
height: 32px;
margin: 0px;
padding: 0px;
background-image: url('images/menu6.jpg');
background-repeat: no-repeat;
background-position: left top;
display: block;
}

.menu6 a:hover {
background-position: left bottom;
}

/*------------------------------------*/

.box {
padding: 0px;
margin: 0px;
margin-top: 35px;
width: 260px;
position: relative;
left: 38px;
z-index: 3;
}



.boxcont {
background-color: #63452f;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
margin: 0px;
<!--[if IE]>
width: 260px <![endif]-->;
<!--[if !IE]>
width: 240px <![endif]-->;
}

.boxtop {
margin: 0px;
padding: 0px;
width: 260px;
height: 18px;
background-image: url('images/boxtop.gif');
background-repeat: no-repeat;
}

.boxbottom {
margin: 0px;
padding: 0px;
width: 260px;
height: 5px;
background-image: url('images/boxbottom.gif');
background-repeat: no-repeat;
}

.boxtitle {
margin: 0px;
padding: 0px;
position: absolute;
top: 0px;
left: 10px;
}

/*------------------------------------*/

.text {
padding: 0px;
margin: 0px;
margin-top: 40px;
width: 510px;
position: relative;
left: 87px;
z-index: 1;
}


.textcont {
padding: 0px;
padding-left: 10px;
padding-right: 10px;
margin: 0px;
width: 490px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #000000;
text-align: justify;
}

.textcont > p, ul, h1, h2, h3
{  
  margin: 10px 0;
}

.textcont p{
  font-size: 14px;
}

.textcont a{
  text-decoration: underline;
  color: #000000;
}

.textcont ul{
  font-size: 14px;
  list-style: square;
  margin-left: 20px;
}

.textcont h1{
  font-size: 20px;
}

.textcont h2{
  font-size: 18px;
}

.textcont h3{
  font-size: 16px;
}

.texttop {
margin: 0px;
padding: 0px;
width: 510px;
height: 42px;
background-image: url('images/texttop.gif');
background-repeat: no-repeat;
}

.texttitle {
margin: 0px;
padding: 0px;
position: absolute;
top: 0px;
left: 15px;
}

/*------------------------------------*/

.zobacz {
background-color: #63452f;
margin: 0px;
margin-top: 10px;
padding: 5px;
position: relative;
left: 87px;
z-index: 1;
width: 490px;
}

.zobacz:hover {
background-color: #ef6b00;
}

/*------------------------------------*/

#map {
margin: 0px;
margin-top: 40px;
padding: 0px;
width: 490px;
height: 300px;
text-align: center;
}

/*------------------------------------*/

#margintop {
margin: 0px;
text-align: center;
width: 490px;
margin-top: 40px;
}

/*------------------------------------*/

.orange12 {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
}

.white12 {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: right;/*------------------------------------*/
}

.white12link {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: right;
}

.white12link:link {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: right;
}

.white12link:hover {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ef6b00;
text-align: right;
}

.footer {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #63452f;
text-align: right;
font-weight: bold;
}

/*---Wybieranie galerii---------------------------------*/
  
.back  
{  
  position:absolute;
}

.gallery_index_element_wrap  
{ 
  
  width:450px;  
  height:150px;    
  background-color: #63452f;
  position:relative;  
  margin:auto;
  margin-top: 10px;
  overflow:hidden;
  border: 15px solid #63452f;
}  
  
.gallery_index_comment  
{  
  position:relative;
  margin: 0px;
  margin-top: 117px;
  color: white; 
  font: 14px Arial, sans-serif;
  line-height: 18px;
  background: #4A4D4A;  
  padding: 5px;
}

h1.gallery_index_comment 
{
  font: 16px "Arial Black", sans-serif;
}



.film_index_element_wrap  
{   
  width:450px;  
  height:96px;      
  position:relative;  
  margin-top: 10px;
  overflow:hidden;
  border: 3px solid;
  border-left: 10px solid;
  border-color: #63452f;
  background: #63452f;
}

.film_index_element_wrap img  
{   
  float: left;
  margin: auto;
}

.film_index_comment  
{  
  
  position:relative;
  margin: 0px;
  margin-top: -22px;
  color: white; 
  font: 14px Arial, sans-serif;
  line-height: 18px;
    
  padding: 5px;
  float: left;
}



.film_index_comment h1 
{
  font: 16px "Arial Black", sans-serif;
}

.gallery table {
    border: 0px;
    width: 477px;
    border-spacing:0px;
    border-collapse:collapse;
    table-layout:fixed;
}

.gallery td {
height: 106px;
width: 141px;
padding: 5px 5px 5px 5px;
margin: 0px;
text-align: center;
vertical-align:middle;
}

.gallery img {
border: solid 4px #63452f;
}

.gallery img:hover {
border: solid 4px white;
}

.clear {
  clear: both;
}

.left {
  float: left;
  position: relative;
}