*{
font-size: 12px;
margin: 0;
border: 0;
padding: 0;
}

BODY{
background-color: #ffffff;
font-family: Verdana, Arial;
text-align: center;
padding: 20px 0px 60px 0px;
}

#telo{
background-image: url(../img/main-border.gif);
background-repeat: repeat-y;
background-position: 187px 20px;
left: 0px;
margin: 0px auto;
width: 920px;
position: relative;
top: 0px;
text-align: left;
}

#header{
background-image: url(../img/white-line.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
border-bottom: 1px solid #E3E3E3;
padding: 62px 0px 0px 30px;
_padding: 62px 0px 0px 30px;
width: 703px;
_width: 733px;
height: 34px;
_height: 99px;
text-align: left;
float: left;
top: 0px;
left: 187px;
_left: 188px;
}

#header *{
font-size: 10px;
}

#header ul{
display: inline;
list-style-type: none;
float: left;
}

#header li{
display: inline;
}

#header A{
text-transform: uppercase;
margin-right: 7px;
text-decoration: none;
font-weight: bold;
color: #000000;
}

#header A:hover{
text-decoration: none;
color: #BEBEBE;
}

#header ul.lang{
display: inline;
list-style-type: none;
float: right;
}

#header li.lang{
display: inline;
}

#header a.lang{
text-transform: uppercase;
margin-left: 5px;
text-decoration: none;
font-weight: normal;
color: gray;
}

#header a.lang:hover{
color: #BEBEBE;
}

#logo{
border-bottom: 1px solid #E3E3E3;
width: 186px;
_width: 187px;
height: 96px;
_height: 97px;
float: left;
left: 0px;
top: 0px;
}

#logo img{
}

#content{
background-image: url(../img/waves.jpg);
background-repeat: no-repeat;
background-position: 1px 0px;
font-family: Arial, Verdana;
padding: 15px 30px;
top: 97px;
float: left;
width: 530px;
_width: 585px;
text-align: justify;
left: 187px;
min-height: 540px;
_height: 540px;
}

#content ul , li{
list-style-type: none;
line-height: 200%;
}

#content A{
text-decoration: underline;
font-weight: bold;
color: #000000;
letter-spacing: 0.125em;
}

#content A:hover{
color: #BEBEBE;
}

A.odkazy{
text-decoration: none;
font-weight: bold;
color: #000000;
letter-spacing: 0.125em;
}

A.odkazy:hover{
text-decoration: none;
color: #BEBEBE;
}

A.odkazy_submenu{
text-decoration: none;
font-weight: normal;
color: #000000;
letter-spacing: 0.125em;
}

A.odkazy_submenu:hover{
text-decoration: none;
color: #BEBEBE;
}

P{
text-indent: 0em;
margin-bottom: 10px;
line-height: 160%;
clear: both;
text-align: justify;
}

img.left{
float: left;
margin: 0px 25px 10px 0px;
}

img.right{
float: right;
margin: 10px 0px 0px 25px;
}

#download{
float: left;
margin-bottom: 50px;
width: 532px;
float: left;
left: 0px;
clear: both;
}

#download table.download{
text-align: center;
width: 360px;
}

#download tr.download{
text-align: center;
}

#download td.download{
text-align: center;
width: 50px;
}

#download td.download_name{
text-align: left;
width: 260px;
}

#download img{
float: right;
clear: both;
}

#download img.download{
float: none;
}

#download A.download{
}

#download A.download:hover{
text-decoration: none;
}

#submenu{
line-height: 200%;
padding: 15px 0px 15px 2px;
float: left;
width: 185px;
_width: 188px;
float: left;
left: 0px;
}

#submenu *{
font-size: 10px;
}

#submenu ul{
list-style-type: none;
}

#submenu li{
padding-left: 10px;
list-style-type: none;
}

#submenu A{
text-decoration: none;
font-weight: normal;
color: #000000;
letter-spacing: 0.125em;
}

#submenu A:hover{
text-decoration: none;
color: #E3E3E3;
}

#submenu A:active{
text-decoration: none;
font-weight: normal;
}

#submenu_projects{
line-height: 200%;
padding: 15px 0px 0px 13px;
float: left;
width: 174px;
_width: 188px;
float: left;
left: 0px;
text-transform: uppercase;
}

#submenu_projects *{
font-size: 10px;
}

#submenu_projects ul{
list-style-type: none;
}

#submenu_projects li{
padding-left: 10px;
list-style-type: none;
}

#submenu_projects A{
text-decoration: none;
font-weight: normal;
color: #BABABA;
letter-spacing: 0.125em;
}

#submenu_projects A:hover{
text-decoration: none;
color: #E3E3E3;
}

#submenu_projects A:active{
text-decoration: none;
font-weight: normal;
}

#pictures{
padding-top: 15px;
padding-bottom: 15px;
width: 140px;
float: right;
text-align: center;
top: 97px;
}

#pictures img.pictures_project{
margin-bottom: 10px;
}

#footer{
border-top: 1px solid #E3E3E3;
width: 100%;
clear: both;
text-align: right;
}

#footer *{
font-size: 10px;
}

Span.copyright{
border-right: 1px solid #E3E3E3;
padding: 15px 0px 0px 20px;
width: 167px;
_width: 188px;
height: 20px;
text-align: left;
float: left;
color: #BEBEBE;
}

Span.novinky{
padding: 15px 0px 0px 0px;
margin: 0px 0px 0px 30px;
width: 200px;
height: 20px;
text-align: left;
float: left;
left: 188px;
color: #000000;
}

Span.novinky_form{
padding: 12px 0px 0px 0px;
margin: 0px 0px 0px 10px;
width: 220px;
height: 20px;
text-align: left;
float: left;
color: #000000;
}

Span.novinky_form input , Span.novinky_form textarea{
border: 1px solid #BEBEBE;
margin: 0;
padding: 2px;
width: 150px;
}

Span.novinky_form input.submit_news{
border: 1px solid #BEBEBE;
margin: 0;
padding: 1px;
width: 50px;
}

Span.kontakty{
padding: 10px 5px 0px 0px;
width: auto;
height: 20px;
text-align: left;
float: right;
color: #000000;
}

#footer A.kontakty{
text-decoration: none;
font-weight: normal;
color: #000000;
}

#footer A.kontakty:hover{
text-decoration: none;
color: #BEBEBE;
}

table{
margin: 0.25em 0em 0.5em 0em;
border-collapse: collapse;
}

TR , TD{
padding: 0.25em;
}

TR.popisky{
font-weight: bold;
}

TD{
padding: 0.25em;
width: 80px;
}

input.form{
border: 1px solid #BEBEBE;

}

A.link{
text-decoration: none;
font-weight: normal;
color: #000000;
letter-spacing: 0.125em;
}

A.link:hover{
text-decoration: none;
color: #BEBEBE;
}

H1,hr{
visibility: hidden;
display: none;
}

H2{
margin-bottom: 10px;
font-size: 20px;
}

H3{
margin-top: 20px;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
}

H4{
margin-bottom: 10px;
font-size: 12px;
}

input , textarea , select{
border: 1px solid #BEBEBE;
padding: 1px;
}

input.submit{
border: 1px solid #BEBEBE;
}

table.forum{
border-collapse: collapse;
width: 400px;
}

tr.forum_header{
font-weight: normal;
width: 400px;
}

tr.forum_post{
font-weight: normal;
width: 400px;
}

td.forum_name{
padding: 20px 0px 5px 0px;
width: auto;
font-weight: bold;
}

td.forum_date{
padding: 25px 0px 5px 0px;
width: auto;
text-align: right;
}

td.forum_post{
width: auto;
}

A.forum{
text-decoration: none;
color: #000000;
}

A.forum:hover{
text-decoration: none;
color: #BEBEBE;
}

#paginator{
margin-top: 40px;
width: 400px;
text-align: left;
}

#paginator A.paginator{
text-decoration: none;
color: #000000;
font-weight: normal;

}

#paginator_dole{
padding: 10px 0;
width: 400px;
text-align: left;
}

#paginator_dole A.paginator{
text-decoration: none;
color: #000000;
font-weight: normal;
}

#aktuality{
width: 530px;
float: left;
left: 0px;
}

#aktuality img{
float: right;
margin-bottom: 20px;
}

table.aktuality{
margin-bottom: 20px;
border-collapse: collapse;
width: 360px;
}

tr.aktuality_header{
font-weight: normal;
}

tr.aktuality_post{
font-weight: normal;
}

td.aktuality_name{
padding-bottom: 5px;
font-weight: bold;
width: 240px;
}

td.aktuality_date{
padding-bottom: 5px;
width: 120px;
text-align: right;
}

td.aktuality_post{
text-align: justify;
line-height: 200%;
width: auto;
}

A.aktuality{
text-decoration: none;
color: #000000;
}

A.aktuality:hover{
text-decoration: none;
color: #BEBEBE;
}

table.order{
margin: 20px 0px;
border-collapse: collapse;
width: 400px;
}

table.order textarea , table.order input{
width: 200px;
}

tr.order{
}

td.order{
padding: 3px;
width: 185px;
}

td.order_title{
padding: 3px;
width: auto;
}

td.error_order{
width: 100px;
color: red;
}

td.name_order{
padding: 3px;
width: 65px;
text-align: right;
}

td.name_order_jmeno{
padding: 3px;
width: 60px;
text-align: right;
}

td.error{
padding: 3px;
width: 150px;
}

select.order{
border: 1px solid #BEBEBE;
margin: 0;
padding: 1px;
width: 300px;
}

input.submit_order_select{
width: 45px;
border: 1px solid #BEBEBE;
padding: 1px;
}

#content a.order{
text-decoration: underline;
font-weight: bold;
color: #000000;
}

#content a.order:hover{
color: #BEBEBE;
}

table.order_obj{
margin: 20px 0px;
border-collapse: collapse;
width: auto;
}

table.order_obj textarea , table.order_obj input{
width: 225px;
}

TR.order_obj{
font-weight: normal;
}

td.order_titul{
padding: 5px;
width: 285px;
}

td.order_czkks{
padding: 5px;
width: 40px;
text-align: right;
}

td.order_ks{
padding: 5px;
width: 30px;
text-align: right;
}

td.order_ks input.order_ks{
padding: 1px;
width: 25px;
text-align: center;
}

td.order_cena{
padding: 5px;
width: 40px;
text-align: right;
}

td.order_celkem{
padding: 5px;
width: auto;
text-align: right;
}

td.error_order{
padding: 3px;
width: auto;
}

table.order_select, td.order_select, tr.order_select{
padding-right: 3px;
width: auto;
}

table.form_forum{
border-collapse: collapse;
width: auto;
_width: 460px;
text-align: left;
}

table.form_forum textarea, table.form_forum input{
width: 230px;
font-size: 12px;
}

tr.form_forum{
}

td.form_forum{
padding: 3px;
width: 180px;
}

td.form_name{
vertical-align: top;
padding: 3px;
width: 60px;
}

td.error_forum{
padding: 3px;
width: auto;
color: red;
}

#projects_interprets{
float: left;
width: 200px;
}

table.projects_media_interprets{
margin-bottom: 15px;
border-collapse: collapse;
width: 200px;
}

tr.projects_media_interprets{
}

td.projects_media_interpretsname{
padding: 5px 5px 5px 0px;
width: 150px;
vertical-align: top;
}

#projects_download{
float: right;
width: 280px;
}

table.projects_media_download{
margin-bottom: 15px;
border-collapse: collapse;
width: 280px;
float: right;
}

tr.projects_media_download{
font-weight: normal;
}

td.projects_media_download_name{
padding: 5px 5px 5px 0px;
width: 240px;
text-align: left;
vertical-align: top;
}

td.projects_media_download_img{
padding: 5px;
width: 20px;
text-align: right;
vertical-align: top;
}

table.projects_media_download img.download{
}

h3.projects_media{
font-size: 12px;
}

#projects_download A.download{
}

#projects_download A.download:hover{
text-decoration: none;
}

#project_gallery{
width: auto;
left: 0px;
clear: both;
}

#project_gallery a.project_gallery{
}

#project_gallery A.project_gallery:hover{
text-decoration: none;
}

img.thumb{
margin: 0px 5px 5px 0px;
}

table.recenze{
margin-bottom: 50px;
border-collapse: collapse;
width: 530px;
}

tr.recenze_header{
font-weight: normal;
}

tr.recenze_post{
font-weight: normal;
}

td.recenze_name{
padding-bottom: 5px;
font-weight: bold;
width: 400px;
}

td.recenze_date{
padding-bottom: 5px;
width: 130px;
text-align: right;
}

td.recenze_post{
padding-bottom: 20px;
text-align: justify;
line-height: 200%;
width: auto;
}

span.blink{
font-size: 25px;
color: red;
text-decoration: blink;
}

span.error_obj{
color: red;
font-weight: bold;
margin-bottom: 10px;
display: block;
}

.invisible{
visibility: hidden;
display: none;
}

img.white-line{
display: block;
position: absolute;
top: 0px;
left: 180px;
}

