html, body, div, p, form, fieldset, h1, h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: none; }

body {
       font: normal 76% Tahoma, "Lucida Grande CE", lucida, sans-serif;
       background: #fff url('../img/bg-body.jpg') repeat-x center top; color: #777;
}

#stranka {
	margin: 0 auto;
	margin-top: 3px;
	width: 1000px;
	background: #fff;
	border: 0px solid red;
}
#hlavicka {
	height: 39px;
	width: 100%;
  padding-top: 10px;
  text-align: center;
	border: 0px solid #6f90ba;
}

#textbox {
	min-height: 550px;
	width: 99%;
	margin: 0 0 0 5px;
	padding: 0;
	color: #000;
	background: #fff;
	border: 0px solid #6f9011;
}

#paticka{
	width: 100%;
	height: 44px;
	padding-top: 15px;
	background: #fff ;
	text-align: center;
  font-size: 75%;
	border: 0px solid #6f90ba;
}

#paticka span  { }
#paticka *  { color: green;}

h3      { font-size: 120%; color: #cc9933;}
a	      { text-decoration: none !important; color: navy; }
a:hover	 { color: #000; }
hr	 { float: left !important; width: 95%; height: 0.5px; color: #aaa solid;}

.t10	   { height: 35px; }
.a10	   { padding-right: 10px; }
.a30	   { padding-right: 30px; }
.b05	   { padding-left: 5px; }
.b10	   { padding-left: 10px; }
.b20	   { padding-left: 20px; }
.b30	   { padding-left: 30px; }
.b40	   { padding-left: 40px; }
.b50	   { padding-left: 50px; }

.print    { display: none; }
.small    { font-size: 85%; }
.bold     { font-weight: bold; }
.pr	      { float: right !important; }
.pl	      { float: left !important; }
.justify   { text-align: justify; padding: 10px 15px 15px 10px; vertical-align: top;}
.center    { text-align: center; }
.min       { color: red; font-weight: bold; }
.ok        { color: green; font-weight: bold; }
.max       { color: navy; font-weight: bold; }
.nadpis    { color: navy; font-size: 90%; font-weight: bold; margin: 5px 0 10px 0;}
.nazev     { color: navy; font-size: 85%; font-weight: bold; margin-top: -13px;}
.datum     { margin: 0 12px 0 12px; color: purple; font-weight: bold; }
.team      { color: green; font-size: 65%; }

/* fotogalerie */
#galer                  { color: #000; }
#galer .radek           { clear: both; }
#galer .radek .nahledy  { float: left; text-align: center; width: 150px; height: 120px; border: 1px solid #ddd; padding: 4px; margin: 10px 10px; background: #eee; border: 1px solid #bbb; border-radius: 3px; box-shadow: 3px 3px 4px #aaa;}
#galer .radek .nahledy img {outline: 2px solid white; outline-offset: -2px; }
#galer .status {
	position: absolute;
	margin-top: -16px;
	width: 150px;
	font-weight: normal;
	text-align: center;
	color: white;
	background-color: black;
	opacity: 0.7;
	filter: alpha (opacity=60);
}
/* konec fotogalerie */

ul          { padding: 10px 0 0 30px }
li          { color: #222; margin-bottom: 3px; }

/* tabulky */
table             { border-collapse: collapse; width: 93%; margin-top: 7px; margin-left: 20px;}
#table tr:hover    { background: #eef;}
table tr.add td,
table tr.add th   { padding-left: 10px; padding-right: 10px; border: 1px #d8d8d8 solid;}
table tr.even td,
table tr.even th  { padding-left: 10px; padding-right: 10px;}
table .tlac       { background: #fff; margin: 2px 0 2px 20px; padding: 0 15px; border: 1px solid #bbb; }
table .on         { padding-right: 1px; padding-left: 1px; border-top: #aaa 1px solid; }
/* konec tabulky */

/* formuláře */
.form                 { font-size: 90%; color: #111; text-align: left; border: 0px #d8d8d8 solid;}
.form textarea, input { margin: 5px 5px 5px 5px;}
.form textarea        { font-size: 110%; overflow: auto; resize: vertical;}
.form .input          { height: 22px; background: #eef; border: 1px solid #aaa; float: left; -webkit-box-sizing: border-box;}
.form input:focus     { outline: 2px solid red; outline-offset: -2px;}
.form select:focus    { outline: 2px solid red; outline-offset: -2px;}
.form textarea:focus  { outline: 2px solid red; outline-offset: -2px;}
.form .tlac           { height: 20px; margin-left: 30px; background: #eef;}
.form h3,h4           { text-align: center;}
.form .pos            { margin-left: 20px;}
/* konec formuláře */


/* nápověda */
.npv  { border-bottom:1px dotted #333; }
span.tooltip { behavior:url('hover.htc'); cursor:help; position:relative; margin:0 0 0 0; }
span.tooltip div { behavior:url('hover.htc'); text-align:justify; visibility:hidden; min-width:250px; _width:250px; font-weight:normal; padding:15px; border:1px solid #cccccc; -moz-border-radius:12px; background:#ffffcc; position:absolute; top:1.35em; left:1.6em; }
span.tooltip strong { display:block; margin:5px 0 0 0; }
span.tooltip strong:first-child { margin:0; }
span.tooltip:hover div, span.tooltip.hover div { visibility:visible; z-index:10; }
span.tooltip div:hover, span.tooltip div.hover { visibility:hidden; }

/* sloupcovy graf a znacky */
.card {width: 900px; height: 325px; position: relative; border:0px solid #4682b2;}
.back {position: absolute; width: 240px; height: 20px; top: 10px; left: 2px; z-index: 0;}
.cont {position: relative; width: 9px; height: 25px; float: left; border:0px solid #4682b2;}
.bar  {position: absolute; width: 8px; left: 0; z-index: 1;}
.mark {position: absolute; width: 7px; height: 8px; left:1px; z-index:2;}
.cena {position: absolute; width: 880px; height: 10px; left:2px; z-index:3; color: #4682b2; border:0px solid #4682b2;}

/* Boxes */

.case {
	clear: both;
	min-height: 150px;
	border: 2px solid #4682b2;
	margin: 15px 55px 25px 35px;
	padding: 12px 24px;
	background: #f0f0ff;
	border-radius: 4px;
	box-shadow: 3px 3px 4px #aaa;
        width: 300px;
}

.box-content {
	background: #fefefe;
	border: 1px solid #ddd;
	margin: 10px 0;
	padding: 5px 10px;
  text-align: center;
}

.box-info,
.box-password,
.box-warning,
.box-hint,
.box-download {
	background: #fefefe;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 10px 0 10px 0;
	padding: 5px 30px 5px 60px;
}

.box-info {
	min-height: 1600px;
	background: #ebf5fa url(../img/ico/info.png) 3px 5px no-repeat;
	border-color: #d2dce1;
}

.box-password {
	background: #ebf5fa url(../img/ico/info.png) 3px 5px no-repeat;
	border-color: #d2dce1;
}

.box-warning {
	background: #fff0eb url(../img/ico/warning.png) 0 5px no-repeat;
	border-color: #ffd7cd;
}

.box-hint {
	background: #fffae6 url(../img/ico/hint.png) 0 5px no-repeat;
	border-color: #fae6be;
}

.box-download {
	background: #faffe6 url(../img/ico/down.png) 0 5px no-repeat;
	border-color: #dce6be;
}
/* konec Boxes */