html body {
  padding: 0;
  margin:0;
  color: #33312F;
  font-family: Trebuchet MS, Verdana, Arial,Verdana,  Tahoma;
  font-size: 12px;
  text-align: left;
  background: url(body_pattern.jpg) top left repeat-x;
  background-color:#494845;
  color:#111111;/* 121212 */
}

* {margin:0; padding:0; border:0;}

a                 {text-decoration: underline;}
a img             {border: none;}
a:link, a:visited {color: #B80000; }


h1,h2,h3,h4 {
	margin-bottom: 2px;
}

p { margin: 0.5em 0; padding:5px 5px 5px 0px;  }


table {
font-size:11px;

width:90%;
}
table td {
padding:2px 3px 2px 6px;

}

table th {
background-color:white;
padding:2px 3px 2px 3px;
}

input, textarea {
border:1px inset gray;
width:200px;
}

input.submit {
border:1px outset gray;
}

/****************************************************/
/*             Hlavni identifikatory                */
/****************************************************/

#container {
text-align:center;
padding:0px;
width: 788px;
background-image: url(contbg.jpg);
background-repeat: repeat-y;
line-height:150%;
margin-left:auto;
margin-right:auto;
}

#cont-in {
width:758px;
margin:0 auto;
}


#header {
background-image: url(headbg.jpg);
background-repeat: no-repeat;
background-position:top left;
height:314px;
width:758px;
/* border:1px solid blue; */ 
}

#header h1 {
visibility:hidden;
display:none;
}

#header .left {
width:300px;
float:left;
height:122px;
}

#header .right{
margin-top:62px;
width:420px;
float:right;
padding:0;
}

#header a#home {
display:block;
width:290px;
height:100px;
margin:20px 20px 5px 20px;
text-decoration:none;
border:0;
}

#illu-img {
clear:both;
background-image: url(illu-img.jpg);
background-repeat: no-repeat;
height:192px;
}

#main {
width:758px;
margin:0px 0px 0px 0px;
background-image: url(mainbg.jpg);
background-repeat: no-repeat;
background-color:#C5C4B4;
}


#lang {
padding:0px 12px;
text-align:center;
margin:0;
}
#lang img { border:none;}

div#illu {
margin:0;
margin-top:4px;
height:190px;
background-image: url(illu_img.jpg);
background-repeat: no-repeat;
background-position:0px 0px;;
}
/******** MAIN MENU  ***********************/
ul#menu {
width:420px;
margin:0px; 
text-align: left;
font-size: 11px;
font-weight:bold;
line-height:100%;
text-align:center;
list-style:none;
height:40px;
font-family: Verdana, Times New Roman, Lucida Sans, Lucida Console, Trebuchet;
font-size:12px;
/* border:1px solid red; */
}
ul#menu li {
float:left;
margin:0px 0px 0px 0px; 
padding:8px 5px 2px 5px;
}

ul#menu li a{
color:white;
display:block;
width:79px;
margin:0px 6px 0px 3px;
padding:20px 3px 2px 1px;
text-decoration:none;
background-image: url(menubg.gif);
background-repeat: no-repeat;
}

ul#menu a:hover { color:#FEFB02; background-image: url(menubg-hover.gif); background-repeat: no-repeat;}
ul#menu a.selected { /* color:#FFE45C; */ background-image: url(menubg-active.gif); background-repeat: no-repeat; color:#FEFB02;}

/******** LEFTCOL  ***********************/

#leftcol {
width: 260px; /* 191px */
float: left;
text-align:left;
/* border-top:2px solid white; */ 
background-image:url(leftcol_bg.jpg);
background-repeat:no-repeat;
background-position:top right; 
}

#leftcol p.link {
padding:0px 1px 0px 0px;
}


#leftcol h2,h3 {
font-weight:normal;
color:#636261;
clear:both;
padding:0;
}
#leftcol h3 {
margin-top:20px;
font-size:14px;
background:url(circarrow.gif);
background-repeat:no-repeat;
background-position:0px 4px;
padding-left:20px;
}

#leftcol a {
font-weight:bold;
text-decoration:none;
}

#leftcol a.thumb {
background-image:url(img_bg_small.jpg);
background-repeat:no-repeat;
display:block;
float:left;
padding:5px;
width:94px;
height:68px;
margin:0px 3px 5px 0px; 
}

img.ico_out {
padding-top:2px;
}

#leftcol .in {
padding:3.5em 0.5em 3em 2em;
}

ul.content {
/* list-style:url(li-content-small.gif); */
margin:10px 0px 5px 0;
}

#leftcol ul {
list-style:square;
margin:10px;
margin-left:0px;
}

#leftcol li {
line-height:15px;
padding-top:2px;
margin-left:15px;
}


/******** rightcol ***********************/

#rightcol {
padding:0;
margin:0;
width:488px;
float:right;
text-align:left;
font-size:110%;
border-left:1px solid #A5A392;
margin:20px 0 0 0;
line-height:150%;
/* border:1px solid blue; */
}

#rightcol .in {
margin-top:0px;
padding-top:0px;
padding-left:30px;
padding-right:25px;
background-image: url(rightcol_head.jpg);
background-repeat: no-repeat;
}

#rightcol h2 {
color:#636261;
font-size:20px;
font-weight:normal;
padding:5px 10px 5px 0px;
margin:12px 0;
line-height:150%;
clear:both;
}


#rightcol h3 {
color:#191818;
font-size:13px;
font-weight:bold;
margin:18px 0 5px 0;
}

#rightcol p.indent{
padding:2px 5px 5px 5px;
}

#rightcol strong {
color:black;
}

#rightcol ul {
list-style:square;
margin:10px;
margin-left:0px;
}

#rightcol li {
padding-top:2px;
margin-left:15px;
}

#rightcol ul.thicked {
list-style:none;
}

#rightcol ul.thicked li {
background-image:url(thicked.gif);
background-repeat:no-repeat;
padding:5px 5px 5px 40px;
}

#rightcol img.cont-img {
float:left;
margin:10px 10px 10px 0px;
}


table.content {
width:100%;
font-size:11px;
/* background:black; */
margin-left:auto;
margin-right:auto;
line-height:150%;
text-align:left;
color:black;
border-collapse:collapse;
}
table.content td{
vertical-align:top;
padding:2px 6px;
border:2px solid #33312F;
/* background:#FEB340; */
}
table.content th{
vertical-align:top;
padding:6px;
background:#D1E1F5;
}

table.content td{
vertical-align:top;
padding:2px 6px;
border:2px solid #33312F;
/* background:#FEB340; */
}


table.cv {
width:100%;
font-size:11px;
/* background:black; */
margin-left:auto;
margin-right:auto;
line-height:150%;
text-align:left;
}

table.cv th{
vertical-align:top;
padding:6px;
background:#D1E1F5;
}

table.cv td{
vertical-align:top;
padding:2px 6px;
border:1px solid #9E9D9D;
/* background:#FEB340; */
}

table.cv td.first{
color:#494646;
font-weight:bold;
width:100px;
}

table.cv img {
border:1px solid #9E9D9D;
}
/******** FOOTER  ***********************/

#footer {
width:758px;
line-height: 200%;
font-size: 11px;
text-align: center;
word-spacing: 3px;
height:130px;
background-image: url(footbg.jpg);
background-repeat: no-repeat;
background-position:0px 15%;
color:white;
}

#footer .in {
padding:35px 25px 10px 10px;
}

#footer a {
color:#CFCDC4;
}
.hid {
display:none;
}

.strong {
color:#302A2A;
}

.highlited {
color:red;
}
.left {
float:left;
}
.right {
float:right;
}

.cleaner {
  padding:0;
  height:1px;
  margin:0;
  width:100%;
  clear: both;
  border: none;
  overflow:hidden;
}

.in {
padding:1.5em 1.2em 3em 1.5em;
}

.lang {
float:left;
text-decoration:none;
}
.lang img {
margin-right:5px;
}
/*** univerzalni classy ***/