﻿y {color: yellow;}

/* 
#666666 tmave seda 
#999999 svetle seda
#E0E0E0 nejsvetlejsi seda
#00AEEF modra z loga
#DA7B01 oranzova
*/

html {overflow: -moz-scrollbars-vertical;}

body {background-color: white; text-align: center; margin: 0 auto;
	font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0.8em; color: #666666;}
body * {margin: 0; padding: 0px;}

h1 {margin-left: 5px; font-size: 110%; color: #333333;}
#obsah h1 {margin-bottom: 8px;}
#obsah ul {margin-left: 23px; list-style-type: disc;}
#obsah ul li {padding-top: 10px;}
h2 {margin-left: 5px; font-size: 100%; color: #333333; margin-top: 20px;}
p {padding: 5px; line-height: 150%;}
ul {padding-bottom: 10px;}
img {border: 0;}
a {color: #666666;}
a:hover {color: #00AEEF;}
strong {color: #666666;}
.mapaserveru strong {color: #DA7B01;}
.mensi, .mensi2 {font-size: 90%;}
p.mensi2 {margin-top: 20px; _margin-top: 0px; _clear: both;}
.vedle {width: 140px; float: right;}
.vedle a {text-decoration: underline;}
img.ilu {border: solid 1px #E0E0E0; padding: 3px;}
a img.ilu {border: solid 1px #DA7B01; margin-left: 8px;}
.vpravo {text-align: right;}
td img {margin: 3px;}
.ram {border: solid 1px #D0D0D0;}

#main {width: 778px; text-align: left; background: url("images/bckgrnd.gif") repeat-y; margin: 0 auto;}

#main .matrjoska {background: url("images/head_big.jpg") no-repeat; margin: 0 19px;}
#main .matrjoska2 {background: url("images/head_inside.jpg") no-repeat; margin: 0 19px;}

a#mapaserveru {display: block; float: right; margin: 5px; 
	text-decoration: none; font-size: 80%; color: #999999;}
a#mapaserveru:hover {border-bottom: solid 1px #E0E0E0;}
a#home {display: block; float: right; margin: 44px 10px 5px 5px; color: #999999; text-decoration: none;}
a#home:hover {color: #00AEEF;}

#logo {margin: 12px 0 0 34px;}

#menu {width: 740px; _width: auto; margin: auto;}
#menu a, #menu img {display: block; float: left; margin: 215px 13px 5px 13px; _margin: 215px 11px 5px 11px; 	padding: 3px 0; text-decoration: none; font-size: 90%; color: #999999;}
#menu img {padding: 0; mardin: 215px 0 0 0;}
#menu a:hover {color: #00AEEF;}

.matrjoska2 #menu a, .matrjoska2 #menu img {margin-top: 42px;}

#obsahhome {clear: both; background: url("images/bc_obsahhome.gif") repeat-x bottom; height: 160px; text-align: center; width: 740px; margin: auto;}
#obsahhome img {margin: 24px 5px 0 30px;}

#obsahinside {text-align: left; clear: both; background: url("images/bc_obsahhome.gif") repeat-x bottom; padding: 6px 10px 10px 10px; }

#otviracky {padding: 0 0 0 20px;}
#otviracky table {width: 99%;}
#otviracky td {width: 33%; color: #999999; padding: 8px; font-size: 85%; text-align: left; line-height: 150%;}
#otviracky td strong {font-weight: normal;}
#otviracky div {font-size: 80%; text-align: center; padding: 15px;}

#podmenu {background: url("images/bc_nabidka.jpg") no-repeat; padding: 4px 0 0 10px; font-size: 85%; color: #00AEEF; width: 120px; _width: 140px; float: left;}
#podmenu ul {list-style-type: none; margin-top: 10px; margin-left: -10px;}
#podmenu ul li {background: url("images/bc_podmenu.gif") no-repeat; padding: 0 0 5px 10px;}
ul a {color: #DA7B01; text-decoration: none;}
ul a:hover {text-decoration: underline;}
#podmenu ul li ul {margin-top: 3px; margin-left: 0px;}

#obsah {margin: 0 170px 0px 145px; _height: 300px; min-height: 300px; padding-bottom: 20px; font-size: 90%; }
#obsah a {color: #DA7B01;}
#kontext {float: right; width: 155px;}
#kontext div {background: url("images/bc_nabidka.jpg") no-repeat; padding: 4px 0 0 10px; font-size: 85%; color: #00AEEF; margin-top: 10px;}

#kontext ul li {background: url("images/bc_podmenu.gif") no-repeat; padding: 0 0 5px 10px;}

#pata {clear: both; width: 778px; background: url("images/pata.gif") no-repeat; margin: 0 auto; padding: 3px 0; font-size: 70%; text-align: right;}
#pata a {text-decoration: none; color: #c0c0c0;}
#pata a:hover {color: #999999;}

#preload {background: url("images/head_big.jpg") no-repeat; position: absolute; top: -100px; visibility: hidden;}

.arial {font-family: Arial;}
sup {font-size: 90%;}


@media print {

#main {width: 100%;}
* {font-family: Times; font-size: 1em; background: none;}

a#mapaserveru, a#home, .matrjoska2 #menu, #podmenu, #kontext div {display: none;}

#obsahinside {border: solid 1px gray; border-right: 0; border-left: 0; margin-top: 15px; padding-top: 15px;}
#obsah {margin: 0 170px 0 0;}



h1 {font-size: 1.4em!important;}
h2 {font-size: 1.1em!important;}
div {background: none; overflow: hidden!important;}
td input {border: none!important;}
td label {font-size: 0.8em!important; color: maroon; display: block; page-break-inside: avoid!important;}
#layoutTopBlockC, #layoutNavigBlockC, .searchFormC, #topRowOne, #layoutBottomBlockC {display: none;}

#layoutRootC, #ContentBlockC, #ContentBlock, #layoutMiddleBlockC, #layoutContentBlockC {width: 100%;}
#ContentBlock {padding: 0;}

div.zaznam textarea {width: 90%; height: auto;}

}

