﻿body {margin: 0; padding: 0; font-family: "Trebuchet MS", "Bliss 2 Regular", "Arial"; font-size: 12px; color: #969494; }
#main {width: 1024px; height: 640px; margin: 0 auto; padding-left: 20px; padding-right: 20px}
a {color: #969494; text-decoration: none;}
a:hover {text-decoration: underline;}


#left {float:left; width: 130px; background: url(images/bg-blue.gif) repeat-y;  margin: 0px; }
#right {float:right; width: 861px; background: url(images/bg-blue.gif) repeat-y; margin: 0px; padding: 0px; clear: right; }

#logo {width: 130px; height: 53px; margin-top: 346px; margin-right: 33px; background: url(images/logo.png) no-repeat; background-position: top; clear: both; }
#logo h1 {display: none;}

#left ul {display: block; width: 130px; margin: 0px; padding: 0px; margin-top: 45px; clear: both; font-family: "Calibri", "Trebuchet MS", "Bliss 2 Regular", "Arial";}
#left ul li {letter-spacing: 2px; display: block; width: 130px; line-height: 20px; list-style: none; font-weight: bold; text-align: right; text-transform: uppercase; padding: 0px;margin-bottom: 4px}
#left ul a {display: block; width: 130px; line-height: 20px; text-decoration: none;  color: #969494; padding-right: 33px;}
#left ul a:hover {color: #fff; background-color: #aba8a8; }
#left ul a span {display: none; text-transform: none;}

#language {height: 30px; margin-top: 35px;}
#language ul {display: block; margin: 0px;  padding-top: 10px; float: right; }
#language ul li {display: inline; line-height: 20px; list-style: none; font-weight: bold; font-size: 11px; text-align: right; margin-left: 15px; }

#header {width: 861px; height: 323px; clear: both;}
#header.uvod {background-image: url(images/uvod.jpg);}
#header.o-me {background-image: url(images/o-me.jpg); }
#header.kontakt {background-image: url(images/kontakt.jpg); }
#header.klienti {height: 0px; }
#header.foto { height: 305px; overflow: hidden; margin-bottom: 0px;}
#header.foto p{ float: left; text-align: center; margin-right: 20px; margin-bottom: 0px; width: 110px; height: 90px;}
#header.foto img {border: 3px solid #C2C2C2;}
#header.foto img:hover {border: 3px solid #969494;}
#header h2 {display: none;}

#flash p {text-align: center; display: inline-block; padding-top: 100px; width: 861px;}

#content {width: 861px; height: 242px; margin-bottom: 20px; padding-top: 0px; margin-top: 56px; clear: both; background: url(images/content-line.gif) repeat-y left;}
#content.klienti {height: 531px; padding-top: 90px; margin-top: 0px; }
#content.klienti h2{ display: none;}
#content.foto { margin-top: 19px; }
#content p {text-align: left; font-size: 12px; margin-bottom: 15px; padding-right: 20px;}
#content p.arab { font-size: 14px;  text-align: right;}
#content .left {width: 330px; padding-left: 140px; float: left;  margin-top: -10px;}
#content .right {width: 320px; float: right; margin-top: -10px;}
#content .foto {width: 450px; padding-left: 140px; float: left; padding-top: 100px;}

#kont {width: 330px; padding-left: 140px; float: left;  margin-top: 2px;}

#content ul.left {width: 400px; margin: 0px; padding-bottom: 0px; clear: both;}
#content ul.left li {width: 600px; padding-left: 10px; background: url(images/list.gif) no-repeat top left; list-style: none;}
#content ul.left li ul {width: 600px; padding: 0px;  margin-left: 10px;}
#content ul.left li ul li {width: 600px; padding: 0px;  background-image: none;}

#content .galerie {padding-top: 71px; text-align: center; font-size: 13px; font-weight: bold; }
#content .popis {padding-top: 71px; width: 861px; height: 50px; text-align: center; font-size: 13px; font-weight: bold; display: none; position: absolute;}
#content .last {width: 600px; float: right; text-align: right; margin-top: 50px;}

#sh {padding-top: 277px; padding-right: 20px; margin-left: 140px;}
#autodesk {width: 196px; height: 75px; background: url(images/autodesk.gif) no-repeat right top; float: right;  margin-right: 65px; margin-top: -35px; clear: none;}

#last {width: 861px; height: 30px; margin-top: 225px; text-align: right; font-size: 10px; display: block;position: absolute; }

#footer {height: 18px; background-color: #aba8a8; clear: both;}
#footer small {color: #fff;  margin-top: 2px; font-weight: bold;}
#footer small a {color: #fff; }
#footer small.left { margin-left: 10px;float: left;}
#footer small.right { margin-right: 10px; text-align: right; width: 861px; float:right;}

.arab {direction: rtl; text-align: right;}
