/* CSS Document */

/*tisk*/
h1,h2,h3,h4,h5,h6
{page-break-after: avoid;}
@media print /**/{
 body
      {color: black;
      background: white;
	  font-family: "Verdana CE", "Verdana", "Arial CE", "Helvetica CE", "Arial", "Helvetica", "sans-serif";
      font-size: 12pt;}
  .nadhlavicka {display: none;}
  .hlavicka {display: none;}
  .podhlavicka {display: none;}
  .uzounek {display: none;}
  .prouzek {display: none;}
  .kosatka {display: none;}
  .vlnka {display: none;}
  .levy-sloupec {display: none;}
  .pravy-sloupec {display: none;}
  .mensi_vykres {display: none;}
  #pocitadlo {display: none;}
  .paticka {display: none;}
  .prostredni-sloupec {position: static; border: 0;}
  .prostredni-fotogalerie {position: static; border: 0;}
  .zalomeni-tisk {page-break-before: always;} 
  a:after {content: " [" attr(href) "] ";}
 }
 
 .titulka { 
	float: left;
	width: 500px;
	height:125px;
	margin: 8px 8px 12px 8px;
	padding: 5px 5px 8px 5px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
.galerie {
	float: left;
	width: 110px;
	height:110px;
	margin: 10px 10px 10px 10px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}


div#menu li {
	margin: 0;
	padding: 0;
	
}
div#menu ul {
	margin: 1em 0.5em 0em 1.2em;
	padding: 0 0 0 0em;
	font-size: 89%;
	list-style-type: disc;
	list-style-image: url(images/sipka3.gif);
}
div#menu1 ul {
	margin: 1em 0.5em 0em 1.2em;
	padding: 0 0 0 0em;
	font-size: 89%;
	list-style-type: disc;
	list-style-image: url(images/sipka.gif);
}
div#menu ul ul {
	margin: 0 0 0.3em 1em;
	padding: 0.1em 0 0 0.5em;
	font-size: 100%;
	list-style-image: url(images/sipka2.gif);
	list-style-type: square;
}


h1 {
	font-size: 200%;
	color: #000000;
	margin: 10px 0px 0px 110px;
	padding: 0;
}
h2 {
	font-size: 140%;
	color: #CC0099;
	margin: 0;
	padding: 1em 0 1em 0em;
}
h3 {
	margin: 0;
	padding: 0 0 0em 2em;
	font-size: 100%;
}

p {margin: 0; padding: 0 0 1.5em 2em;}
.p {margin: 0; 
    padding: 0;
	font-size: 88%;}/* nastavení titulky */
	
span { /* tlacitko zpet - vykresy */
	margin: 0 0 0 18em;
	padding: 0;
	font-size: 70%;
	font-weight: bold;
}	
.spot {
	margin: 0 0 0 1.2em;
	padding: 0;
	font-size: 80%;
	font-weight: bold;
	color: #3366CC;
}

embed {margin: 5px 30px 0 0; 
    padding: 0;/* reklamní spot */
}
	
hr {
	color: #CCCCCC;
	height:1px;
	margin: 0 5px 0 5px; 
    padding: 0;
}
.nic {/* neviditelná cara */
	color: #FFFFFF;
	height:0px;
	width:0px;
	margin: 0; padding: 0;
}
.mensi-prouzek { /*kontakt v pruhu nahore */ 
	color: #000000;
	font-size:85%;
	font-weight: normal;
	text-align: right;
	padding: 0.2em 1em 0 0;
}
.mezera-h {margin: 0; padding: 0 0 0.4em 0;}
.border { /* ramecek a odsazeni u obr. mimo galerie */
	color: #999999;
	border: 1px solid #999999;
	margin: 5px;
	float: right;
}
.border1 { /* odsazeni u obr na str. oceanic */
	margin: 0 10px 5px 10px;
	float: right;
}
.border3 { /* ramecek a odsazeni u obr. na str. protiproudy */
	color: #999999;
	border: 1px solid #999999;
	margin: 0px 5px 0px 5px;
	float: right;
}
.zarovnani { /* zarovnani a ramecek doleva obr. v titulce */
	border: 1px solid #000000;
	float: left;
	margin: 0px 8px 0px 4px;
}	
.mezera-podpis { /* str historie */
	margin: 0;
	padding: 0 0 1.5em 15em;
	font-style: italic;
}
.pocitadlo { /* zarovnani pocitadlo */
	float: left;
	margin: 10px 0px 0px 5px;
}

/* uprava seznamu */
li {
  margin: 0; padding: 0em;
}
ul {
  margin: 0em 0 1.5em 3em; padding: 0 0 0 0.5em;
  list-style-type: disc;
}
ul ul {
	margin: 0 0 0.3em 1em;
	padding: 0 0 0 1em;
}/* konec seznamu */

a {text-decoration: none;}
a:link {color: #3300CC;}
a:visited {color: #CC00CC;}
a:hover {color:red; text-decoration: underline;}
a:active {color: #FF0000;}	

/* uprava tabulky */
table {
    table-layout: auto;
    width: 520px;
    border-collapse: collapse;
	border: 1px;
	background-color: #3399FF;
	margin: 0.5em 0 3em 2.5em;
	font-size: 88%;
	} 
#prvniSloupec {
	 padding: 0 1em 0 1em;
}
#druhySloupec {
	padding: 0 1em 0 1em;
	width: 100px;
	text-align: right;
}

thead {
	font-weight: bold;
	font-size: 110%;
}
td {
	border: 1px solid #3399FF;
	background-color: #FFFFFF;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	
}
th {
	background-color: #FFFFFF;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-top: 1px solid #3399FF;
	border-right: 1px solid #3399FF;
	border-bottom: 2px solid #3399FF;
	border-left: 1px solid #3399FF;
	color: #3333FF;
}
caption {
    text-align: left;
	padding: 0 0 0.1em 20px;
}
.barva {
	background-color: #FFCCFF;
    
}

/* uprava tabulky ve vyskakovacím okně*/
.table {
	table-layout: fixed;
	width: 450px;
	height: 410px;
	border-collapse: collapse;
	background-color: #66ccff;
	margin: 0;
	text-align: center;
	vertical-align: top;
	border-top: 4px solid #3333cc;
	border-right: 1px solid #3333cc;
	border-left: 1px solid #3333cc;
}
.tlacitka{
	table-layout: fixed;
	width: 450px;
	height: 32px;
	background-color: #FFFFFF;
	border-collapse: collapse;
	margin: 0;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #3333CC;
	border-bottom: 3px solid #3333CC;
	border-left: 1px solid #3333CC;
}
.td {
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: top;
	background-color: #ffffff;
}
.bezPozadi{/* tam, kde neni potreba bile pozadi */
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: top;
	background-color: #66ccff;
}

#prvniPolicko {
     width: 185px;
	 text-align: right;
	 padding: 0;}
#druhePolicko {
	width: 80px;
	padding: 0;
}
#tretiPolicko {
	width: 185px;
	text-align: left;
	padding: 0;
}	 
