body
{
 text-align: center;
 background-color: #ffffff;
}

#wrap
{
 width: 789px;
 margin: auto;
}

#header
{
 width: 100%;
 height: 258px;
 background-color: blue;                 /* barva!!! */
 background-image: url('index/header.png');
 font-size: 14px;
 font-family: Tahoma, verdana, sans-serif;
}

#header_right
{
 float: right;
}

#logo
{
 background-color: blue;
 background-image: url('index/header_logo.jpg');
 width: 232px;
 height: 100%;
 float: left;
 color: #ffffff;
 font-weight: bold;
}

#header_photo1
{
 background-color: blue;
 background-image: url('index/header_photo1.png');
 width: 177px;
 height: 100%;
 float: right;
 color: #ffffff;
 font-weight: bold;
}

#header_photo2
{
 background-color: blue;
 background-image: url('index/header_photo2.png');
 width: 177px;
 height: 100%;
 float: right;
 color: #ffffff;
 font-weight: bold;
}

#header_photo3
{
 background-color: blue;
 background-image: url('index/header_photo3.png');
 width: 177px;
 height: 100%;
 float: right;
 color: #ffffff;
 font-weight: bold;
}

#p1
{
 position: relative;
 top: 23px;
 width: 174px;
 height: 168px;
}

#p2
{
 position: relative;
 top: 23px;
 width: 174px;
 height: 168px;
}

#p3
{
 position: relative;
 top: 23px;
 width: 174px;
 height: 168;
}

#language_bar
{
 float: left;
 width: 770px;
 height: 22px;
 text-align: right;
}

#language_bar img
{
 float: left;
}

.lang1_left
{
 display: inline;
 float: right;
 background-image: url('index/lang1_left.png');
 height: 100%;
 width: 24px;
}

.lang1
{
 display: inline;
 float: right;
 background-color: #515151;
 height: 100%;
 width: 40px;
 text-align: center;
}

.lang1_right
{
 display: inline;
 float: right;
 background-image: url('index/lang1_right.png');
 height: 100%;
 width: 3px;
}

.lang2_left
{
 display: inline;
 float: right;
 background-image: url('index/lang2_left.png');
 height: 100%;
 width: 24px;
}

.lang2
{
 display: inline;
 float: right;
 background-color: #6a6a6a;
 height: 100%;
 width: 40px;
 text-align: center;
}

.lang2_right
{
 display: inline;
 float: right;
 background-image: url('index/lang2_right.png');
 height: 100%;
 width: 3px;
}

#sidebar
{
 float: left;
 width: 29%;
 text-align: center;
 min-height: 300px;
}

.sidebar_header
{
 background-image: url('index/menu_header.png');
 height: 34px;
 width: 228px;
 background-color: #2a2a2a;
 text-align: left;
 line-height: 24px;
}

.sidebar_header h1
{
 color: #ffffff;
 margin-left: 5px;
 display: inline; 
 font-size: 14px;
 font-family: Tahoma, verdana, sans-serif;
}

.sidebar_content
{
 width: 90%;
 margin-top: 3px;
 margin-left: 17px;
 border-left: 1px dashed #b6b6b6;
 border-right: 1px dashed #b6b6b6;
 text-align: center;
}

.sidebar_content a
{
 text-decoration: none;
}

.menu2
{
 display: none;
 background-color: #6a6a6a;
}

.button_left
{
 width: 96%;
 height: 24px;
 display: block;
 border-bottom: 1px dotted #6a6a6a;
 margin: auto;
 margin-top: 3px;
 color: #6a6a6a;
 font-size: 12px;
 font-family: Tahoma, verdana, sans-serif;
 text-align: left;
}

.button_left:hover
{
 width: 100%;
 background-color: #515151;
 color: #ffffff;
}

.button2_left
{
 width: 100%;
 height: 24px;
 display: block;
 border-bottom: 1px dotted #515151;
 color: #07c7ef;
 font-size: 12px;
 font-family: Tahoma, verdana, sans-serif;
 text-align: left;
}

.button2_left:hover
{
 background-color: #07c7ef;
 border-bottom: 1px dotted #515151;
 color: #515151;
}

#settings_bar
{
 float: right;
 margin-right: 15px;
 width: 68%;
 height: 22px;
 color: #6a6a6a;
 font-size: 12px;
 font-family: Tahoma, verdana, sans-serif;
 border-bottom: 1px dashed #838383;
}

.settings_bar_item
{
 float: left;
 color: #6a6a6a;
}

.settings_bar_item ul
{
 display: none;
 background-color: #6a6a6a;
 position: absolute;
 z-index: 3;
 list-style-type: none;
 padding: 12px;
 color: #ffffff;
}

.settings_bar_item li
{
 display: block;
 border-bottom: 1px dotted #ffffff;
 height: 20px;
 margin-top: 3px;
 text-align: left;
}

#content
{
 float: right;
 width: 66%;
 min-height: 300px;
 text-align: justify;
 color: #515151;
 border-left: 1px dashed #b6b6b6;
 border-right: 1px dashed #b6b6b6;
 padding: 8px;
 margin-right: 15px;
}

#content h1
{
 display: inline;
 font-size: 24px;
}

#content h2
{
 display: inline;
 font-size: 20px;
}

#content h3
{
 display: inline;
 font-size: 16px;
 color: #6a6a6a;
}

#content ul
{
 margin-top: 0px;
}

#content a
{
 color: #07c7ef;
 font-weight: bold;
 text-decoration: none;
}

#content a:hover
{
 color: #2a2a2a;
 text-decoration: underline;
}

#footer
{
 clear: both;
 width: 100%;
 height: 36px;
 background-color: #6a6a6a;
}

#footer img
{
 float: left;
}

.preview
{
 width: 80px;
 height: 100px;
 border: 3px solid #6a6a6a;
}

.nahled
{
 width: 80px;
 height: 100px;
 border: 3px solid #6a6a6a;
}

.left
{
 float: left;
}

.right
{
 float: right;
}