body {
  background:white;
  margin:0;
  font-family: Helvetica;
}

#center {
  width:1020px;
  height:auto;
  margin:0px auto;
}

#center hr {
  visibility: hidden;
  clear:both;
  width:100%;
  margin:0;
  padding:0;
}

#left {
  float:left;
  width:270px;
  height:auto;
}

#left a img.logo {
  float:left;
  border:none;
  margin-top:0px;
}

#left a.clanky {
  float: left;		
  font-size:20px;
  color:#FDB515;
  text-decoration: none;
}

#left a.clanky:hover, #left a.clanky.actual {
  color:#3598D3;
}

#left a.prihlaska {
  float: left;
  margin-left:20px;	
  font-size:20px;
  color:#FDB515;
  text-decoration: none;
}

#left a.prihlaska:hover, #left a.prihlaska.actual {
  color:#3598D3;
}

#left #articles {
  clear:both;
  margin-top:10px;
  height:auto;
  width:100%;
  background: url("../img/right_gradient.jpg") repeat-x;
  background-position: 0px 90px;
  min-height: 800px;
}

#left #articles img {
  float:left;
  width:70px;
  margin-right:10px;
  margin-top:7px;
  margin-left:10px;
  height:55px;
}


#left #articles a {
  display:block;
  font-size:11px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
  line-height:10px;
  padding:0;
}

#left #articles a:hover {
  text-decoration:underline;
}

#left #articles span {
  display:block;
  text-align:right;
  font-size:10px;
  margin:0;
  padding-right:6px;
  padding-top:3px;
}

#left #articles p {
  font-size:11px;
  margin:0;
  padding:0;
  width:170px;
  height: 35px;
  overflow:hidden;
  line-height:12px;
  text-align:left;
}


#left #articles .orange {
  height:80px;
  width:270px;
  background-color: #FDB515;
  margin-bottom:10px;
}

#left #articles .orange img {
  border:3px solid rgb(151,221,249);
}



#left #articles .blue {
  height:80px;
  width:270px;
  background-color:#3598D3;
  margin-bottom:10px;
}


#left #articles .actText {
  margin-left:100px;
}


#left #articles .blue img {
  border:3px solid rgb(255,128,5);
}

#left #articles table {
  width:90%;
}

#left #articles table tr td {
  text-align: right;
  width:100%;
}

#left #articles table tr td a {
  display:inline;
  font-size:10px;
  text-decoration:none;
  color:#000;
}

#left #articles table tr td a.actual {
  text-decoration:underline;
}
/*------------ MIDDLE ----------------------------*/
#middle {
  width:350px;
  height:100%;
  padding-left:20px;
  float:left;
  margin-top:165px;
}

#middle h1.nadpis {
  float:left;
  height:auto;
  width:260px;
  font-size: 14px;
  padding-bottom:0px;
  margin:0;
  font-family: arial;
}

#middle h2 {
  font-size: 14px;
  padding:0;
  margin:0;
}


#middle #clanky h2 {
  font-size: 12px;
  padding:0;
  margin:0;
}

#middle #clanky p {
  font-size: 11px;
  padding:0;
  margin:0;
}

#middle #clanky a {
  font-size: 10px;
  padding:0;
  margin:0;
}

#middle #clanky span {
  font-size:10px;
}

#middle span.datum {
  float:right;
  font-size:11px;
}

#middle p {
  margin:0;
  padding-bottom:6px;
  font-size:12px;
  text-align:left;
}

#middle p a {
  color:rgb(255,128,5);
}

/* preview clanku*/

#middle a.vice {
  display:block;
  width:100%;
  color:#000;
  text-decoration:none;
  font-size:12px;
  text-align:right;
}

#middle a.vice:hover {
  color:rgb(255,128,5);
}

#middle table.listing {
  margin-top:40px;
  width:100%;
}

#middle table.listing tr td {
  text-align: right;
}

#middle table.listing tr td a {
  margin-top:50px;
  color: #000;
  font-size:10px;
  text-decoration:none;
}

#middle a.actual {
  text-decoration:underline;
}

#middle #prihlaska {
	font-size:11px;
}

#middle #prihlaska p.allert {
	border: 1px solid #000080;
	padding: 6px 3px 6px 30px;
	background: url("../img/info.png") top left no-repeat #3598D3;
	background-position: 3px 15px;
	color: white;
	width:311px;
	margin-left:2px;
}

#middle #prihlaska #ko p {
	padding-left:30px;
	padding: 3px 3px 3px 30px;
	background: url("../img/allert.png") top left no-repeat red;
	color: white;
	border: 1px solid #800000;
	margin: 6px 0px;
}

#middle #prihlaska #ok p {
	padding-left:30px;
	padding: 6px 3px 6px 30px;
	background: url("../img/accepted.png") top left no-repeat green;
	color: white;
	border: 1px solid #008000;
	margin: 6px 0px;
}

#middle #prihlaska h1 {
	font-size:16px;
}

#middle #prihlaska table tr th {
	color: #3598D3;
	text-align:right;
	vertical-align:middle;
	padding:3px 0px;
}

#middle #prihlaska table tr th.nadpis {
	width: 100%;
	text-align: center;
	border: 1px solid #3598D3;
	background-color:#FDB515;
	color: white;
}

#middle #prihlaska table tr th.nadpis h3 {
	font-size: 12px;
	padding: 4px;
	margin:0;
}

#middle #prihlaska table tr th.nadpis p {
	font-size: 11px;
	color: #DDD;
	text-align: center;
}

#middle #prihlaska table tr td {
	color: #FDB515;
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
}

#middle #prihlaska table tr td.underlined {
	border-bottom: 1px dotted #CCC;
}

#middle #prihlaska table tr td.toRight {
	text-align: right;
}

#middle #prihlaska table tr td.bydliste {
	line-height: 27px;
}

#middle #prihlaska table tr td.prohlaseni {
	color: black;
	font-weight: normal;
	text-align: justify;
}

#middle #prihlaska table tr td input.submit {
	border: none;
	background-color: #FDB515;
	color: white;
	padding: 4px;
}

/* konec preview */
#right {
  float:left;
  width:300px;
  height:auto;
  margin-left:30px;
  background: url("../img/left_gradient.jpg") repeat-x;
  background-position: 0px 260px; 
  min-height:1000px;
  /*border:1px solid #000;*/
}

#right img.loga {
  margin-left: 14px;
}

#right #video {
  height:200px;
  width:300px;
  margin-top:60px;
  background-color: #000;
}

#right #video span {
  position:relative;
  top:90px;
  left:70px;
  font-size:10px;
  color:#FFF;
}

#right #gallery {
  margin-top:20px;
  height:auto;
  width:330px;  
}

#right #gallery a img {
  float:left;
  border: 1px solid #FFF;
  margin: 2px;
  -moz-opacity: 1;
  filter: Alpha(opacity=100);
}

#right #gallery a img:hover {
  border: 1px solid #FFF;
  -moz-opacity: 0.9;
  filter: Alpha(opacity=90);
}

#footer {	
  clear:both;
  width:100%;
  height:260px;
  background:url("../img/bg_foot.png") bottom center no-repeat;
}