html {
  /* this is a hack to force scrollbars on at 
     all times so that the page does not jump
     when going from short to long pages */
  height: 100%;
  margin-bottom: 1px;
  width:100%;
}

body {
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	background: #cccccc;
	text-align: center;
	color:#10486d;
	
}
/******************************************************* 
TAGS/
*/
img {
	padding:0;
	margin:0;
	border:0;
}
a {
	text-decoration:underline;
	color:#10486d;
}
a:hover {
  color:red;
}
a img, a:hover img {
	border:0;
	text-decoration:none;
	margin:0;
	padding:0;
}
.okraj {
  margin:5px;
}
a img.okraj {
  margin:5px;
}
.cleaner {
	clear:both;
	height:1px;
	margin:0;
	padding:0;
}
img.okraj, table.album a img {
  background-image: url(../img/back_prod2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding:0 2px 2px 0;
}

/*
/TAGS 
******************************************************/

/*****************************************************
OBJECTS/ 
*/
#web {
	margin:0 auto 0 auto;
	width: 999px;
	text-align:left;
	background-color: #ffffff;
	padding:0;
}
#top {
	background-image: url(../img/back_top.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height:124px;
	margin:0;
	padding:0;
}
#logo {
	float:left;
	width:192px;
	margin:0;
	padding:0;
}
#top_right {
	width:807px;
	float:right;
	height:94px;
}
#flags {
	width:360px;
	float:left;
}
#flagin {
  padding:35px 0 0 10px;
	height:59px;
}
#site_nav {
  background-image: url(../img/icon_siterow.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-repeat:no-repeat;
	margin-top:10px;
	padding:0px 0 0 20px;
	height:17px;
	color:white;
	font-weight:bold;
 }
 
#anchtopleft {
  float:left;
  width:340px;
  padding-top:25px;
  color:white;
  font-size:10px;
}
#anchtopleft a {
  color:white;
  font-size:10px;
}
#anchtopleft a:hover {
  color:red;
}
#anchtopright {
  float:left;
  width:107px;
  padding-top:30px;

}
#hp {
  background-image: url(../img/icon_home.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left:20px;
}
#sm {
  background-image: url(../img/icon_sitemap.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left:20px;
	margin-top:8px;
}
#sm a, #hp a {
  font-size:11px;
  font-weight:bold;
  color:#8f96a8;
}
#sm a:hover, #hp a:hover {
  color:red;
}
#menu {
	clear:both;
	background-image: url(../img/back_menutop2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	
	
	padding-left:30px;
}

#menu span.comma {
	height:20px;
	background-image: url(../img/back_menucomma.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	float:left;
	width:4px;
	padding-top:7px;
}
#menu span.anch {		
	height:20px;
	padding:8px 0px 0px 0px;
	display:block;
	float:left;
	width:auto;
	background-color:transparent;
}
#menu span.anch a {
	padding:5px 6px 0px 5px;
	font-weight:bold;
	color:black;
	margin-right:0px;
	margin-top:0px;
	text-decoration:none;
	
}

#content {
	background-image: url(../img/back_pagetop.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	min-height: 300px;
}

#content_b {
	background-image: url(../img/back_cont_bott.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	min-height: 300px;
}

#pagebig {
	background-image: url(../img/back_bigtop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:209px;
	background-color:transparent;
}
#pagebig div.left_h {
  color:#28315a;
  font-size:18px;
  font-style:oblique;
  padding-top:175px;
  padding-left:30px;
}

/* LEFT/ */
#left {
	width:235px;
	background-image: url(../img/left_card.jpg);
	background-position: 0 122px;
	background-repeat: no-repeat;
	float:left;
	min-height:440px;
	margin-left:9px;
}

#left div.left_news_l {
  background-image: url(../img/dott_y2.gif);
	background-position: left top;
	background-repeat: repeat-y;
	width:209px;
	background-color:transparent;
  
}
#left div.left_news_r {
  background-image: url(../img/dott_y2.gif);
	background-position: right top;
	background-repeat: repeat-y;
  
}
#left div.left_news_b {
  background-image: url(../img/dott_x2.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
  
}
#left div.left_news_v {
  padding:15px 5px 2px 5px;
  color:#777777;
}
#left div.left_news_iamchans {
  /*background-image: url(../img/sk_i_am_chans.jpg);*/
  background-image: url(../img/jasomchans.jpg);
	background-position: 3px top;
	background-repeat: no-repeat;
	height:191px;
}
#left div.left_news_v a.readchans{
  display:block;
	width:91px;
	height:27px;
	color:#757575;
	margin:120px 0 0 50px;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
#left div.left_news_v a.readall{
  display:block;
  background-image: url(../img/back_readall.png);
	background-position: left top;
	background-repeat: no-repeat;
	width:91px;
	height:27px;
	color:#757575;
	padding:7px 0 0 8px;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	margin:8px 0 0px 0px;
}
#left div.left_news_v h3{
  color:#f14821;
  font-size:100%;
  font-weight:bold;
  margin:2px 0 2px 0;
  padding:0;
}
#left div.login_l {
  margin:10px 0 10px 0;
  line-height:25px;
}
#left div.left_news_v a.fin {
 background-image: url(../img/back_readallfin.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#left h2.ob {
  margin:15px 0 0 0;
  font-size:16px;
  font-style: oblique;
  background-image: url(../img/dott_x2.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding:5px 5px 5px 25px;
	width:175px;
	
}

/*RIGHT*/
#right {
	float:right;
	width:750px;
}
#right_in {
	margin:0 10px 0 0;
}
#right_in h1 {
  margin:0px 0 16px 0;
  font-size:180%;
}

#right table.indpage {
  /*background-image: url(../img/back_ind_page.jpg);
	background-position: left top;
	background-repeat: no-repeat;*/
	width:710px;
	border-collapse:collapse;
	margin-top:5px;
}
#right table.indpage td {
  vertical-align:top;
  height:191px;
  width:50%;
}
#right table.indpage td.indtd1 {
  background-image: url(../img/tab_ind_spol.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#right table.indpage td.indtd2 {
  background-image: url(../img/tab_ind_pril.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#right table.indpage td.indtd3 {
  background-image: url(../img/tab_ind_prod.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#right table.indpage td.indtd4 {
  background-image: url(../img/tab_ind_vzdel.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#right table.indpage tr.bott td {
  height:168px;
}
#right table.indpage div.qd {
  padding:10px 0 0 25px;
  line-height:20px;
}
#right table.indpage div.tdin {
  padding:34px 5px 5px 180px;
}
#right img.bigprod {
  margin:5px;
  float:right;
}
#right div.article_l {
  background-image: url(../img/dott_x2.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin-bottom:15px;
	padding-bottom:5px;
}
#right div.coment {
  border-top:0px solid navy;
  padding:0px;
  margin-bottom:5px;
}
#right div.coment h4{
  background-color:rgb(181,208,227);
  padding:5px 15px 5px 5px;
  margin:0;
  color:black;
}
#right div.coment p{
  padding:5px 10px 5px 15px;
  margin:0;
}
#right pre {
 padding:5px 10px 5px 15px;
 font-family:arial;
 margin:0;
}

/*BOTTOM*/
#bottom {
	background-image: url(../img/back_bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height:100px;
	color:white;
}
#bottom  div {
	padding-top:60px;
	padding-left:30px;
	text-align:left;
}

#lister {
  margin:5px;
}
/*PAGE*/
div.error {
  background-color:white;
  border:1px solid #e8e8e8;
  padding:5px;
  margin-bottom:15px;
}
.red {
  color:red;
}
.line_t {
  line-height:25px;
}
table.pagelist  {
  border-collapse:collapse;
}
table.pagelist th {
  font-size:11px;
  background-color:rgb(33,64,153);
  color:white;
  border:1px solid #e8e8e8;
  text-align:center;
  padding:1px 1px 1px 1px;
}
table.pagelist td {
  font-size:11px;
  background-color:white;
  color:black;
  border:1px solid #e8e8e8;
  padding:1px 3px 1px 3px;
}
.right {
  text-align:right;
}
div.suborder {
  margin:5px;
  padding:5px;
  border:1px solid #e8e8e8;
}
#dokprint{display:none;}
/*PRINT PAGE*/
@media print {
#left {display:none;}
#top {display:none;}
#pagebig {display:none;}
#bottom {display:none;}
#right{float:left;}
#formstruc{display:none;}
#dokprint{display:block;font-size:11px;color:gray;margin:10px;}
#lister{display:none;}
a {text-decoration:none;color:black;}
}