/* CSS Document */

body {
  background-color: #eee;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #444;
}

#wrapper {
  width: 960px;
  background-color: #fff;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  font: 11px Arial;
  line-height: 200%;
}


/* header */
#top {
  margin: 0 auto;
  padding: 0;
  background: url(images/top_bg.png) repeat-x; 
  width: 100%;
  height: 70px;
  position: relative;
}

#top img {
  border: 0;
  position: absolute;
  left: 15px;
  top: 15px;
  
}

#top form {
  position: absolute;
  left: 450px;
  top: 25px;
}

#top form input {
  border: 1px solid #ddd;
}

#header {
  margin: 0;
  padding: 0; 
}

#header h1 {
   background: url(images/header.png) no-repeat;
   position: absolute;
   top: 0px; 
   width: 100%;
   height: 231px;
}

#header h1 a {
  display: none;
}

#flash_uvod  {
    margin: 0;
  padding: 0; 
}

/* content */

#obsah h2, #content h2 {

	font-size:25px;
	font-weight:bold;
	color:#f58f20;
	margin:0px 0px 15px 0px;
	padding:0px;
  border-bottom: 1px solid #ccc;
}


#content {
  padding: 0px ;
  float: left;
  width: 600px;
  position: relative;
  
  
}


#parent2-menu a {
  display: none;
}

#content p {
   text-align: justify;
  }

#obsah a, #content a {
  color:  #f58f20;
}

#sidebar a {
  color:  #f58f20;
}

/* --- promopanel --- */
#promopanel { height: 120px; width: 940px; background: #e6e6e6 url('../img/background-promobox.png') left top repeat-x; overflow: hidden; }
#scroller { height: 120px; width: 940px; margin: auto; overflow: hidden; position: relative; }
#scroller .items { width: 10000px; position: absolute; }
#scroller .items .promobox { width: 300px; height: 80px; margin: 20px 15px; float: left; color: #535353; cursor: pointer; }
#scroller .items .promobox h3 { margin: 0; font-size: 14px; }
#scroller .items .promobox a { text-decoration: none; color: #535353; }
#scroller .items .promobox p { margin-top: 4px; }

/* obecne */
.orange { color: #ef6204; }
.datum { font-weight: bold;}
.datum-article { font-weight: bold; position: relative; top: -6px; }
.rok { width: 160px; height: 32px; margin-bottom: 2px; display: block; text-decoration: none; text-align: center; line-height: 32px; font-size: 18px; color: #fff; background: #ef6204 url('../img/background-rok.png') left top no-repeat; }
.mesic {  width: 160px; height: 20px; display: block; text-decoration: none; text-align: center; line-height: 20px; font-size: 14px; color: #666; }
.promobox-datum-den { position: absolute; width: 60px; margin-top: 10px; font-size: 26px; text-align: center; color: #ef6204; }
.promobox-datum-mesic { position: absolute; width: 60px; margin-top: 40px; font-size: 10px; text-align: center; color: #333; }
.floatLeft { float: left; }
.endFloat { clear: both; }
.noborder { border: 0; padding-top: 0; }
.hide { display: none; }

#sidebar {
  width: 209px;
  
  float: right;
  background: #fff; 
  z-index: 99;
  
}

#sidebar img {
  margin-left: -70px;
}

#footer {
  background-image: url(images/foot.png);
  background-color: #F58F20;
  clear: both;
  color: #fff;
  padding: 10px;
  width: 940px;
  position: relative;
}

#footer a {
  border: 0px;
}

#kytice {
background-image: url(images/kytice.png);
width: 98px;
height: 105px;
position: absolute; 
top: 40px; 
left: 730px;
}

#footnav {
float: right;
}


#footnav a {
  display: block; 
}

 #footer a:hover {
  text-decoration: none;

 }

.invisible {
  display: none;
}

#obsah {padding: 0 40px;}
	.caption{font-style:italic;color:#444;font-weight: bold;}
	.demo{position:relative;margin-top:2em; text-align: center;}
	.gallery_demo{width:570px;margin:0 auto;text-align: center}
	.galleries .gallery_demo li{width:60px;height:42px;margin: 7px;background:#fff; float: left;list-style-type: none; padding: 0; border: 0}
	.galleries .gallery_demo li img {width:200px;}
 	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.9em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 60px auto;height:368px;width:590px; text-align: center;}
	#main_image img{margin-bottom:10px;}
	
	.nav{padding-top:35px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; text-align: center; margin-left: 195px;}
	
	.info{text-align:left;width:590px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
	
	
.galleries li {
    float: left;
    list-style-type: none;
    border: 1px dotted #bbb;
    margin: 15px;
    padding: 15px;
    text-align: center;
    width: 210px;
}

.galleries a {
    display: block;
}


.galleries li:hover {
  background-color: #f58f20;
  color: #fff;
}

.galleries .gallery_demo li:hover {
  background-color: #fff;
  color: #fff;
}

.galleries li img {
    width: 200px;
    margin: 5px;
}

	
	/* ---------------- Begin  Ticker box CSS ----------------- */


 
.tickerbox {
width:892px;
padding:0;
position: relative;
z-index: 0;
height: 50px; 
margin: 0 auto;
}
.tickerbox ul {width:892px;height: 34px;  position:relative;margin: 0;  padding: 0;background-image: url(images/aktualne.jpg); }

.tickerbox li {
width:100%;
list-style:none;
list-postion:inside;
position:absolute;
&padding-top:11px;
overflow: hidden;
font-size: 13px;
width:892px;height: 34px; 
margin: 0;  
padding: 0;
background-image: url(images/aktualne.jpg);
}
.tickerbox li a {
 color: #444;
 text-decoration: none;
}

.tickerbox li p {
position: relative;
left: 103px;
top:-7px;

}


/* ---------------- End  Ticker box CSS ----------------- */
.hovered {text-decoration: underline ;}
..box { display:none}
 
.notes {width:50%}
.mods {position:relative;margin:60px}       

.tickerbox h3 {
  margin: 0;
  padding: 0; 
}

form table tbody tr td {
  text-align: left;
  width: 400px;
  vertical-align: top;
}

.contact_form input{
	background-color:#F4F4F4;
	border:1px solid #CCCCCC;
	padding:5px;
	font-size:12px;
	margin-bottom:10px;
	text-align: left;
}
.contact_form textarea{
	margin:0;
	font-size:12px;
	background-color:#F4F4F4;
	border:1px solid #CCCCCC;
	width:280px;
	text-align: left;
}
.submitform {
	background:#888 !important; 
	color:#fff;
	border:solid 1px #333 !important;
	margin-top:10px;
	text-align: left;
}




/* Slider */

.slider {
	height:300px;
	overflow:hidden;
	z-index:0;
	background:#fff;
}
.slide-box{
	font-family:Georgia, serif;
	padding:0 0 0px;
	background: url(http://localhost/Paradigm/wp-content/uploads/2010/09/www.mediskokochbar.jpeg) no-repeat;
	height:350px;
	width:100%;
	float:left;
}
.slide-box .bg-slide-b{
	background: url(../images/bg-slide-b.png) no-repeat;
	width:960px;
	height:19px;
	bottom:0;
	left:0;
}
.slide-box .image{display:block;}
.slide-box .content-box{
	width:509px;
	float:right;
	margin:45px 0px 35px 0px;
}
.slide-box .content{
	font-size:18px;
	line-height:22px;
	color:#878787;
	padding:23px 20px 20px 23px;
	background:#fff url(../images/bg-gradient1.gif) repeat-y 100% 0;
}
.slide-box h2{
	margin:0 0 11px;
	color:#2e2e2e;
	font-size:33px;
	line-height:39px;
}
.slide-box p{margin:0 0 19px;}
.slide-box a{color:#cc3030;}
.slide-box .buttons{
	overflow:hidden;
	height:1%;
	font-size:16px;
}
.slide-box .buttons a{
	float:left;
	color:#fff;
	padding:7px 24px;
}
.slide-box .buttons .read-more{
	background:#f0f0f0;
	color:#878787;
}


.odpoved{
   color: rgb(255,153,0);
}

.odpoved:hover {
   color: #000;
   text-decoration: underline;
}

#ank_vid {position: relative; min-height: 310px; width: 890px;}