/* OBECNE prvky a tridy */

body {
	margin:0;
	text-align:center;
}

h1, h2, h3, h4, h5, h6 {
margin: 0.7em 0 0.3em 0;
line-height:1.2;
}
p { margin: 0.5em 0 }
ul,ol { margin-top:0.5em; margin-bottom:0.5em }

.imgright {
float:right;
margin:0 0 0.5em 1em;
}
.hidden { display:none }
.center {text-align:center }
.right {text-align:right }

/* hlavni oblasti - LAYOUT;
fonty a barvy jsou zvlast na konci */

#page {
width:700px;
margin:0 auto; padding:0;
text-align:left;
}
#page-enews {
width: 520px;
margin:0 auto; padding:0;
border-left:1px solid black;
border-right:1px solid black;
text-align:left;
}



#header { margin:0; padding:0 }
#main { margin:0; padding:0 15px 0 0 }

#content {
float:right;
width:490px;
margin:0; padding: 1.5em 0 1em 0;
line-height: 1.5;
}
#column {
width:190px;
margin:0; padding:0 0 4em 0;
background: #eee;
/*border-right: 1px solid black;*/
/*border-bottom: 1px solid black;*/
}
#footer2 {
clear:both;
margin:0; padding: 1px 10px;
border-top:1px solid black;
text-align: right;
}

/*HEADER*/

#headtop {
	margin:1em 0 -1em 0; padding:0;
	text-align:right;
}
a.headlink {
	position:relative; top:2px;
}

#headmiddle {
	position:relative;
	margin:20px 0 1px 0; padding: 0 8px 0 0;
	text-align:right;
}

#logo {
	position:absolute; top:-27px; left:-13px;
	width:218px;
	margin:0; padding:0;
}
#logo img { margin:0; padding:0; border:none }
#logo a:hover { background:transparent }

#headbottom {
	/*margin:0; padding:0 1em 8px 1em;*/
	border-bottom:1px solid black;
	text-align:left;
}

#headbot1 {
white-space:nowrap;
padding-top:5px;
}

#headbot2 { 
background:#7B7D7C;
color: white;
margin: 0; padding: 3px 0;
font-size: 11pt;
}

#headbot2 a {
background:#7B7D7C;
color:white;
text-decoration: none;
padding: 0 10px 0 25px;
font-size: 11px;
background: url("/img/arrow_w_sml.gif") 10px 50% no-repeat
}

#headbot2 a:hover {
background: url("/img/arrow_w.gif") 10px 50% no-repeat;
text-decoration: underline;
}

/* Articles */

.article {
clear:both;
margin:1em 0; padding:0 0 0.5em 0px;
}


.fullarticle, .blogarticle {
clear:both;
margin:1em 0; padding:0 0 0.5em 0px;
}
.artlinks {
clear:both;
text-align:right;
margin-top:1em;
border-top:1px solid #f0f0f0;
}
.artlinkstop {
clear:both;
text-align:right;
}
.artlinksbottom {
clear:both;
text-align:right;
margin-top:1em;
border-top:1px solid #f0f0f0;
}

.fullarticle .artttl, .blogarticle .artttl {
margin:0 0 0 -27px;
padding:5px 0 5px 30px;
/*background: url("/img/sqr-blue.gif") left center no-repeat;*/
}
.blogarticle .artttl {
/*background: url("/img/sqr-gray.gif") left center no-repeat;*/
}
.toparticle {
margin:0 0 1.5em 0;
padding:0 0 2em 0;
background: url("/img/sqrline.gif") bottom left no-repeat;
}
.artlista {
margin: 2em 0 1em 0;
padding-top:1em;
border-top:1px solid black;
text-align:center;
}

/* MENU */

#menu {
margin:0 0 2em 0; padding:0;
/*border-bottom: 2px solid black;*/
}
#menu p { margin:0; padding:0 }

.menuitem {
display:block;
margin:0; padding:10px 15px 10px 10px;
text-decoration:none;
text-align:center;
border-bottom:1px solid #D9DBDA;
}
.menubig {
padding:12px 10px 12px 40px;
text-align:left;
}
.menusmall {
padding:4px 10px 4px 10px;
text-align:center;
}
.menuitem strong {
text-transform:uppercase;
font-weight:bold;
}



/* ColumnBox */

.columnbox {
margin:2em 0; padding:0 10px 10px 10px;
border-top:1px solid black;
border-bottom:2px solid black;
}
.columnbox form {
margin:0; padding:0;
}
.boxttl {
margin:0 -10px 0.5em -10px; padding:1px 1em 2px 1em;
}



/* FONTY */

body, th, td, input, button, select {
font-family: Tahoma, sans-serif;
}
#menu, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
font-family: Arial;
/*font-weight: normal;*/
}

#artbody h1, #artbody h2, #artbody h3, #artbody h4, #artbody h5, #artbody h6 {
font-family: Tahoma, sans-serif;
/*font-weight: normal;*/
}

#artbody h5, #artbody h6 {
font-weight: bold;
}

body { font-size: 12px }
table, td, th, input, button, select { font-size: 12px }
h1 { font-size: 210% }
h2 { font-size: 180% }
h3 { font-size: 160% }
h4 { font-size: 140% }
h5 { font-size: 120% }
h6 { font-size: 110% }

#headtop {font-weight: 700; text-decoration: none;}
#headbottom { font-size:11px }
#headbot2 { font-size:9px }

.fullarticle, .blogarticle { font-size:12px }
.toparticle { font-size:13px }
.artttl { font-size: 160%; }
.artlinks, .artlinkstop, .artlinksbottom { font-size:80% }
.artlista { font-size:11px }

#menu { font-size:10px; line-height:1.2 }
.menuitem strong, .menuitem2 strong { font-size:115% }

.columnbox { font-size:11px }
.columnbox .boxttl { font-size:110% }
.columnbox table { font-size:100% }

#footer2 { font-size:9px }

.nastenkalistnadpis {
color: red;

}

.monitoringlistnadpis {
font-size: 11pt;
FONT-WEIGHT: bold;
text-transform: uppercase ;
}


/* BARVY */

body { background-color: #F9F9F9 }
a { color:red }
a:hover { text-decoration: none; } 

.cervena { color:red }

#page { background-color: white;; border-color:#ccc }

#column { border-color:#b27979 }
#headtop {}
a.headlink { color:white }
a.headlink:hover { background-color: #b27979 }
#headmiddle {  }
#headbottom {  }

.fullarticle, .blogarticle, .toparticle { color:#505050 }
.artttl { color:black; font-weight: bold; }
.artlinks, .artlinkstop, .artlinksbottom { border-color:#7b7d7c }
.artlista { border-color:#b27979 }
.artlinks a {color: #7b7d7c}

#menu { background-color:#eeeeee;  }
#menu p.menudivider { border-color:white }
.menuitem { color:#000; border-color: #D9DBDA;}
.menuitem:hover { color:white; background-color: #eee }
.menuitem:hover strong { color:#600 }
.menubig { background: url("/img/sqr-mono.gif") 10px 50% no-repeat }
.menubig:hover { background: #7B7D7C url("/img/sqr-color.gif") 10px 50% no-repeat }

.menubigselected strong { color:black; background-color: #fff }
.menubigselected { background: #fff url("/img/sqr-color.gif") 10px 50% no-repeat }
.menuitemselected { color:black; background-color: #fff }


.redbox { background-color:#f8f3f3; border-color:#b27979 }
.redbox .boxttl { background-color:#b27979; color:white }
.redbox a { color: #805757; }
.redbox a:hover { background: #b27979; color:white }
.bluebox { background-color:#f0f8ff; border-color:#369 }
.bluebox .boxttl { background-color:#369; color:white }

#footer2 { border-color:#ccc; background-color:#7B7D7C; color: #CBCDCC; }


/* tabulky */

.piskoleni td, .piskoleni th { font-size: 90% }

.licha  { 
background-color: #FFFFFF; 
vertical-align: top;
}

.suda { 
background-color: #F0F0F0; 
vertical-align: top;
}

/* extra vOci */

.hnedykus {
background-color: #B27979; 
color:#FFFFFF; font-weight:700; 
font-size: 14pt; 
padding-left: 5; 
padding-right:5
}

/* ----------------------------------- OHLASY ---------------------------- */

.ohlasysolidbox {
display: block;
border: dotted 1px;
padding: 3;
}

.ohlasybody {
font-size: 9pt;
}

.ohlasynadpis {
font-size: 10pt;
background: #CCCCCC;
color: #000000;
}

.ohlasyreaguj {
font: italic small-caps 12px;
text-align: right;
}

/* --------------------------------- rubriky/sekce ----------------------- */
#rubrikacompact a { font-size: 14px }
#rubrikacompact td { padding-bottom: 12px; }

#externallist { border: 1px dotted grey; }

#rubrikaheading { border-bottom: 1px dotted; }

/* --------------------------------- rubrikacompact ----------------------- */
#kswcompact TABLE, #kswcompact TR, #kswcompact TD, #kswcompact TH {
border-collapse: collapse;
border: 1px solid #b27979;
padding: 2px;
}

#kswcompact TH {
  background-color: #f9f3f3;
  font-weight: 700;
}

#kswcompact .suda, #kswcompact .licha {background: none;}

/*----------------------------------- fun ------------------------------ */

.funsolidbox {
display: block;
border: dotted 1px grey;
}

/*---------------------------------- fullbanner ----------------------- */

#bannertop {
	position: absolute;
	left: 230px;
	width: 500px; 
	visibility: none;
	  }



/*---------------------------------- HP obrázek ----------------------- */

.hpimg {

margin-top: -15px;

}



/*-------------------------TREEMENU---------------------------------*/

#menu {
margin: 1em 0 0 0;
}

#menu a {
color: black;
text-decoration: none;
}

#menu a:hover {
color: red;
text-decoration: underline;
}

#menu ul {
margin: 0;
padding: 0 0 0 1em;
}

#menu li {
list-style: none;
font-weight: bold;
font-size: 120%;
margin-bottom: .6em;
padding-bottom: .3em;
border-bottom: 1px solid silver;
}

#menu li li {
list-style: square;
margin-left: 2em;
font-size: 100%;
font-weight: 400;
margin-bottom: 0;
border-bottom: 0;
}


/*-------------------------TBLK---------------------------------*/

.tblk, .tblk TD, .tblk TH {
border-collapse: collapse;
border: 1px solid #D60000;
padding: 3px;
}

.tblk TH {
background-color: #D60000;
color: white;
border: 1px solid white;
}