/* @override 
	http://www.tugendhat.eu/css/tugendhat.css
*/

body {
    text-align: center;
    padding: 0;
    margin: 0;
    color: #000;
    font-size: 12px;
    position: relative;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: normal;
}

#content #player-box {
	background: #000;
	display: block;
	width: 964px;
	text-align: center;
	margin-bottom: 10px;
}

#content a#player {
	margin: 0 auto;
}

img {
    border: none;
    background: url(../img/loadwhite.gif) no-repeat center center;

}

.img_float_left {
    float: left;
    margin: 12px 12px 12px 0 !important;
}

.img_float_right {
    float: right;
    margin: 12px 0 12px 12px !important;
}


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

p {	padding: 8px 0;
    margin: 0;
    line-height: normal;    
}

ul, ol {
    margin: 10px 0;
    padding: 0 0 0 20px;
}

ul li {
    padding: 3px 0 3px 0;
}

ol li {
    padding: 0 0 4px 0;
}

table {
    margin: 0;
    padding: 0;
    
}

#timeline-box {
	width: 800px;
	height: 475px;
	float: left;
	overflow: hidden;
	padding-bottom: 0px;
}

#timeline th, #timeline-captions th{
  padding: 7px 70px;
}

#timeline tr {
/*background: url('../img/tr-bg.gif') left top repeat-x;*/
background: none;
}

#timeline  {
background: url('../img/timelines.gif') left 29px repeat-x;
}

#timeline td {
	font-size: 12px;
  background: url('../img/td-bg.gif') left top no-repeat;
  margin: 0;
  padding: 0;
}

#timeline td .td-content{
  padding: 8px 10px 8px 10px;
  line-height: 135%;
}

#timeline td a{
  display: block;
  color: #555;
  text-align: left;
  margin: 0;
  padding: 0;
}

#timeline td a img{
border: 1px solid #E6E6E6;
  padding: 0;
  display: block;
  margin: 0;
}

#timeline td a{
text-decoration: none;
}

#timeline td a.link{
  height: 17px;
  overflow: hidden;
  float: none;
  margin: 4px 0 0 0;
  padding: 0;
}

#timeline td a.link:hover {
color: #000;
text-decoration: underline;
}

#timeline td a .def-img {
  display: block;
background: #f2f2f2;
width: 75px;
height: 45px;
text-decoration: none;
margin: 0;
border: 1px solid #E6E6E6;
padding: 0;
}



#timeline td.end {
  background: none;
}

#timeline #bottom td {
  padding: 0;
  height: 1px;
  font-size: 1px;
}

#timeline #years, #timeline #years td {
    background:  none;
    font-weight: bold;
    text-align: center;
}

#timeline-captions {
	width: 140px;
	float: left;
	background: #FFF;
}

#timeline-captions td {
	width: 950px;
	font-weight: bold;
	font-size: 11px;
  text-transform: uppercase;
padding: 0;
margin: 0;
height: 83px;
  background: url('../img/dot-h-front.png') right top no-repeat;
}

#timeline-captions #bottom td {
	font-weight: bold;
	font-size: 11px;
  text-transform: uppercase;
padding: 0;
margin: 0;
height: 60px;
  background-image: none;

}



#backward, #forward{
  width: 20px;
  height: 40px;
  background: red;
  position: absolute;
  top: 455px;
  text-align: center;
  text-decoration: none;
}

#backward{
  left: 125px;
    background: url('../img/prevtime.gif') center center no-repeat;
}

#forward{
  right: 5px;
      background: url('../img/nexttime.gif') center center no-repeat;
}


fieldset {
    border:  0;
}

h1 {
    padding: 15px 0 18px 0;
    margin: 0;
    text-transform: uppercase;
	font-size: 19px;
	color: #000;
	text-align: left;
}

.content-head  {
width: 670px;
}

.content-head h1 {
	float: left;
	width: 500px;
        min-height: 46px;
        _height: 46px;
}

.content-head-2 h1 {
	float: left;
		width: 825px;
}

.content-head #fontsize {
	float: left;
	font-size: 11px;
	text-align: right;
	width: 160px;
	padding-top: 20px;
	color: #646464;
}

.simult-events h2.subnadpis {
    font-size: 17px;
    text-transform: uppercase;
    padding: 8px 0 10px 0;

    margin: 0 0 10px 0;
    text-align: left;
    font-weight: bold;
   	border-top: 1px solid #cacaca;
}

.simult-events  {

}



h3{
    color: #F00;
    font-size: 15px;
    padding: 10px 0 7px 0;
    margin: 0;
    text-align: left;
    font-weight: bold;
}

h4 {
    color: #555;
    font-size: 15px;
    padding: 5px 0 5px 0;
    margin: 0;
    text-align: left;
    font-weight: bold;
}

h5 {
    font-size: 13px;
    padding: 0;
    color: #202020;
    font-weight: bold;
    margin: 10px 0 10px 0;
}

h6 {
    font-size: 11px;
    padding: 0;
    font-weight: normal;
    margin: 7px 0 7px 0;
}

.clear{
    clear: both;
    display: block;
    height: 0;
    font-size: 1px;
    overflow: hidden;
}

.error {
    background: #bf1503 url('../img/error-bg.png') left bottom repeat-x;
    padding: 5px 0;
    color: #fff;
    text-align: center;
    margin: 3px auto 0 auto;
    display: none;
}

.success {
    background: #a6cd22 url('../img/success-bg.gif') left bottom repeat-x;
    padding: 5px 0;
    color: #fff;
    text-align: center;
    margin: 3px auto 0 auto;
}

#page {
    width: 980px;
    position: relative;
    text-align: left;
    margin: 0 auto;
    background: #fff;
	padding: 0;
}


/* HEAD */

#head {
    height: 180px;
    width: 980px;
    margin: 0 auto;
    position: relative;
    }

#head strong {
    position: absolute;
    width: 286px;
    height: 50px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    top: 115px;
    left: 690px;
}

#head strong a {
    cursor: pointer;
    display: block;
    color: #000;
    height: 100%;
    line-height: 300px;
    width: 100%;
    font-size: 6px;

}

#head strong a:hover {
    text-decoration: none;
    border: none;
}

#head strong span{
    display: block;
    position: absolute;
    background: url(../img/logo.gif) no-repeat left top;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#lang {
    display: none;
    position: absolute;
    right: 7px;
    top: 82px;

}

#lang a {
    color: #867d74;
    font-size: 12px;
    padding: 0 7px;
}

#lang a:hover, #lang a.active {
    color: #00418a;
}



/* MENU */

#menu {
	position: absolute;
	width: 980px;
	right: 0;
	text-align: right;
	top: 25px;
	margin: 0;
	padding: 0;
}

#menu li{
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 14px 18px;
  background: url(../img/menu-border.gif) no-repeat right center;
  display: block;
  float: right;
}

#menu a{  
  color: #000;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
}

#menu a.active {  
text-decoration: underline;}

#menu a:hover{  
text-decoration: underline;}

#menu .menu-1st {
	background: none;
}

#menu .menu-lang {
  background: url(../img/menu-border.gif) no-repeat left center;
  }


/* submenu */

#submenu {
position: absolute;
top: 80px;
left: 0;
width: 670px;
padding: 0 0 0 5px;
margin: 0;
display: block;
}

#submenu li{
  margin: 0;
  padding: 0;
  list-style: none;
}

#submenu a {
  padding: 2px 3px 2px 4px;
  width: 225px;
  display: block;
  color: #000;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  float: left;
  text-decoration: none;
}

#submenu h2 {
  padding: 2px 3px 2px 3px;
  display: block;
  margin: 0;
  color: #fff;
  background: #000;
  width: 170px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}

#submenu a.sublevel {
float: left;
width: 400px;
}

#submenu a.active, #submenu a:hover{
  background: #000;
  color: #FFF;
  text-decoration: none;
}


/* CONTENT */

#content {
    line-height: normal;
    padding: 7px 8px;
    width: 964px;
    min-height: 450px;
    _height: 450px;
    text-align: justify;
    position: relative;
    float: left;
    border: 1px solid #CACACA;
}


.content-text {
    padding: 0 0px 0 0;
  font-size: 100%;
  min-height: 270px;
}


table.gallery {
	width: 100%;
	margin-top: 20px;
}

table.gallery td {
width: 200px;
padding-right: ;
vertical-align: middle;
text-align: center;
background: red;
padding: 10px;
background-color: #f1f1f1;
}

table.gallery td img {
display: block;
margin: 0 auto;
}

table.gallery td.img-label {
font-size: 11px;
vertical-align: top;
background: none;
padding: 4px 5px 5px 0px;
text-align: left;

}


.content-text p {
text-align: justify;
line-height: 140%;
}

.article-text {
  float: left;
  font-size: 100%;
  width: 667px;
  padding: 0 0 5px 0;
  text-align: right;
}

.content-text .float-imgs{
  float: right;
  width: 285px;
  padding: 0 0px 5px 0px;
  text-align: left;
  position: relative;
  top: -53px;
  margin-right: 0px;
}

.content-text .float-imgs-news {
  float: right;
width: 285px;
  padding: 0 0px 5px 0px;
  text-align: left;
  position: relative;
  top: -68px;
  margin-right: 0px;
}

.content-text .float-imgs img {
/*margin-top: 15px;*/
width: 285px;
}


.img-note {
	font-size: 11px;
	padding: 0 0 3px 0;
	margin: 0;
	color: #222;
	text-align: right !important;
}

.content-text .float-imgs p.img-note {
	line-height: normal;
	padding-bottom: 5px
}


p sup {
	line-height: 6px;
	padding: 0;
	margin: 0;
}

#mm-content{
position: relative;
/*background: url(../img/loadwhite.gif) no-repeat center center;*/
}


#mm-menu{
  position: absolute;
  left: 70px;
  top: 70px;
  background: #FFF;
  border: solid 1px #cacaca;
  width: 120px;
  height: 120px;
  overflow: hidden;
  text-align: center;
  z-index: 5;
}


#mm-menu-inner{
  padding: 30px 3px 0px 3px;
}

#mm-menu a{
  padding: 2px 3px 2px 3px;
  margin-bottom: 1px;
  display: block;
  color: #000;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
}

#mm-menu a:hover{
  background: #000;
color: #fff;
}

#mm-menu a#ss-btn {
	margin-top: 15px;
}


#mm-menu .close{
  color: #999;
  font-size: 15px;
  position: absolute;
  top: 3px;
  left: 3px;
  height: 14px;
  width: 14px;
  padding: 0;
  margin: 0;
    background: url(../img/mmclose.gif) no-repeat center top;

}

#mm-menu .close:hover{
color: #000;
text-decoration: none;
    background: url(../img/mmclose.gif) no-repeat center -13px;

}

#mm-btn{
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 15px;
  height: 13px;
  width: 13px;
  background: url(../img/plus.gif) no-repeat center center;
  display: block;
  padding: 0;
/*border: 1px solid #000;*/
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  z-index: 5;
}

.content-text #dotaz textarea {
    width: 350px;
    float: left;
    height: 150px;
    margin-top: 8px;
    margin-right: 18px;

}

#content-homepage {
    width: 757px;
    padding: 0;
    min-height: 450px;
    float: left;
    _height: 450px;

    position: relative;
    margin-left: 3px;
    text-align: justify;
}


/* VYPIS CLANKU */

.article-link {
margin-bottom: 18px;
}

.article-link p a {
color: #000;
text-decoration: underline;
}

.article-link a:hover {
color: #F50000;
text-decoration: none;
}

.article-link p.news-date {
	padding: 0 0 4px 0;
	margin: 0;
	border: none;
	font-size: 11px;
	height: auto;
	}

p.one-new-date {
	padding: 0;
	margin: 0;
	border: none;
	font-size: 11px;
	height: auto;
	position: relative;
	top: -12px;
}

.article-link p {
	border-bottom: 1px solid #cacaca;
	float: left;
	clear: left;
	padding: 0px 0 10px 0;
	width: 665px;
	font-size: 12px;
	line-height: normal;
}


.simult-events .article-link p  {
float: left;
}

.simult-events .article-link img  {
position: relative;
top: -25px;
margin: 0;
}

.article-link p.no-image {
	width: 660px;
}

.article-link h3 {
	padding: 0 0 3px 0;
	margin: 0;
	float: left;
}

.article-link h3 a {
text-transform: uppercase;
text-decoration: none;
color: #000;
font-size: 16px;
}

.article-link img {
	float: right;
	margin-top: 10px;
margin-right: 0px;
}

.article-link img{
border: 1px solid #fff;}

.article-link:hover img{
border: 1px solid #cacaca;}



.date {
    font-size: 14px;
    font-style: italic;
}



.link {
    background: url(../img/link.gif) no-repeat 0px 5px;
    padding-left: 13px;
    float: right;
    display: block;
}


#article-text{
    width: 781px;
    padding-top: 24px;
    background: url('../img/news-gradient.jpg') left bottom repeat-x;
}




#article-pics {
    width: 160px;
    float: left;
    margin: 0 30px 0 2px;

}

#article-pics img {
    display: block;
    margin: 0 0 4px 0;
}

#person-text #article-pics img {
    display: block;
    width: 165px;
    margin: 0 0 4px 0;
}

#article-pics a:hover {
    border: none;
}


#clanek  {
    display: block;
    margin-bottom: 5px;
}

#clanek h2{
    color: #67645B;
    padding-bottom: 3px;
    padding-top: 0;
}

#clanek h2 .date{
font-weight: normal;
font-size: 12px;
}


#clanek .date {
    float: right;
    background: url(../img/time.gif) no-repeat left 5px;
    color: #555;
    font-weight: normal;
    font-size: 11px;
    display: block;
    padding: 4px 0 3px 17px;
    position: absolute;
    right: 0;
    top: 25px;
}

.back, .back2arts, .page-back {
    background: url(../img/zpet.gif) left center no-repeat;
padding: 2px 0 2px 20px;
    display: block;
    width: 190px;
    font-size: 13px;
    margin-top: 15px;
}

/* P A T A */

#foot {
    color: #CACACA;
    padding: 0;
    width: 980px;
	padding: 8px 0 10px 0;
	margin: 0 auto;
} 

#foot a {
    text-decoration: none;
    color: #CACACA;
    font-size: 10px;
    padding: 0;
    margin: 0;
} 

#foot a:hover {
    color: #F50000;
    cursor: pointer;
}

#foot #que:hover {
    color: #f47c20;
}


#foot #foot-left { 
    float: left;
    width: 200px;
    text-align: left;
    padding: 4px 0 0 8px;
    margin: 0;
    
}


#foot #que { 
float: right;
background: url(../img/grafique.gif) right 3px no-repeat;
width: 300px;
text-align: right;
height: 15px;
margin-right: 5px;
padding: 4px 22px 0 0;
}

#map {
    margin-top: 5px;
        width: 490px;
    float: left;

    }

#map iframe {
    width: 490px;
    height: 300px;
    padding: 1px;
    background: #fff;
    border: 1px solid #a3a3a3;
}


#foot, #foot a {
	color: #CACACA;
	font-size: 10px;
	text-align: right;
	}

.loader{
  height: 100px;
  background: url('../img/admin/loader.gif') center center no-repeat;
}

.content-head-2 #fontsize {
  color: #646464;
	font-size: 11px;
	padding: 17px 0 0 0;
	width: 135px;
	float: right;
	text-align: right;
}

#fontsize a {
  color: #646464;
	font-size: 11px;
	padding: 17px 0 0 0;
text-decoration: none;
}


#fontsize .smaller {
	font-size: 11px;
}


#fontsize a {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0;
	font-weight: normal;
}

#fontsize a.bigger {
font-size: 14px;
}



#fontsize a:hover {
	border: none;
	color: #000;
}

.columns{
    width: 100%;
}

.columns td{
    padding: 0 15px 0 0;
    border: 0;
    width: 50%;
    text-align: justify;
    vertical-align: top;
}

.columns td p{
    padding-left: 0;
        padding-right: 0; 
       margin: 0;
}

.front{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.background{
    z-index: 2;
    position: relative;
}

object, embed{
    text-align: center;
}