/*Nastavení tagů*/
body{
    background-color:#ffffcc;
    text-align: center;
    padding-top:20px;
    color:#900317;
}
ul{
    margin:0px;
    padding:0px;
}
img{
  border:0px;
}
table{
  border-collapse:collapse;
  margin:0px;
  padding:0px;
}
a{
    color:#900317;
}
/*Nastavení částí stránky*/
.main{
    text-align: center;
    width:800px;
    margin: 0 auto;
}

.main table{
  border-collapse:collapse;
}
.logo{
    margin: 0 auto;
    padding-top:5px;
    width:800px;
    height:100px;
    background-color:#900317;
    text-align:left;
    float:left;
}

.menu{
    padding-top:10px;
    width:800px;
    text-align:center;
    margin: 0 auto;
    float:left;
  }
/*Nastavení hlavních odkazů*/
.links{
    width:800px;    
}
.links td{
    text-align:left;  
}
.links a {
    font: normal 24px "Times New Roman";
    font-style: italic;
    text-decoration:none;
    color:#900317;
}
.links .link0{
    padding-left:50px;
} 
.links .link1{
    padding-left:110px;
} 
.links .link2{
    padding-left:90px;
}
.links .link3{
    padding-left:60px;
}
/*KONEC nastavení hlavních odkazů*/ 
.page,.page1,.page3 {
    padding-top:10px;
    width:800px;
    text-align:center;
    position:relative;
    margin: 0 auto;
    font: normal 16px "Times New Roman";
    font-style: italic;
    float:left;

}
.news{
  width:800px;
  height:20px;
  float:left;
}
.page1{
    background: url(../pictures/main/titulni.png) 0px 0px no-repeat;
    height:400px;
}
.map{
    border:1px solid #900317;
}
.page2 {
    padding-top:10px;
    width:800px;
    text-align:center;
    position:relative;
    margin: 0 auto;
    font: normal 16px "Times New Roman";
    font-style: italic;
}
.page h1,.page1 h1{
  font: normal 26px "Times New Roman";
  font-style: italic;
  font-weight:bold;
}
.kontakty td{
  text-align:left;
}
.kontakty{
  margin:0 auto;
}
/*Natavení designu hlavní tabulky*/
.center,.topc,.leftc,.rightc,.bottomc{
  border:none; 
  padding:0px;
}
.bottomc{
  background:url(../images/bottomC.png) no-repeat;
  width:928px;
  height:13px;  
}
.sub_menu{
  text-align:left;
  width:170px;
  height:550px;
  border-right:1px dotted #900317;
}
.pictures{
  text-align:center;
  width:600px;
  position:absolute;
  top:100px;
  left:180px;
  display:none;
}
.picturesFirst{
  text-align:center;
  width:600px;
  position:absolute;
  top:100px;
  left:180px;
  display:block;
}
.pictures img,.picturesFirst img{
  width:60px;
}
.pictures table,pictures table{
  width:590px;
}
.pic{
  text-align:center;
  padding-top:3px;
}
.pic img{
    width:50px;
}
.pic{
  /*border:1px solid #900317;*/ 
}
.pic_sub{
    height:100px;
    text-align:center;
}
.main_li{
  text-decoration:none;
  list-style: square;
  width:170px;
  cursor: hand;
  float:left;
  padding-top:5px;
}
.sub_li{
  text-decoration:none;
  width:150px;
  cursor: hand;
  display:block;
  float:left;
  padding-top:5px;
  padding-left:15px;
  margin-left:20px;
  background: url(../pictures/main/tree.png) 0px 5px no-repeat;
}
.slideshow { 
  height: 306px; 
  width: 406px; 
  margin: auto 
}
.slideshow img { 
  width:400px;
  height:300px;
  padding: 3px; 
  border: 1px solid #ccc; 
  background-color: #900317; 
}
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
width: 800px; 
height: 20px; 
margin: 0; 
padding: 0
overflow: hidden; 
border-bottom:1px solid #900317;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 800px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 800px;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
font-weight:bold;
margin: 0;
padding: 0;
}
ul.newsticker span {
margin: 0px;
}