@media screen, projection {
body            { color: #666; background-color: #a09b86; background-image: url("images/bgprech.gif"); background-repeat: repeat-x; background-position: 0 top; text-align: center; margin: 0; padding: 0; border-top: 10px solid #fff }
#content        { text-align: left; margin-top: 0; margin-right: auto; margin-left: auto; width: 800px }
#ram            { background-image: url("images/bgin2.gif"); background-repeat: repeat-y; background-position: center 0; margin: 0; padding: 0; border-style: none solid solid; border-width: 0 10px 10px; border-color:  #fff #fff }
h1       { background-image: url("images/header2.jpg"); background-repeat: no-repeat; margin: 0; padding: 0; height: 136px }
h1 span   { display: none; margin: 0; padding: 0 }
h2          { color: #369; font-size: 1.4em; margin-top: 5px; padding-top: 0; padding-bottom: 3px; border-bottom: 2px solid #fff }
h3        { color: #369; font-size: 1.3em; margin: 1em 0 0.5em; padding: 0 0 3px; border-bottom: 1px solid #fff }
p  { text-align: justify }
a { color: #69c; text-decoration: underline }
a:hover { color: #da0b00; text-decoration: underline }
img { background-color: #fff; padding: 5px; border: solid 1px #663 }
ul   { margin: 20px 0 10px 10px; padding: 0 }
ul li  { list-style-type: none; list-style-image: none; margin: 0; padding: 0 }
.fl_left  { margin-right: 10px; margin-bottom: 0; float: left }
.fl_right { margin-bottom: 10px; margin-left: 10px; float: right }
.cleaner     { font-size: 1px; line-height: 1px; margin: 0; padding: 0; float: none; clear: both }
.cleaner_r      { font-size: 1px; line-height: 1px; margin: 0; padding: 0; float: none; clear: right }
/* navigace - levy sloupec */
#left         { margin: 0; padding: 0; width: 220px; float: left }
.nav_nadpis      { color: #369; font-size: 1.2em; font-weight: bold; margin: 0; padding: 0 0 0; border-bottom: 1px dotted #69c }
#left ul    { margin: 0 10px 10px; padding: 0 }
#left ul li     { color: #da0b00; list-style-type: none; list-style-image: none; margin: 0 0 0 10px; padding: 0 }
#left ul li a         { color: #666; font-weight: normal; text-decoration: underline }
#left ul li a:hover        { color: #da0b00; font-weight: normal; text-decoration: underline }
#left p   { margin: 5px 10px }
	#flag  { margin-left: 10px }
	#flag img    { margin: 0; padding: 0; border: solid 2px #fff }
	#flag a    { text-decoration: none; margin: 0; padding: 0; border-width: 0 }
	/* hlavni obsah */
* html #main { height: 1%  } /* http://www.positioniseverything.net/articles/hollyhack.html */
#main                      { display: block; margin: 0 30px 20px 250px; padding: 0 }
#floater { margin: 0; padding: 0; width: 100%; float: left; border-width: 0 }
.floater { width: 100%; float: left }
.copy                 { color: #999; font-size: 0.7em; background-color: #fff; background-image: url("images/2mlogo.gif"); background-repeat: no-repeat; background-position: 5px center; text-align: center; margin: 10px auto 5px; padding: 5px 0; width: 800px; border: solid 1px #d7d7d7 }
.copy p    { text-align: center; margin: 0; padding: 0 }
.copy a   { color: #999; text-decoration: none }
.copy a:hover   { color: #da0b00; text-decoration: underline }
.small a   { text-decoration: underline }
.d3 { font-size: 0.8em; background-color: transparent; text-align: center; margin: 0 10px 0 0; padding: 5px; width: 140px; height: 160px; float: left; border-style: solid; border-width: 10px 1px; border-color: #dfd9c1 #fff }
.d3 img  { margin-top: 5px; margin-right: auto; margin-left: auto }
.d2 { width: 49%; float: left }
.obald3        { padding-bottom: 10px; width: 495px; height: 170px }
/*forms */
form       { background-color: #ebe5db; margin: 0; padding: 10px 5px; border: solid 1px #663 }
form#enoviny       { background-color: transparent; margin: 0; padding: 10px 5px; border-width: 0; }

form p  { margin: 0 0 5px; padding: 0 }
fieldset { margin: 0; padding: 0; border-width: 0 }
select  { width: 250px }
label  { font-weight: bold; text-align: right; margin-right: 0.5em; padding-top: 0.2em; width: 40%; float: left }
input    { border: solid 1px #dfd9c1 }
textarea  { width: 200px; border: solid 1px #dfd9c1 }
.nodisp { display: none; }
.chyba  { color: #000; font-weight: bold; background-color: #f30; padding: 10px; border-top: 1px dotted #000; border-bottom: 1px dotted #000  }
/* -------------- */
table                 { text-align: left; margin: 5px 0; padding: 0; width: 495px; border: none; border-collapse: collapse                 }
th         { background-color: #dfd9c1; padding: 2px 5px; width: 50%; border-style: solid; border-width: 1px 0; border-color: #e8ebf0 }
td        { background-color: #dfd9c1; padding: 2px 5px 2px 10px; border-style: solid; border-width: 1px 0; border-color: #e8ebf0 }
.odd-tab { background-color: #fff; text-align: center; border-width: 0; border-color: #fff }
.red    { color: #f30 }
.blue { color: #369 }
.popis   { background-color: #fffbf0 }
/* ----------- */
 .card-l                  { font-size: 75%; background: #dfd9c1; margin: 0 0 0 150px; padding: 10px; width: 320px; border: solid 1px #999 }
.card-title     { color: #666; font-size: 130%; margin: 0 0 5px }
.card-photo      { margin: 0; padding: 0 }
.card-desc  { font-size: 100%; text-align: left; margin: 0; padding: 0 }
.card-info  { color: #666; font-size: 90%; text-align: right; margin: 0; padding: 0 }


/* ------------- */
.kur  { font-size: 80%; font-style: italic }
.seznam-radek    { width: 130px }
.prefer td   { background-color: #e6dace }
.foto       { background-color: transparent; text-align: center; padding: 5px; width: 120px; border-style: solid dotted solid solid; border-width: 1px; border-color: #fff }
.popis       { background-color: transparent; padding: 5px; border-style: solid solid solid none; border-width: 1px 1px 1px 0; border-color: #fff }
.mini     { font-size: 9px; font-weight: normal; margin: 0; padding: 0 }
.mini a      { color: #666; text-decoration: none; cursor: default }
.mini a:hover     { color: #666; text-decoration: none; cursor: default }
.rez { background-color: #f9f9e8; padding: 5px; border: solid 1px #f30 }
.zavolat                { font-size: 80%; background-color: transparent; text-align: left; width: 130px; float: left; border: solid 1px #666 }
.odeslat          { color: #fff; font-size: 12px; font-weight: bold; background-image: url("images/tlacitko.gif"); background-position: 0 center; cursor: pointer; margin-top: 10px; margin-bottom: 5px; width: auto; height: 25px; border: solid 1px #666 }
.bbox  { background-color: #ffc; height: 1% }

/*cycle*/
#header_slide {
	width: 497px;
	height: 200px;
	margin: 10px 0;
	overflow: hidden;
}	
#header_slide img {
	border: 0 none;
	padding: 0;
}

}

@media print {
body {font: 12pt/1.5em sans-serif; color: #000}
.noprint {display:none}
}