/*
#EFEFEF - spinave bila - pozadi pomocnych oken
#E7DAD1 - svetle hneda - pozadi
#806C59 - hneda - texty
#002449 - ceskolhoticka modra - linky
#B12C40 - ceskolhoticka cervena - hover a vybrane polozky menu 
#008C00 - ceskolhoticka zelena - zvyrazneni textu
*/

/* Zakladni styly */
html, body {
  width:100%; height:100%; margin:0; padding:0;  
  font-family: Arial, Verdana, Lucida, Helvetica, Sans-Serif; font-size: 90%; 
	background-image: url("img/pozadi.png");
	background-repeat: repeat-y;
	background-position: center;
	background-color: #EFEFEF;
  color: #806C59;
}
/* Layout */
#page {position: relative; margin: 0px auto; padding: 0px; width: 760px;
  border-left: 1px solid #6A6965; border-right: 1px solid #6A6965; background: url("img/mainbg.png"); text-align: left;}

/* hlava */
#hlava {margin: 0px; padding: 0px;}
  #erb {float: left; width: 150px; height: 135px; text-align: center; vertical-align: middle; _margin-right: -3px; padding: 0px; }
  #titulek {float: right; position: relative; margin-left: 0px; padding: 0px;}
    #titulek, #titulek span {height: 35px; width: 610px; }
    #titulek span {display: block; position: absolute; left: 0px; top: 0px; background: url('img/titul.png') no-repeat left top;}
  #foto {float: right; margin: 0px; padding: 0px; height: 100px; width: 610px; background: url('img/foto.png') no-repeat left top;}

/* horizontalni menu */
  #menu {width: 760px; height: 25px; margin: 0; padding: 0; background: url('img/menubg.png');}
  #menu span { display: none; }
  table.hmenu {width: 98%; height: 25px; text-align: center; table-layout: auto;}
  table.hmenu td { text-align: center; vertical-align: bottom;}
  table.hmenu a {font-weight: bold; font-size:1em; color: #002449; text-decoration: none;}
  table.hmenu a:hover {color: #B12C40; text-decoration: none;}

/* telo */
#telo {width: 760px; background: url('img/hor_oblouk.png') no-repeat left top;}
  #panel {float: left; width: 150px; position: relative; top: 15px; _margin-right: -150px; background: url('img/divider.png') no-repeat left top;}
    #panel menu {margin: 0; padding: 0; list-style-type: none; width: 100%; font-weight: bold; font-size:1em; text-align: left; color: #002449;}
    #panel menu li {padding: 0px 0px 7px 7px; background: url('img/divider.png') no-repeat left bottom}
    #panel ul {margin: 0; padding: 0; list-style-type: none; width: 100%; font-weight: bold; font-size:1em; text-align: left; color: #002449;}
    #panel ul li {padding: 0px 0px 7px 7px; background: url('img/divider.png') no-repeat left bottom}
    #panel a {font-weight: bold; font-size:1em; color: #002449; text-decoration: none;}
    #panel a:hover {color: #B12C40;}
    #panel .divider {height: 2px; background: url('img/divider.png') no-repeat left top;}
    #panel .divider hr {display: none;}  
    #panel .upoutavka {font-size: 100%; text-align: center; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
    #panel .upoutavka p {text-align: center; margin-top: 10px; margin-bottom: 5px}
    #panel .upoutavka h1 {color: #B12C40; font-size: 110%; margin-bottom: 10px;}
    #panel .upoutavka.clakt {font-size: 90%;}

  #obalplochy {width: 585px; margin-left: 160px; }
    #plocha {width: 100%; padding: 5px 0px 10px 0px; }

/* pata */
#pata {height: 25px; background: url('img/dol_oblouk.png') no-repeat left bottom;}
  #pata .foottext {float: right; width: 610px; padding-top: 5px; font-family: verdana; font-size: 80%; color: #806C59; text-align: center;}
  #pata .copyright {float: left; width: 150px; padding-top: 5px; font-family: verdana; font-size: 70%; color: #6A6965; text-align: center; font-weight:normal;}

/* Odstavce */
p {color: #806C59; font-size: 100%; margin-top: 5px; margin-bottom: 2px;}
.vpravo {text-align: right;}
.nastred {text-align: center;}
.dobloku {text-align: justify;}
.odsazeny {text-indent: 23px;}
.okraj25 {margin-left: 25px;}
.kurziva {font-style: italic;}
.tucny {font-weight: bold;}
.podpis {text-align: right; font-style: italic;}
.clgreen {color: #008C00;}
.clred {color: #B12C40;}
.clblue {color: #002449;}
.popisek {margin-top: 2px; margin-bottom: 5px; text-align: center; } /* popisek obrazku */

/* Nadpisy */
h1,h2,h3 {text-align: center;	font-weight: bold;}
h1 {font-size: 155%; margin-top: 15px; margin-bottom: 10px;}
h2 {font-size: 130%; margin-top: 12px; margin-bottom: 7px;}
h3 {font-size: 110%; margin-top: 10px; margin-bottom: 5px;}

/* Odkazy */
a {font-weight: bold; font-size:1em; color: #002449; text-decoration: none;}
a:hover {text-decoration:underline;}

/* Oddelovaci cara */
hr {border-width: 0px;	height: 1px; background-color: #806C59; color: #806C59;}

/* tabulky */
caption {color: #806C59;	font-weight: bold;  text-align: left;  padding-bottom: 2px;}
th {color: #806C59; }
td {color: #806C59; }

table.statistika {background: #E7DAD1; border-collapse:collapse; margin-top: 7px; margin-bottom: 5px; border:1px solid #806C59;}
table.statistika th {background: #806C59;	color: #E7DAD1; border: 1px solid white;}
table.statistika td {border: 1px solid white; }
table.statistika caption {font-size: 110%;}

/* Stranky s odkazy */
table.odkazy {border-collapse: collapse; border-top: 1px solid #806C59;}
table.odkazy th {vertical-align: top; border-bottom: 1px solid #806C59; padding-top: 5px; padding-bottom: 5px;}
table.odkazy td {vertical-align: top; border-bottom: 1px solid #806C59; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
table.odkazy img {border-style: none;}


/* seznamy */
ol,ul {color: #806C59; font-size: 100%; }
li { margin-top: 5px;}

/* ruzne */
sup {font-size: 80%;}
.odsazeni25 {margin-left: 25px;}
.fotovlevo {float:left; margin:0 7px 0 0; padding-bottom:0;}

/* odkazy */
.odkaz {margin-left: 100px; margin-top: -2px;}
.obr_odkaz {float: left; border-style: none; margin-bottom: 5px; height: 40px;}

/* Formulare*/
input, textarea, select {background-color: white; color: #806C59; border-color: #806C59; }

/* Fotogalerie */
.galerie {text-align: center;	margin: none; border-style: none;}
.thumbnail {border: 1px solid #806C59; text-align: center; vertical-align: middle;}
.fotobase-obrazek {text-align: left; vertical-align: top;}
.fotobase-navigace {text-align: center; vertical-align: top;}


/* cistic */
.cleaner {clear: both; height: 0; content: ' '; overflow: hidden; }
  .cleaner hr {display: none;}
