html body {
  padding: 0;
  margin:0;
  color: #33312F;
  font-family: Arial,Verdana,  Tahoma;
  font-size: 11px;
  text-align: center;
  background-color:#292929;
  color:#BEC1D0;/* 121212 */
  height:100%;
}

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

a                 {text-decoration: underline; color: #FFBD00; cursor:hand;}
a img             {border: none;}


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

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

#page {
	text-align:left;
	width: 784px;
	background-image: url(cont-bg.jpg);
	background-repeat: repeat-y;
	line-height:130%;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
}

#container {
	text-align:left;	
	margin:0 auto;
}
/****************************************************/
/*             Hlavni identifikatory                */
/****************************************************/


#header {
	background-image: url(header-bg.jpg);
	background-repeat: no-repeat;
	height:74px;
	padding:0;
	margin:0;
}

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

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

.illu-img {
  height:280px;
  background-image: url(illu-img.jpg);
	background-repeat: no-repeat;
	margin-left:9px;
}

.illu-area {
  height:280px;
	margin-left:9px;
	margin-right:10px;
	background-repeat: no-repeat;
	background-position:top right;
}

.illu-area-in {
  height:280px;
  background-image: url(illu-area.gif);
	background-repeat: no-repeat;
}

.thumb {
	display:block;
	background-repeat:no-repeat;
	width:160px;
	height:130px;
	border:1px solid #383A41;
	float:left;
	margin:10px 5px 10px 0px;
	text-decoration:none;
}

.thumb:hover{

}

.frame {
	width:160px;
	height:120px;
	background-image: url(thumb-frame.gif);
	background-repeat: no-repeat;
}

.thumb2 {
	display:block;
	background-repeat:no-repeat;
	background-position:0 3px;
	width:80px;
	height:60px;
	border:1px solid #383A41;
	float:left;
	margin:10px 5px 10px 0px;
	text-decoration:none;
}

.thumb2:hover{

}


.frame2 {
	width:80px;
	height:60px;
	background-image: url(thumb-frame2.gif);
	background-repeat: no-repeat;
}

#main {
  background-image: url(main-bg.jpg);
	background-repeat: repeat-y;
	margin:15px 15px 15px 15px;
  height:240px;
  overflow:hidden;
}

#main-nocols {
	margin:25px 35px 4px 35px;
}

#scroller {
height:260px;
_height:270px;
margin:0 10px 0 10px;
overflow:scroll;
overflow-x:hidden;
scrollbar-face-color:#18191B;
scrollbar-highlight-color:#4B4E55;
scrollbar-3dlight-color:#37373E;
scrollbar-darkshadow-color:#282A2F;
scrollbar-shadow-color:#3F4147;
scrollbar-arrow-color:#CACCCF;
scrollbar-track-color:#2A2C30;
}

#main h2, #main-nocols h2 {
  text-transform:uppercase;
  font-family:Tahoma;
  font-weight:normal;
  letter-spacing:1px;
	margin:5px 0 5px 0;
	font-size: 20px;
	color:#C3C6D5;
}


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

#leftcol {
	width: 320px; /* 191px */
	float: left;
  color:white;
  text-align:left;
  color:#929395;
}

#leftcol .in {
	margin:2.5em 1em 1em 2.5em;
}

#leftcol h2 {
  text-transform:uppercase;
  font-family:Tahoma;
  font-weight:normal;
  letter-spacing:1px;
	margin:5px 0 5px 0;
	font-size: 20px;
	color:#C3C6D5;
}

#leftcol ul.submenu a {
	display:block;
	margin:0 0 0 2px;
}

#leftcol ul {
	list-style:none;
	margin:10px;
}

ul#menu {
	font-size: 11px;
	font-weight:bold;
	padding:0;
	list-style:none;
	text-transform: uppercase;
	height:80px;
	margin:0 0 0 15px;
} 

ul#menu li {
	margin:27px 0px 0px 0px; 
	padding:8px 0px 5px 5px;
	display: block;
	float:left;
	width:145px;
	text-align: center;
}

ul#menu li.selected a{
	color:white;
}

ul#menu li a{
	color:#C1C3D0;
	text-decoration:none;
	font-weight:normal;
}

ul#menu li a:hover{
	color:white;	
}

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

#rightcol {
	padding:0;
	margin:0;
	width:400px;
	float:right;
}

#rightcol div.in {
	margin:2.5em 1em 2em 2.1em;
}

#rightcol .content .left {
	float:left;
	width:240px;
	/* border:1px solid white; */
}

#rightcol .content .right {
	float:right;
	width:400px;
	overflow:hidden;
}


#rightcol h3 {
	margin:5px 0px 5px 0px;
	font-size:15px;
}

#rightcol h4 {
	text-transform:uppercase;
	color:#265AA2;
}

div.section {
  background:#383b42;
	margin:10px 0px 30px 0px;
	line-height:120%;
}

div.section h3 {
  font-size:13px;
  color: #FFBD00;
}

div.section ul ul{
  margin-left:15px;
}

.pleft{
  float:left;
  width:380px;
}

.pright{
  float:right;
  width:290px;
}

table.side{
  font-size:11px;
  background:#292929;
  line-height:120%;
}

table.side td{
  vertical-align:top;
  padding:5px;
   background:#3c3c44;
}

table.side th{
  vertical-align:top;
}

table.side td.label {
  color:#A1C7C7;
}

#rightcol div.section2 {
	background:#F1F3F5;
	padding:1em;
	margin-bottom:3px;
}

img.cont-foto {
	float:left;
	margin:10px 35px 0px 0px;
}

img.cont-foto-block {
	margin-bottom:100px;
}

ul.list {
	line-height:190%;;
	margin:5px 0 5px 15px;
	padding:0;
}

ul.list li {

}

#rightcol ul.home {
	line-height:190%;;
	margin:5px 0 5px 15px;
	padding:0;
	list-style:square;
}

#rightcol img.illu {
	float:left;
	margin-right:20px;
}

/******** FOOTER  ***********************/

#footer {
	font-size: 11px;
  clear:both;
  margin:0px 0px 0px 0px;
  background:black;
  height:100px;
  color:#63666D;
  background-image: url(foot-bg.jpg);
	background-repeat: no-repeat;
}

#footer div.in {
  padding-top:25px;
  margin:8px;
}

#footer h3 {
  color:#9EC8C4;
  font-weight: normal;
  font-size: 11px;
  text-transform:uppercase;
}

#footer a {
color:#898991;
}

#footer div.left {
	margin-left:18px;
}

#footer div.right {
	margin-right:18px;
}

#footer span.phone {
  padding-left:15px;
  height:20px;
  background-image: url(ico-phone.gif);
	background-repeat: no-repeat;
	padding-top:4px;
}

#footer a.email {
  margin-left:10px;
  padding-left:22px;
  background-position:0px 3px;
  background-image: url(ico-email.gif);
	background-repeat: no-repeat;
}


#footer div.logo {
	height:36px;
	width:315px;
	background-image: url(logo-bottomx.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#footer .unterschrift {
  padding-top:4px;
}

span.txt-block-short { width:35px; display:block; float:left; }


p.hinfo { padding:0; margin:0 5px 0 0; font-size:10px; color:#C1D4DA; text-align:right;}

a.more { background-image:url(arr-red.gif); background-repeat:no-repeat; background-position:center right; padding-right:10px; }
a.more2 { background-image:url(arr-blue.gif); background-repeat:no-repeat; background-position:center right; padding-right:10px; }