@media screen,projection{

/* OBECNE */
body,ul,li,div,h1,h2,h3,a,p,ul,li,ol,form,fieldset,table,td,th,img,hr {margin:0; padding:0; border:0; color:#321;}
body{
background:#eee; text-align:center; font-family: 'Roboto', sans-serif;
}
a{
color:#006fad; text-decoration:none;
}
a:hover {
color:#eb6d25; background:transparent; text-decoration:none;
}
h1{
margin-bottom:0.35em; font-size:180%; font-weight:normal;
}
h2{
margin-bottom:0.6em; border-bottom:#430 solid 1px; font-size:150%; font-weight:normal;
}
h3{
margin-bottom:0.5em; color:#e46b25; font-size:110%; font-weight:bold; line-height:144%;
}
p, ul, ol{
margin-bottom:1.2em; line-height:144%;
}
ul{
margin:0 0 1em 1.9em; list-style-position:outside; list-style-type:square;
}
ol{
margin:0 0 1em 1.9em;
}
hr{
color:#d6dbe0; background:#d6dbe0; height:2px; margin:0 0 8px;
}
table{
margin-bottom:15px; border:#E9EBF3 solid 2px; font-size:100%;
}
th, td{
padding:2px 6px; background:#E9EBF3;
}
.ne{
display:none;
}

/* formulare */
fieldset{
margin-bottom:1em; padding:1em; _padding:0.1em 0.8em 1em 1em; border:1px solid #D3D8E7;
}
legend{
padding:0 0.2em; color:#4769c1; font-weight:bold; background:#fff;
}
input,textarea,select{
border:silver solid 1px; color:#430; font-family:sans-serif;
}
textarea{
width:100%; _width:99%; overflow:auto;
}
input.submit{
padding:1px 3px 0px; _padding:0; color:#fff; background:#798BB4; border:2px solid; border-color:#a8b4ce #556999 #556999 #a8b4ce;
}


/* BLOKY */
#vrch{
margin:0.5em auto; width:94%; max-width:66em; height:1em; text-align:right;
}
#strip1{
margin:0 auto; padding:0; width:100%; text-align:centre; background:#b8d6ff;
}
#strip2{
margin:auto; padding:auto; width:100%; max-width:67em; 
}
#strip3{
margin:auto; padding:auto; width:100%; height: 0.4em; background:#666fff;
}
#strip4{
margin:0.5em auto; width:90%; max-width:66em; height:1em; text-align:left;
}
#ram1{
margin:0 auto; padding:0; width:100%; max-width:67em; text-align:left; box-shadow: 1px 1px 7px 1px #d0d0d0; background:#fff;
}
#obsah{
padding:2em; _padding:0.3em 0 0.6em; _width:100%; _height:10em; min-height:10em; position:relative; background:#fff;
}
hr.konec{
margin:-1px 0 0; height:1px; border:none; visibility:hidden; clear:both;
}


/* HLAVICKA */
#hlava-cz {
min-height:7.5em; position:relative;
}
#hlava-cz a {
color:#fff;
}
#hlava-cz a:hover {
background:#eb6d25;
}

/* LOGA */
.logo-hlava {
    height:6.8em; width:96%; display:inline-block; margin:0.25em 1em; background-repeat:no-repeat; background-position:left center; background-size:contain; float:left;
}
.cgs-hlava {
    background-image: url('soubory/obrazky/logo/CGS-hlava.svg');
}
.no-svg .kgg {
    background-image: url('soubory/obrazky/logo/kgg.png');
}
.logo-pata-cs {
    width:16em; height:4.95975em; display:inline-block; margin:0 2em; background-repeat:no-repeat; background-position:center center; background-size:contain;
}
.up-cs {
    background-image: url('soubory/obrazky/logo/up-cs.svg');
}
.no-svg .up-cs {
    background-image: url('soubory/obrazky/logo/up-cs.png');
}
.logo-error {
   width:15.6em; height:16em; display:inline-block; margin:3em 2em; background-repeat:no-repeat; background-position:center center; background-size:contain;
}
.error {
    background-image: url('soubory/obrazky/logo/404.svg');
}
.no-svg .error {
    background-image: url('soubory/obrazky/logo/404.png');
}


/* OBSAH */
p#drobecky{
font-size:x-small;
}
#obsah-pata{
margin:0; padding:0 0.5em; text-align:right;
}

/* obrazky */
.pdf-icon{
border:0 !important; background:#fff !important; vertical-align:middle;
}
.obr-cisty{
padding:0 !important; border:0 !important; background:#fff !important;
}
.obr-lem{
padding:0 !important; border:#ccc 1px solid !important; background:#fff !important;
}
.obr-vlevo{
margin:0 5px 5px 0; float:left;
}
.obr-vpravo{
margin:0 0 5px 5px; float:right;
}
.obr-vlevo-cisty{
padding:0 10px 10px 0 !important; border:0 !important; background:#fff !important; float:left;
}
.obr-vpravo-cisty{
padding:0 0 10px 10px !important; border:0 !important; background:#fff !important; float:right;
}
.obr-vlevo-popis{
margin:0 5px 5px 0; padding:2px; float:left; text-align:center;
}
.obr-vpravo-popis{
margin:0 0 5px 5px; padding:2px; float:right; text-align:center;
}
/*na vymaz*/
.obrazek-popisek-vlevo{
margin:0 5px 5px 0; padding:2px; float:left; text-align:center;
}
.obrazek-popisek-vpravo{
margin:0 0 5px 5px; padding:2px; float:right; text-align:center;
}
.obrazek-cisty-vpravo{
margin:0 0 5px 5px; padding:1px; border:0 !important; float:right; text-align:center;
}
#mapa img{
padding:0; border:0; background:#fff;
}


/* elastické obtékání blok? */

.floatleft {
float:left; margin:0 2em 0 0; max-width:40em; overflow:auto;
}
.floatleft-narrow {
float:left; margin:0; max-width:18em; overflow:auto;
}
.floatright {
float:right; margin:0 1em;
}
.float-tile {
float:left; margin:1em; width:7em; height:auto;
}
.floatpata {
float:left; margin:0 3em 0 0; min-width:30em; overflow:auto;
}

/* odkazové dlaždice */
.tile {
float:left; width:10em; height:10em; padding: 0 0.5em 0.5em 0;
}
#link {
float:left; width:4em; padding:0.5em; margin: 0.5em; text-align:center; border:1px #00f solid;
}
#link a{
color:#00f;
}
#link a:hover{
color:#f66;
}

/* specialni tabulka - cista */
table.t-cista{
margin:0; border:0; border-collapse:collapse;
}
table.t-cista th, table.t-cista td{
border:0; padding:0; background:transparent; vertical-align:top;
}
table.tab-p{
text-align:center;
}
th.nezlom, td.nezlom{
white-space:nowrap;
}
td.tab-z, th.tab-z{
text-align:left;
}
td.tab-p, th.tab-p{
text-align:center;
}
th.nezlom-r, td.nezlom-r{
white-space:nowrap;text-align:right;
}
td.tab-r, th.tab-r{
text-align:right;
}
td.tab-bottom{
vertical-align:bottom;
}
td.tab-top{
vertical-align:top;
}

/* boxy */
.ramecek{
margin-bottom:10px; padding:15px; border:#D3D8E7 solid; border-width:0 1px 1px 0; background:#F4F5F9;
}
.ram-lide{
margin-bottom:16px; min-height:140px;
}
.ram-lide img{
margin-right:15px; padding:0; border:0;
}
.ram-lide p{
margin:0;
}
.ram-pozor{
border:1px dotted #c36; color:#c36; background:#fcf1f4;
}
.ram-rss{
padding-bottom:0;
}
.ram-rss ul{
margin-left:24px; list-style:none 0px center url("./images/g1styl/odrazka-rss.gif");
}
.ram-rss li strong{
font-size:120%;
}
.ram-volby{
border:3px dotted #4769c1; color:#222; background:#ffc; margin:10px; padding:10px;
}

/* PATA */
#pata-strip1{
margin:0 auto; padding:0; width:100%;
}
#pata-strip2{
margin:auto; padding:auto; width:100%; max-width:67em; text-align:left;
}
#pata{
padding:2em; width:100%; max-width:67em; text-align:left; font-size:90%; 
}
#pata p, a{
color:#666;
}
#pata a:hover{
color:#222; background:none; text-decoration:none;
}


/* EXTRA */


/* hledani */
#hledani-info{
margin-left:10px; font-size:9px;
}
#hledani-info img{
padding:0; border:0; background-color:#fff;
}
#hledani iframe{
width:99%; height:86em; _height:126em; overflow:auto;
}


@media print{
body{color:#000000; font-family:serif;}
a{color:#696969;}
a img{border-color:#696969;}
div#ram1{padding:0; background:none;}
div#hlava-cz,div#hlava-en{border-bottom:#696969 dotted 2px; font-size:70%;}
div#hlava-cz h2,div#hlava-en h2{display:inline;}
div#hlava-cz a,div#hlava-en a{text-decoration:none;}
div#vrch,div#nav,div#bok,div#hlava-cz p,div#hlava-en p,p#obsah-spodek a,p#obsah-spodek script,hr.konec,p#pata{display:none;}
}