@media screen,tv,projection {
/** {margin: 0; padding: 0}*/
html {margin:0;padding:0;}
body {font-size: 9pt; font-family:"Arial CE",Arial,"Helvetica CE",Helvetica,sans-serif; background: #99CC99 url("pdesign_image.php?lang=1&name=body.gif") repeat-x top; color: #000; text-align: left;margin:0;padding:0}
#page { width: 780px; text-align: left; position: relative; background: #99CC99}
ul, p, div {margin:0;padding:0;}
/* hlavicka */
#head { position: relative;  width: 780px}
#head img { position: absolute;  left: 13px;  top: 29px;  width: 172px;  height: 52px}
#head p#sc { position: absolute;  left: 200px;  top: 0;  width: 580px;  height: 80px;  background: #fff;}
#head p#sc span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff url("pdesign_image.php?lang=1&name=head2.gif") no-repeat}
#head p#lang { position: absolute;  left: 20px; top: 10px;  color: #fff}

/* jazykove mutace */
p#lang a { color: #fff;  text-decoration: none;  font-weight: bold}
p#lang a:hover { text-decoration: underline}

/* kostra pro vlastni obsah */
#pad { background: #fff url("pdesign_image.php?lang=1&name=r-roh.gif") no-repeat right top;  width: 600px;  height: auto;  float: left;  margin: 110px 0 0 0;text-align:center}
#pad2 { background: url("pdesign_image.php?lang=1&name=s-roh.gif") no-repeat right bottom;  text-align: center}
#pad3 {width:560px;text-align:left;padding:0 0 15px 0;margin:0 auto}
#pad3 #category {margin:15px 0 10px 0}
#pad2 h2 a {text-decoration: none}
#pad2 h2 a:hover {text-decoration: underline}
#pad2 a { color: #000}
#pad2 a:hover { text-decoration: none}
#pad2 ul { margin: 0 0 0 30px;  padding: 0 0 20px 0}
#pad2 ul ul { padding: 5px 0 5px 0}
#pad2 ul.ul_green { color: #99CC99}
#pad2 ul.ul_green span { color: #000}
#pad2 ul.ul_obr { list-style-image: url(../img/bullet.gif)}
#pad2 p {margin: 0 0 15px 0;padding: 0}




/* tabulka, nastaveni centrovani ve vlastnim textu - obrazky */
table {font-size:100%;}
div.center {text-align: center; width: 100%; padding: 0 0 20px 0}
div.center img {margin: 0 auto}


/* prave menu */
#rightmenu { width: 165px;  height: auto;  float: left;  margin: 110px 0 0 15px;  float: right}
.rightmenu { width: 165px;  height: auto;}
#rightmenu img { margin: 15px 0 0 0}
#rightmenu form { padding: 16px 0 20px 0}
#rightmenu form fieldset #text  { padding: 0; border: 0;  width: 110px; margin: 0 0 10px 0; height: 18px; font-size: 11px}
#rightmenu form fieldset #send { padding: 0; border: 0; width: 50px; margin: 0 0 8px 0; background: transparent url("pdesign_image.php?lang=1&name=search.gif") no-repeat; cursor: pointer;}
#rightmenu fieldset {border: 0}
#rightmenu form p { padding: 0 0 5px 0}
#rightmenu form a { color: #336633;  text-decoration: none}
#rightmenu #link a { color: #336633;  text-decoration: underline}
#rightmenu #link a:hover { color: #ffffff;  text-decoration: underline}
#rightmenu form legend { display: none}

/* navigace - horizontalni menu */
#nav {position: absolute; left: 200px; top: 88px; margin: 0; padding: 0; z-index: 4; width: 575px; height: auto}

/* rychla navigace */
#pad2 #fast_nav { margin: 0 0 15px 0;  padding: 7px 0 0 0;  font-size: 90%; color: #999}
#pad2 #fast_nav a { color: #999;  text-decoration: none}
#pad2 #fast_nav a:hover {text-decoration: underline}

/* paticka */
#footer { height: auto;  float: left; font-size: 12px; width: 580px;  padding: 7px 0 7px 0;  margin: 0 0 0 20px;  display: inline}
#footer a, #footer span { color: #336633; font-weight:bold;}
#footer a:hover { text-decoration: none; font-weight:bold;}

/* seda barva - pouzita v paticce webu */
.grey {padding-top:3px;}
.grey, #footer p.grey a {color: #666;  text-decoration: none}
#footer p.grey a:hover { text-decoration: none}

/* odkaz na ISO normu v horni casti webu */
#link_iso { position: absolute;  left: 21px;  top: 88px}
#link_iso a { color: #fff;  text-decoration: none;  font-weight: bold;  font-size: 12px}
#link_iso a:hover { text-decoration: underline}

/* uvitace sedy obdelnik na indexu */
#welcome {background: #ccc url(../img/w-rb.gif) no-repeat right bottom;  margin: 27px 0 20px 0;  position: relative;  width: 100%}
#w_lt { background: url(../img/w-lt.gif) no-repeat left top;  width: 100%}
#w_rt { background: url(../img/w-rt.gif) no-repeat right top;  width: 100%}
#w_lb { background: url(../img/w-lb.gif) no-repeat left bottom;  width: 100%}
#w_pad { padding: 10px}
#w_pad h1 { margin: 0;  font-size: 135%;}
#w_pad strong { display: block;  margin: 3px 0;  font-size: 115%}

/* boxy se zaoblenymi ctverci, pouzito na indexu */
div.square_box { position: relative;  color: #336633}
div.square_box div { margin: 0 0 0 64px}
#pad2 div.square_box h2 { margin: 0}
#pad2 div.square_box h2 a { font-size: 80%;  color: #336633;  font-weight: bold;  text-decoration: none}
html>body #pad2 div.square_box h2 a { font-size: 90%}
#pad2 div.square_box h2 a:hover { text-decoration: underline}
div.or {background: url(../img/square-1.gif) no-repeat 4px 0px}
div.gr {background: url(../img/square-2.gif) no-repeat 4px 0px}
div.vi {background: url(../img/square-3.gif) no-repeat 4px 0px}


/* volne styly pro pripadne dostylovani dokumentu - zarovnani vlevo, vpravo ... */
.nw {white-space: no-wrap}
.left {text-align: left}
.right {text-align: right}
img.fleft {float: left; margin: 0 5px 20px 0}
img.fright {float: right; margin: 0 0 20px 5px}
hr, h4 { display: none}

/* zabranuje pri floatovani objektu, aby se to cele rozhodilo */
div.nofloat {clear: both; float: none; overflow: hidden; width: 1px; height: 1px}

#news-perex a:hover {color: #000; text-decoration: none;}
#news-head {Xpadding-left: 10px; font-size: 100%; margin-bottom: 2px; Xbackground-image: url("pdesign_image.php?lang=1&name=news.gif"); background-position: top left; background-repeat: no-repeat;}

#news-head-thin {font-size:9pt; font-weight:bold; padding-left:0px; padding-bottom:0px; margin-bottom:0px;}
#news-thin {padding-top:5px;}
#news-time {font-size:80%; color: #999; font-weight: normal; padding-left: 5px;}
#news-perex a:link, #news-perex a:visited, #news-perex a:active, #news-perex {font-size:100%; color: #333333; font-weight: normal; margin-top: 0px; text-decoration: none;}

#news-img {float:left; margin: 0px; padding-top: 2px; padding-right: 5px;}
#news-hr {clear: both; padding-bottom: 0px;}
#news-title-right, #attach-title {font-size: 9pt; margin:0px; padding:0px; padding-top:10px; color:#004080;}
#news-head-right {font-size: 100%; font-weight: normal; margin:0px; padding:0px; padding-top:5px; padding-left: 15px; background-image: url("pdesign_image.php?lang=1&name=design_head_col"); background-position: top left; background-repeat: no-repeat;}

#news-head a, #news-head a:link, #news-head a:visited, #news-head a:active {color: #006633; text-decoration: underline;font-weight:bold}
#news-head a:hover {color: #006633; text-decoration: none;}

.paginate {padding:0; margin:0; padding-top:10px;}
#attachments {padding:0.2em; border:none; text-align: left;}
#pad #logo_sc {width: 150px; height: 93px; margin: 10px 0 10px 50px; padding: 0; border: 0; background: url("pdesign_image.php?lang=1&name=logo_sc.gif");}
#attach {padding:10px; background: #f4f4f4}



}
@media print {
body {font-size:13pt;font-family: "times new roman", serif;color:#000;background-color:#fff}
#nav, #menu, #link_iso, #lang, #head img, #fast_nav, #footer, hr {display:none}
#pad2 {position:static;margin:0px;border:0px;width:100%}
img.fleft {float:left;margin: 0 5px 5px 0;}
img.fright {float:right;margin: 0 0 5px 5px;}
div.nofloat {clear:both;float:none;overflow:hidden;width:1px;height:1px;}
div.center {text-align:center;width:100%;}
div.center img {margin:0 auto;}
table {border:1px solid #000;border-collapse:collapse;}
td {padding:0.25cm;border:1px solid #000;}
a, h1, h2, h3, h4 {color:#000;background:#fff}
a {text-decoration:none}
h4 {display:none;}
#pad h4 {display:block;}
}