/* CSS Document */

body { margin: 0px 0px 0px 0px; background: #303030 url(images/bg.gif) repeat-x; }
#body a { color: #ff6600; text-decoration: none; }
#container { margin: 0 auto; background: #FFFFFF url(images/ctbg.gif) no-repeat; width: 750px; margin-top: 40px; }
#topheader { height: 89px; border-bottom: 1px solid #777777; color: #ff6600;  width: 750px; }
#theader { font-family: Impact, Sans-serif;  font-size: 36px; color: #303030;  background: url(images/logo.gif) no-repeat 0;  margin-left: 18px; margin-top: -5px; margin-bottom: -5px; padding-left: 35px; width: 697px; }
#theadert { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 10px; color: #ff6600; padding-left: 73px; }
#mainbanner {
  width: 560px;
  height: 88px;
  border-bottom: 1px solid #303030;
  background: url(images/mainbanner.gif) no-repeat;
  padding-top: 50px;
  padding-left: 190px;
  font-family: Arial;
  font-size: 26px;
  color: #FFF;
}
#nav { border-top: 5px solid #303030;  width: 750px; }
#nav ul { margin: 0 0 0 0; }
#nav li { list-style-type: none; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#nav li a { text-decoration: none; color: white; background:#303030 url(images/navbg.gif) no-repeat; width: 100px; height: 17px; padding-top: 5px; display: block; float: left; text-align:center; }
#body { float: none; clear:both; width: 750px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; }

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: -0.8px;
  font-size: 24px;
  color: #303030;
  margin: 0 0 0 0;
  padding-left: 24px;
  padding-top: 26px;
  padding-bottom: 12px;
}
h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ff6600;
  margin: 0 0 0 43px;
  padding-top: 0px;
}
#footer {
  width: 750px;
  margin: 0 auto;
  background:url(images/footer.gif) no-repeat;
  height: 19px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
  padding-top: 5px;
  color: #ff6600;
}
#p404 {
  margin: 0 auto;
  padding-top: 20px;
  width: 400px;
  height: 200px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}
.zacatek {
  margin-top: 5px;
  padding-left: 37px;
  padding-right: 30px;
  width: 683px;
  padding-top: 2px;
  height: 160px;
  
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height: 13px;
}

.zakazkove-stanky {
  margin-top: 5px;
  padding-left: 37px;
  padding-right: 30px;
  width: 683px;
  padding-top: 2px;
  height: 95px;
  
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height: 13px;
}

.kontakt {
	margin-top: auto;
	padding-left: 37px;
	padding-right: 30px;
	width: 683px;
	padding-top: 2px;
	height: 160px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 13px;
}

.roll-up {
	margin-top: auto;
	padding-left: 37px;
	padding-right: 30px;
	width: 683px;
	padding-top: 2px;
	height: 520px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 13px;
}

#xbannery { margin: 0 auto; background: #FFFFFF url(images/ctbg.gif) no-repeat; width: 750px; margin-top: 40px; height: 1130px;}

.promoStanek {
	margin-top: auto;
	padding-left: 37px;
	padding-right: 30px;
	width: 683px;
	padding-top: 2px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;

}

.promo-stanky {
  margin-top: 5px;
  
  padding-left: 37px;
  padding-right: 30px;
  width: 683px;
  padding-top: 2px;
  height: 4440px;
  
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height: 13px;
  padding-bottom: 50px;
}

#back {	
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding-bottom: 50px;
}

#back a {
	background-color: #F30;
	padding: 10px;
	color: #000;
	qborder-radius: 5px;
}

#back a:hover {
	background-color: #303030;
	color: #F30;		
}

.galerie a img {
	margin: 2px;
	padding: 2px;
	border: solid 1px #999;
	border-radius: 5px;		
}

.galerie a img:hover {
	border: solid 1px #F30;
}

.info {
	padding: 10px;	
}

.cenaOd {
	font-size: 20px;
	background-color: #DDD;
	color: #303030;		
	padding: 10px;
	border-radius: 5px;
}

.detail {
	margin-left: 30px;
	background-color: #F30;
	color: #303030;	
	padding: 10px;
	border-radius: 5px;
}

.detail:hover {
	background-color: #303030;
	color: #F30;		
}

.poptat {
	margin-top: 40px;
	margin-left: 20px;	
}

#body .poptat a {
	background-color: #F00;
	padding: 10px;	
	color: #FFF;
}

#body .poptat a:hover {
	background-color: #CCC;
	color: #000;
	border: 1px solid;
	border-color: #F00;
}


.videoThumb {
    display: none;
    margin-top: 60px;
    margin-bottom: 20px;
    border: 1px solid;
    opacity: 0.5;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
}

.videoThumb:hover {
    opacity: 1;
    cursor: pointer;
    box-shadow: #000 0 0 5px;
}

.videoThumb2 {
    display: none;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid;
    opacity: 0.5;
    transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
}

.videoThumb2:hover {
    opacity: 1;
    cursor: pointer;
    box-shadow: #000 0 0 5px;
}

#video2 {
    display: none;
    position: fixed;
    z-index: 1000;
    box-shadow: #000 0px 0px 50px;
 
}

#videoCaption {
    display: block;
    position: relative;
    color: white;
    background-color: #000;
    text-align: center;

  
    padding-top: 10px;
    padding-bottom: 5px;

}

.adRight {
    float: right;
    margin-left: 20px;
    opacity: 0.8;
    transition: 0.3s ease;
    border: none;
}

.adText {
    display: none;
}

.adRight:hover {
    opacity: 1;
}

.clearLeft {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}


#recentnews { width: 700px; padding-left: 50px; }
#recentnews a { color: #ff6600; text-decoration:none; }
div.content { width: 740px; padding: 5px;}
hr { margin-left: 50px; height: 0px; border-top: 2px dashed #FF6600;}
#blogleft { width: 740px; padding: 5px; float: left;}
#guestleft { width: 740px; float: left;}
span.blogged { width: 100%; height: 20px; border-top: 1px solid #222222; background-color: #e4e4e4; display: block; margin-top: 5px;}
.post {width: 650px; margin: 0 auto; padding-top: 5px; padding-bottom: 10px;}

label { margin-left: 50px; width: 150px; height: 20px; display: block; float: left; }
b { color: #ff6600;}
strong {color: #000000;}
span.blogged1 { width: 64.5%; height: 20px; border-top: 1px solid #222222; background-color: #e4e4e4; display: block; margin-top: 5px;}
#security {width: 400px;}