* {
    padding: 0;
    margin: 0
}

body, html {
    background-color: #756D61;
    font: 11px Verdana, "Geneva CE", lucida, sans-serif;
    text-align: center;
    color: #3A4C5B
}

body div#mainFrame {
    background: url('../img/body-bg.jpg') repeat-y;
    margin: 30px auto;
    margin-top: 5px;
    width: 776px;
    text-align: left
}

div#lang {
    background-color: #756D61;
    text-align: right;
    padding-right: 13px;
    color: #fff
}

div#lang a {
    text-decoration: none;
    color: #fff
}

div#lang a:hover {
    text-decoration: underline
}

.h_1 {
   background: url('../img/header-1.jpg') no-repeat top left;
}

.h_2 {
   background: url('../img/header-2.jpg') no-repeat top left;
}

.h_3 {
   background: url('../img/header-3.jpg') no-repeat top left;
}

.h_4 {
   background: url('../img/header-4.jpg') no-repeat top left;
}

.h_5 {
   background: url('../img/header-5.jpg') no-repeat top left;
}

.h_6 {
   background: url('../img/header-6.jpg') no-repeat top left;
}

div#header {
    /*background: url('../img/header-1.jpg') no-repeat top left;*/
    height: 89px;
    margin-bottom: 2px
}

/* IE hack */
html>body div#header {
    margin-bottom: 5px
}

.clearbox {
    clear: both;
    height: 1%;
    font-size: 1px
}

.clearLeft {
    clear: left
}

#leftFrame {
    width: 545px;
    float: left
}

#rightFrame {
    width: 218px;
    float: left
}

.area-1 {
    background-color: #fff;
    text-align: justify;
    margin: 0 5px 0 13px;
    padding: 10px
}

.area-51 {
    background-color: #fff;
    text-align: justify;
    margin: 0 5px 0 13px;
    padding: 10px;
}

a {
	color: #C30000; /*#CD3301;*/
	text-decoration: underline
}

a:hover {
	text-decoration: none
}

#subMenu {
    border: 1px solid #3A4C5B;
    background-color: #fff
}

div.boxHeader {
    background: url('../img/box-header.jpg') repeat-x;
    height: 22px
}

h1 {
	font: 18px "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	border-bottom: 2px solid #C30000; /*E90400*/
	color: #C30000; /*E90400;*/
	margin: 10px 0 15px 0
}

p {
	margin: 10px 0
}

p.description {
	background-color: #F2F5F7;
	color: #576A79;
	padding: 10px
}

h2.boxTitle {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 22px;
    padding-left: 5px;
    color: #fff
}

.vstuppoznamka {
	width: 400px;
	height: 100px
}

ul#mainMenuLink {
    float: right;
    padding-right: 13px;
    padding-top: 65px;
    list-style: none
}

li.firstLevel {
    float: left;
    position: relative;
    margin-left: 1px;
    padding-left: 7px;
    background: url('../img/menu-left.gif') no-repeat top left
}

li.firstLevel a {
    text-decoration: none;
    color: #fff;
    display: block;
    float: left;
    padding: 5px 7px 7px 0;
    background: url('../img/menu-right.gif') repeat-x top right
}

li.firstLevel a:hover {
    color: #fefefe
}

ul#mainMenuLink li#active {
    background: url('../img/menu-left-active.gif') no-repeat top left
}

ul#mainMenuLink li#active a {
    background: url('../img/menu-right-active.gif') repeat-x top right
}

li.firstLevel ul li {
    clear: left
}

li.firstLevel ul li a {
    width: 150px;
    padding: 3px 7px 6px 7px;
    color: #3A4C5B;
    background: /*#C30000*/ #E1E9EF url('../img/linie.gif') repeat-x bottom
}

li.firstLevel ul li a:hover {
    text-decoration: none;
    background-color: #C30000; /*#E90400;*/
    color: #fff
}

a.subactive {
    background: #E1E9EF url('../img/linie.gif') repeat-x bottom !important
}

a.subactive:hover {
    background-color: #C30000 !important;
    color: #fff
}

li ul {
    display: none;
    position: absolute;
    list-style: none;
    top: 24px;
    left: 0;
    z-index: 100
}

li.firstLevel:hover ul, li.over ul {
    display: block
}

div#footer-text {
    background-color: #756D61;
    text-align: right;
    padding-right: 25px;
    color: #fff;
    font-size: 10px
}

#navbar {
	text-align: left;
	padding: 0 0px 6px 20px
}

.navAct { color: #C30000 }

.vstup {
   width: 140px;
}

#contactform textarea.vstuppoznamka {
   width: 340px;
   height: 250px;
}

/*
#contactform textarea.vstuppoznamka {
   width: 430px;
}

#contactform * {
   line-height: 20px;
}

#firma input.vstup {
   width: 290px;
}
*/
.tlacitko {
   background-color: #AABEC7;
   font: 12px Verdana, "Geneva CE", lucida, sans-serif;
   font-weight: bold;
   text-align: center;
   color: #3A4C5B;
   padding: 2px 7px 2px 7px;
   _padding: 0;
   border: 1px solid #3A4C5B;
}
/*--------------------------------sidemenu----------------------------------------*/

ul.sm_cele {
    list-style: none;
    padding: 5px
}
ul.sm_cele li{
    padding-left: 12px;
}
ul.sm_cele li a {
    color: #3A4C5B;
    text-decoration: none
}

ul.sm_cele li a.sm_subactive{
    color: #C30000 /*E90400*/
}

ul.sm_cele li a:hover {
    color: #C30000;
    text-decoration: underline
}
/*---------------------------------------------*/
div#footer {
    background: url('../img/footer.jpg') no-repeat;
    width: 776px;
    height: 26px
}

div.langbar{
  display: block;
  float: right;
  clear: none;
  background: url('../img/bg_lang.jpg') no-repeat;
  width: 59px;
  height: 18px;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 5px;
}
img.flag{
  border: 0px;
  margin: 3px;
}