html {
   height:           100%;
}

body
{
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	background-color: #eee;
        color:            #222;
       padding:  0px;        
       margin:  0px;     
}

p, blockquote, h3, h4
{

	font-size: 0.7em;
	text-align: justify;

}

blockquote
{
	margin-left: 20px;

}


#head
{
	text-align: center;
	
}

#container
{
	
       margin: 0px auto;
       width: 760px;
       background:  url("../images/kocafilm_logotyp.gif") top left    no-repeat #eee;
       padding:  0px; 

}

#kontejner
{
        

}
#matrjoska {
          
         margin: 0px auto;

}


#sidebar-1
{
	float: left;
	width: 150px;
        text-align: right;
}

#sidebar-1 a
{
	border: 0px;
}

#sidebar-1 p
{
       font-size:   0.7em; 
       text-align: right;
       
}

#content
{
	margin-left: 165px;
	margin-right: 0px;
	  margin-top: 0px;
}

#kontent {
      padding-top:           6px;
      margin-top:                0px;
       border: 0px dotted #0f0;
} 


#foot
{

        font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;         
        color:    #444;
	clear: both;
	margin: 4px 0px 5px 0px;
	text-align: center;
        font-size:  0.6em;
        border-top:  1px dotted #777;
        border-bottom:  1px dotted #777;
        padding:    2px 0px 2px 0px;
        text-transform: uppercase;

}

#foot a {
       color:    #444;
       border:  0px solid black; 
       text-decoration:  none;
}

#foot a:hover
{
	text-decoration: none;
        color:#000;
}

#foot a.aktivni {


        color:         #000;
        font-weight:   800;
}

#accessibility
{
	position: absolute;
	top: -10000px;
}
a
{
	color:            #222;
	border-bottom: 0px black solid;
}
a:hover
{
	text-decoration: none;
        color:#666;
}


h1
{
	font-weight:     normal;
	text-decoration: none;
	
	font-size:       0.9em;
        color:           #222;
        text-transform:  uppercase;
        display:         inline;
}

h2
{
	font-weight: normal;

	font-size:       0.9em;
	color:            #444;
        display:         inline;
}


h4
{
	font-weight: 200;
        font-size: 0.7em;
        color: #000;
        border-top: 1px dotted #777;
        border-bottom: 1px dotted #777;
        margin: 0px 0px 1em 0px;
 
}

h3
{
    	border: 0px;

	font-weight: 500;
	font-size: 0.8em;
        letter-spacing: 0.1em; 
        text-transform: uppercase;
        margin: 10px 0px 5px 0px; 
        
}

h3 a
{
        text-decoration: none;
	border: 0px;
}

h1 a, h2 a
{
	border: 0px;
}


#menu a{
       
       color:           #000; 
       display:         block;
       border-top:      1px dotted #777;
       border-bottom:   1px dotted #777;
       padding:         0em 0em 0em 0em; 
       font-size:       1em; 
       text-transform:  uppercase;
       font-weight:     200;
       letter-spacing:  0.2em;
       text-align:      right;
       text-decoration: none;

}

#menu a:hover
{
       background-color: #222;
       color:            #eee;
       
}

#menu a.aktivni {


       background-color: #eee;
       color:            #000;
       font-weight:      800;
}


.sidebar_links a{

        color:        #222; 
        font-size:    1em;
        line-height:  1.2em;
        text-align:   right;
        border:       1px dotted #222;
}

.sidebar_links a:hover {

        color:        #666; 

}

.sidebar_links {

padding-top:  20px;

 }


img
{

        border: 0px;
}

#home {
 
        width:  740px;
        height: 140px;
        border: 0px solid black;
        display:  block;
}


.film {

  margin:  5px 10px 0px 0px;
}


#txpCommentInputForm {
      
     font-size: 0.7em;
}

.txpCommentInputMessage {
     background-color: #c6cdc0;
     border: 1px dotted #333333;
}

.comment_name_input {
     background-color: #c6cdc0;
     border: 1px dotted #333333;
}
.comment_email_input {
     background-color: #c6cdc0;
     border: 1px dotted #333333;
}
.comment_web_input
{
     background-color: #c6cdc0;
     border: 1px dotted #333333;
}
.button {
     background-color: #2c4500;
     border: 1px dotted #eee;
     color: #eee;
}

textarea {
      width:  360px;
      height: 200px;
}

#comment {

      text-transform: none;
      font-size:  0.7em;
      margin:  20px 20px 20px 10px;
      border-top: 1px dotted #777;
      border-bottom: 1px dotted #777;
      color:      #c6cdc0;
  }

.ikona {

      width: 100px;
      float: left;
      margin: 0px 20px 10px 0px; 
      border: 1px solid #777;
      padding: 0px;
}

.thump {

      width: 100px;
      float: right;
      margin: 0px 0px 0px 20px;
      border: 1px solid #777;
      padding: 0px;
}

.thump img {

      padding: 0px;
}

.ikona img {

      padding: 0px;
}
.nahled {
      height:  160px;
      border-bottom: 1px dotted #777;
      margin:  0px 0px 15px 10px;
}

.nahled h4,
.nahled h4 a {
      border-bottom: 1px dotted #777;
      border-top: 1px dotted #777;
      margin:  0px;
      color: #000;
}
.nahled img {

      width: 100px;
      float: right;
      margin: 0px 0px 0px 20px;
      border: 1px solid #777;
      padding: 0px;
}


.clanek {

       border-bottom: 0px dotted #777;
       margin:  0px 0px 15px 10px;
       padding: 0px 0px 40px 0px;
}


.plakat {

       border: 0px dotted #0f0;
       margin:  0px 20px 15px 10px;
       padding: 0px 0px 40px 0px;
}

.koments {
       margin-left:    10px;
       margin-bottom:   20px;

}

.dalsi {
      border-bottom:   1px dotted #777; 
      border-top:      1px dotted #777;
      margin:          30px 20px 30xp 30px;
      color:           #222;
      font-size:       0.7em;  
      text-align:      center;
}

.dalsi a {
      color:           #222;
      border:          0px;
      text-decoration: none;  
}

.dalsi a:hover {
      color:           #666;

}


.predchozi {
      padding-right:     50px;
      
}

.nasledujici {
      padding-left:     50px;
      
}

#zapati {

        font-family: Arial, Helvetica, sans-serif;         
	clear: both;
	margin: 16px 0px 3px 0px;
	text-align: center;
        font-size:  0.7em;
        border-top:  0px dotted #dcc903;
        padding:    2px 2px 2px 0px;
        text-transform: uppercase;

}
#zapati a {

       border:  0px solid black; 
       text-decoration:  none;
}

#zapati a:hover
{
        color:#fff;
}



/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}