/* www.snop.cz */
/* created: Jan Chrt, www.jenicek-design.cz */
body {text-align: center; margin: 0px auto;   font: 0.8em arial, sans-serif;  color: #505050;   background: #fff url("../graf/bg_new.jpg") top repeat-x;     }

/* box - zaji�tuje pozici cel� str�nky */
#box {  width: 760px;   height: auto; margin: 20px auto 20px auto; padding: 0px; }

/* hlavni - t�lo webu */
#hlavni {  width: 100%;   height: auto; margin: 0px; padding: 0px; border-top: 1px solid #fff; border-left: 1px solid #e7e7e7;   border-right: 1px solid #e7e7e7; border-bottom: 1px solid #c0c0c0; float: left; background: #fff url("../graf/bg.jpg") bottom repeat-x;   }

/* hlavicka */
#hlavicka {  width: 100%;   height: auto; margin: 0px; padding: 0px; float: left; border-bottom: 1px solid #ccc; background: #fff url("../graf/snop_head.jpg") top left no-repeat; }
#hlavicka_cz {  width: 100%;   height: auto; margin: 0px; padding: 0px; float: left; border-bottom: 1px solid #ccc; background: #fff url("../graf/snop_head_cz.jpg") top left no-repeat; }
#hlavicka_en {  width: 100%;   height: auto; margin: 0px; padding: 0px; float: left; border-bottom: 1px solid #ccc; background: #fff url("../graf/snop_head_en.jpg") top left no-repeat; }

#hlavicka img {margin: 0px; padding: 0px; float: left; border: none; }
#hlavicka_cz img {margin: 0px; padding: 0px; float: left; border: none; }
#hlavicka_en img {margin: 0px; padding: 0px; float: left; border: none; }

#hlavicka h1 {  display: block;   position: relative;   height: 80%;   width: auto;   font: 1.8em arial, sans-serif;  color: #315AB6;   font-weight: bold;   text-align: left;   margin: 5px 0 5px 7px;   padding: 0px;   letter-spacing: 0.2em;   float: left;   visibility: hidden;   }
#hlavicka_cz h1 {  display: block;   position: relative;   height: 80%;   width: auto;   font: 1.8em arial, sans-serif;  color: #315AB6;   font-weight: bold;   text-align: left;   margin: 5px 0 5px 7px;   padding: 0px;   letter-spacing: 0.2em;   float: left;   visibility: hidden;   }
#hlavicka_en h1 {  display: block;   position: relative;   height: 80%;   width: auto;   font: 1.8em arial, sans-serif;  color: #315AB6;   font-weight: bold;   text-align: left;   margin: 5px 0 5px 7px;   padding: 0px;   letter-spacing: 0.2em;   float: left;   visibility: hidden;   }

#hlavicka h2 {  display: block;   height: auto;   width: 80%;   font: 1.2em arial, sans-serif;  color: #808080;   font-weight: bold;   text-align: left;   margin: 4px 0 5px 7px;   padding: 0px;   letter-spacing: 0.1em;   float: left;   visibility: hidden;   }
#hlavicka_cz h2 {  display: block;   height: auto;   width: 80%;   font: 1.2em arial, sans-serif;  color: #808080;   font-weight: bold;   text-align: left;   margin: 4px 0 5px 7px;   padding: 0px;   letter-spacing: 0.1em;   float: left;   visibility: hidden;   }
#hlavicka_en h2 {  display: block;   height: auto;   width: 80%;   font: 1.2em arial, sans-serif;  color: #808080;   font-weight: bold;   text-align: left;   margin: 4px 0 5px 7px;   padding: 0px;   letter-spacing: 0.1em;   float: left;   visibility: hidden;   }

/* menu */
#jazyk {  border-bottom: 1px solid #ccc;   margin: 0 5px 0 5px;   padding: 0 0 3px 0; }

#jazyk a {  font-weight: bold;   text-decoration: none; text-align: center;}
#jazyk a img{  float: none; margin: 0px; padding: 0px;}

#menu {  width: 135px;   height: auto; margin: 10px 0 10px 0; padding: 0px; float: left; border-right: 1px solid #ccc; background: url("../graf/bugatti.jpg") top right no-repeat; }

#menu ul {  text-align: right;   list-style: none;   margin: 60px 5px 10px 5px; padding: 0px; border-top: 1px solid #ccc; font: 1.1em arial, sans-serif; font-variant: small-caps; }

#menu dl {  text-align: right;   margin: 5px 5px 10px 5px; padding: 0px; font: 0.9em arial, sans-serif; font-variant: small-caps; }

#menu li a {  margin: 0px;   padding: 2px 10px 2px 0;   font-weight: bold;   display: block;   width: 115px;   text-decoration: none;   color: #505050;   border-bottom: 1px solid #ccc;   border-top: 1px solid #fff;   }

#menu li a:hover {  color: #5F8EF7;   border-bottom: 1px solid #ccc;   letter-spacing: 0em;   }

#menu li a.activ {  color: #315AB6;   letter-spacing: 0em;   }

#menu dt a {  margin: 0px;   padding: 2px 10px 2px 0;   text-decoration: none;   color: #505050;   border: none;  }

#menu dt a:hover {  color: #5F8EF7;   border: none;   letter-spacing: 0em;   }

#kontakt {  width: auto;   margin: 15px 5px 5px 5px; padding: 5px; font: 0.8em arial, sans-serif; text-align: center; }

/* obsah */
#obsah {  width: auto;   height: auto; margin: 0 0 0 2px; padding: 10px; float: left; text-align: justify; }

.clanek {  width: 565px;   margin: 5px 0 0 0; padding: 5px;   border-top: 1px solid #ccc;   border-left: 1px solid #ccc;   float: left; }

.clanek h3 {  margin: 0px; padding: 2px;  background-color: #e0e0e0; }

.clanek ul {  list-style: square;   margin: 5px; padding: 0 0 0 10px; }

.clanek li {  margin: 3px 0 0 0; padding: 0px; }

.gal_nahl {  width: 180px;   height: auto; margin: 2px; padding: 2px; text-align: center; float: left;   font: 0.8em arial, sans-serif;  color: #505050; border: 1px solid #ccc; background: #fff; }

.gal_nahl a {  float: none;   margin: 0px;   }

.gal_nahl a img {  margin: 0 0 5px 0;   }

.float a{ float: left;}

table {border: 3px double #fff; text-align: center; border-collapse: collapse;   }

td {border-bottom: 1px solid #fff; border-right: 1px solid #fff; margin: 0px; padding: 4px; }

stazeni {  color: #505050; }

.odkaz {  font-weight: bold;}

.pozice {  border-bottom: 1px solid #ccc; padding: 5px;}
.pozice a{  display: block; width: 100%; cursor: pointer; text-decoration: none;}
.pozice a span{  color: #505050; text-decoration: none;}
.pozice a h4{ text-decoration: underline; margin: 0px; padding: 2px;}
.pozice a:hover h4{ text-decoration: none;}
/* paticka */
#paticka {  width: 750px;   height: auto; margin: 0 0 0 2px; padding: 0px; float: left; font: 0.8em arial, sans-serif;  color: #505050; font-style: italic;   border-top: 1px solid #ccc;   }

/* editace */
.editace {  width: 530px;}
.editace textarea { margin: 5px;}
.editace h5 { font: 1.1em arial, sans-serif;  color: #505050;   font-weight: bold;}


/* ostatni */
a {  color: #315AB6; }

a:hover {  color: #5F8EF7;   text-decoration: none; }

h2 {  font: 1.3em arial, sans-serif;  color: #005498;   font-weight: bold;   margin: 10px 0 3px 0px;   padding: 2px;   letter-spacing: 0.1em; border-bottom: 1px solid #005498;}

h3 {  font: 1.1em arial, sans-serif;  color: #505050;   font-weight: bold;   margin: 10px 0 3px 8px;   padding: 0px;   }

h3 a {  text-decoration: none;   color: #505050;   }

p {  padding: 0px;   margin: 3px  }

ul {  text-align: left;   list-style: none;   margin: 5px;   padding: 0px;   }

img {  border: none;   float: left;   margin: 5px 5px 5px 0;   }

.center {  text-align: center;   }

.left {  text-align: left;   }

.right {  text-align: right;   }

.small {  font: 0.9em arial, sans-serif;   }

.big {  font: 1.2em arial, sans-serif;   font-weight: bold;   }

.bol {  font-weight: bold;   }

.italic {  font-style: italic;   }

.underline {  text-decoration: underline;   }

.cervena {  color: #ff0000;   }

.clear {  clear: both;  }