* {padding: 0px; margin: 0px;}

body{
  background:url(../img/bg.png) top repeat-x #c2bd9d;
  margin:0;
  padding:0;
  text-align:center;
  color:#000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 83%;
}

h1, h2{
  font-size:130%;
  padding-bottom:7px;
  color:#bC0000;
  font-family: Georgia,Arial Narrow,Arial,sans-serif;
  font-weight:normal;
}

h3{
  font-size:120%;
  padding-bottom:4px;
  color:#bC0000;
  font-family: Georgia,Arial Narrow,Arial,sans-serif;
  font-weight:normal;
}

hr { height: 1px; background: none; display: block; border: 1px solid #bc0000; border-width: 1px 0 0 0; overflow: hidden; margin: 0px 0px 10px 0px;}
#box hr { height: 5px; background: none; display: block; border: 5px solid #bc0000; border-width: 5px 0 0 0; overflow: hidden; margin: 0px 0px 10px 0px;}

p{padding-bottom:10px }

a{ text-decoration: underline; color:#000000;}

a:hover{ text-decoration: underline; color: #CC0000;}
img{ border:none}

#obal{
width: 980px;
margin: 0 auto;
border: 1px solid #877e56;
border-top: solid #000000 10px;
background:url(../img/bgObal.png) repeat-y
}

#obalpodstranky{
width: 980px;
margin: 0 auto;
border: 1px solid #877e56;
border-top: solid #000000 10px;
background:url(../img/bgObalPodstranky.png) repeat-y
}

#hlavicka{
width:980px;
height: 195px;
}


#logo {
  float:left;
  width:205px;
  height:195px;
  text-indent: -1000px; 
  overflow: hidden; 
  background:url(../img/logo.png) no-repeat
}

#logo a {
  height: 195px; 
  width: 205px; 
  display: block;
}


#animace{
   width:570px;
   height: 185px;
   float:left;
   border-bottom:10px solid #000000
}

#animacePodstranky{
   width:775px;
   height: 191px;
   float:left;
   border-bottom:4px solid #000000
}

#akce{
   width:205px;
   height: 195px;
   float:right
}

#obsahbox{
   float: left;
   width: 100%;
}

#box{
   width:570px;
   margin: 0 205px 0 205px;
}

#box1{
   width:775px;
   margin: 0 0 0 205px;
}

#box1 strong{
   color:#bc0000
}

#box1 ul {
padding:0px 0px 10px 20px;
text-align:left
}

#box1 ul li{
padding-top: 5px;
text-align:left
}

#levybox{
   float: left;
   width: 205px;
   margin-left: -980px;
   text-align:left
}

#pravybox{
   float: left;
   width: 205px;
   margin-left: -205px;
}

.innertube{
   margin: 10px 15px;
   text-align:justify
}

#mapa p{
   padding: 10px;
   color:#FFFFFF
}

#kamera {
	margin:0px;
	margin-top:20px;
	margin-bottom:20px;
   background:url(../img/kamera.png) no-repeat top
}

#kamera p{
   padding: 10px;
   color:#FFFFFF;
}

.mininews{
   padding-bottom:10px
}

.mininews a{
   color:#bc0000
}

.news, .cenik{
   padding: 10px 0px;
   clear: both
}

.miniakce{
   padding:10px;
   text-align:center;
   height:45px;
   border-bottom: 1px solid #877e56;
   background:url(../img/bgAkce.png) right center no-repeat
}

.miniakce img{
   float:left;
   border: 1px solid #877e56;
}

.miniakce h4{
   color: #FFCC00;
   text-align:right;
   padding:12px 6px 0px 0px;
   font-size: 17px;
}

.akce{
   font-size:85%;
   clear: both;
   padding-top:10px
   
}
.akce img{
   float:left;
   padding:0px 10px 20px 0px;
}

.akce h2{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:120%
}

table {
  border:0px;
  font-size:100%;
  margin-bottom:30px
}

table td{
  padding:5px;
  border-bottom:1px solid #CCCCCC
}

.jmeno{ width:170px; padding-left:10px; background:url(../img/ctverecek.png) left center no-repeat}
.pozice{width:200px}
.telefon{width:140px}
.email{padding-left:20px; width:150px}
.email a{text-decoration:none}
.cervenyText a{ font-size:85%; color:#666666}
.cervenyText a:hover{ font-size:85%; color:#000000}

.sortiment{
   width:720px;
   height:65px;
   padding:0px 0px 10px 0px;
   margin-bottom:10px;
   border-bottom: 1px dashed #bc0000;
   clear: both
}

.clear{
   clear:both;
   padding-top:10px
}

.sortiment a{
   color:#BC0000
}

.sortiment p{
   font-size:90%
}

.sortiment h2{
   color:#bc0000;
   font-size:90%;
   font-family:Verdana, Arial, Helvetica, sans-serif
}

.sortiment img, .doprava img{
   float:left;
   border: solid 1px #bc0000;
   margin:0px 20px 0px 0px
}

.doprava{
   width:720px;
   height:70px;
   padding:0px 0px 10px 0px;
   margin-bottom:10px;
}

#fotogalerie img{
  padding:4px;
  background:#fff;
  margin-right: 10px;
  border: 1px #000000 solid
}

.foto {
	float:left;
	text-align:center;
	width:140px;
	padding:10px 0px;
	margin: 0px 5px 5px 0px;
	background-color:#FFF;
	border:1px solid #CCC}

.foto1 {
	float:left;
	text-align:center;
	width:90px;
	padding:10px 0px;
	margin: 0px 5px 5px 0px;
	background-color:#FFF;
	border:1px solid #CCC}

#karieraformular td, #poptavkaformular td{
   border:none
}

fieldset {
  border: 1px solid #bc0000;
  padding: 10px 20px;width: 590px;
  
}

legend {
	padding: 5px;
	color:#bc0000;
	font-size:110%
}
input, textarea {
   width:350px
}

#patice{ 
  width:980px;
  background:#333333;
  color:#FFFFFF;
  margin: 0px;
  text-align:right;
  font-size:80%;
  clear:both;
  border-top: 5px #bc0000 solid
}

#patice p{
  padding:10px 5px;
}

#patice a{
	color:#FFF
}

#czechproject{
width: 980px;
margin:0px auto;
font-size:75%;
text-align:right;
padding:5px 
}

#czechproject a{
color:#FFFFFF;
text-decoration: none}

#czechproject a:hover{
color:#FFFFFF;
text-decoration: underline}