/*RESET*/


/* reset end */
BODY, html{
      width: 100% !important;
    height: 100%  !important;
    overflow: visible;
    background:#E6E4D5  url('images/back.jpg') repeat top center; 
    font-family: Helvetica, Arial, FreeSans, sans-serif;
    font-size: 10px;
}

A {
}

A:Hover {
}
TD{
    font-family: Helvetica, Arial, FreeSans, sans-serif;
    font-size: 10px;
}


.cleared{
clear: both;
}
html { 
background:  url('images/back.jpg') repeat center center;
}

body {
	margin: 0;
	padding: 0;
	     background:  url('images/back.jpg') repeat center center;
  	 overflow: hidden;
}

#holder {
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	min-height: 500px;
	 background:  url('images/back.jpg') repeat center top;
	 overflow: hidden;

}

.main-text{
   overflow: hidden;
   position: relative;
}

#supplemental {
	width: 100%;
	height: 100%;
    visibility: hidden;

}

#content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 582px !important;
    margin: -300px 0 0 0;
    border: 0px solid #000000;
    text-align: center;
}


.hlavni #content{    
    margin: -350px 0 0 0;             
  	background: url('images/hlavni.jpg') no-repeat top center;  
  	    height: 582px !important;
}


.hlavni .main-text{
    width: 290px;
    Margin: 0 auto;
    position: relative;
    top: -200px;
    text-align:justify;

}

.kontakty #content{
    margin: -300px 0 0 0;
  	background: url('images/kontakty.jpg') no-repeat top center;
}

.kontakty .main-text{
    width: 320px;
    Margin: 0 auto;
    position: relative;
    top: 180px;
    left: 30px;
    text-align:left;

}

.profily #content{
    margin: -300px 0 0 0;
  	background:url('images/profily.jpg') no-repeat top center;
}

.profily .main-text {
    width: 400px;
    Margin: 0 auto;
    position: relative;
    top: 79px;
    left: -24px;
    text-align: justify;
    border: 0px solid black;
}

.finaliste #content{
    margin: -250px 0 0 0;
  	background:  url('images/finaliste.jpg') no-repeat top center;
}
.finaliste .main-text{
    width: 370px;
    Margin: 0 auto;
    position: relative;
    top: 210px;
    left: 90px;
    text-align:justify;
    border: 0px solid black  ;

}
 .finaliste2 #content{
    margin: -250px 0 0 0;
      background:  url('images/finaliste2.jpg') no-repeat top center;
}
.finaliste2 .main-text{
    width: 360px;
    Margin: 0 auto;
    position: relative;
    top: -420px;
    left: 40px;
    text-align:justify;
    border: 0px solid black      ;
        height: 320px;
    overflow: hidden;
         padding: 3px 
}
  .stab #content{
    margin: -290px 0 0 0;
      background:  url('images/stab2.jpg') no-repeat top center;
}
.stab .main-text{
    width: 620px;
    Margin: 0 auto;
    position: relative;
    top: 60px;
    left: 120px;
    text-align:justify;
    border: 0px solid black ;

}  .protagoniste #content{
    margin: -290px 0 0 0;
      background:  url('images/protagoniste.jpg') no-repeat top center;
}
.protagoniste .main-text{
    width: 400px;
    Margin: 0 auto;
    position: relative;
    top: 250px;
    left: 50px;
    text-align:justify;
    border: 0px solid black 

}

.ofilmu #content{
    margin: -290px 0 0 0;
      background:  url('images/ofilmu.jpg') no-repeat top center;
}
.ofilmu .main-text{
    width: 380px;
    Margin: 0 auto;
    position: relative;
    top: 250px;
    left: 50px;
    text-align:justify;
    border: 0px solid black; 
    height: 250px;

}

.herec1 #content{
    margin: -290px 0 0 0;
      background:  url('images/herec1.jpg') no-repeat top center;
}

.herec2 #content{
    margin: -290px 0 0 0;
      background:  url('images/herec2.jpg') no-repeat top center;
}.herec3 #content{
    margin: -290px 0 0 0;
      background:  url('images/herec3.jpg') no-repeat top center;
}.herec4 #content{
    margin: -290px 0 0 0;
      background:  url('images/herec4.jpg') no-repeat top center;
}.herec5 #content{
    margin: -290px 0 0 0;
      background:  url('images/herec5.jpg') no-repeat top center;
}
.herci .main-text{
    width: 300px;
    Margin: 0 auto;
    position: relative;
    top: -40px;
    left: 52px;
    text-align:justify;
    border: 0px solid black; 
    height: 280px;
    overflow: hidden;

}
.herci.herec4 .main-text{

        height: 230px;


}

.herci.herec5 .main-text{
    width: 320px;
    Margin: 0 auto;
    position: relative;
    top: -140px;
    left: 52px;
    text-align:justify;
    border: 0px solid black ;
        height: 350px;


}



.stavu #content{
    margin: -300px 0 0 0;
  	background:  url('images/stavu.jpg') no-repeat top center;
}
.stavu .main-text{
    width: 450px;
    Margin: 0 auto;
    position: relative;
    top: 170px;
    left: 20px;
    text-align:justify;
    border: 0px solid black    ;


}


table TD{vertical-align: top;}

.insider{
  position: relative;
  border: 0px solid black ;
  width: 1000px;
  height: 582px;
  margin: 0 auto  ;
  left: 30px;
}     
.kontakty .zpet
{
position: absolute;
right: 20px;
top: 45%;
}
.profily .zpet 
{
position: absolute;
right: 20px;
top: 60%;
}
.finaliste .zpet,
.finaliste2 .zpet,
.protagoniste .zpet,
.herci .zpet,
.ofilmu .zpet,
.stab .zpet,
.video .zpet,

.stavu .zpet
 
{
position: absolute;
left: 20px;
top: 55%;
}
.scrollable .items {
	position:absolute;

	/* this time we have very large space for the height */
/*	height:20000em;*/
} 

#actions{
width: 20px;
    position: relative;
    top: 0px;
    left: 290px;
Margin: 0 auto;
}  
#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;

}
#actions img {
	margin: 5px 0;
}

.finaliste2  #actions{ 
top: -650px;
    left: 255px;
}
.herci .fotecky{
    width: 300px;
    Margin: 0 auto;
    position: relative;
    top: 39px;
    left: 52px;
    text-align:justify;
    border: 0px solid black; 
    height: 280px;
    overflow: hidden;

}
.herci.herec5 .fotecky {
    width: 394px;
    Margin: 0 auto;
    position: relative;
    top: 39px;
    left: 52px;
    text-align:justify;
    border: 0px solid black; 
    height: 280px;
    overflow: hidden;

}
.herci  #actions{ 
top: -280px;
    left: 270px;
} 
.herci.herec5  #actions{ 
top: -400px;
    left: 270px;
}
strong{
font-weight: bold;
color: rgb(0,153,255)
}
.video #content{
    margin: -290px 0 0 0;
      background:  url('images/video.jpg') no-repeat top center;
}
.video .main-text{
    width: 500px;
    Margin: 0 auto;
    position: relative;
    top:40px;
    left: 25px;
    text-align:justify;
    border: 0px solid black; 
  

}