body {font-family:Helvetica, Arial;background:#fff url(../images/pozadi3.png);font-size:14px;line-height:17px;color:#9aadb2;margin:20px 0;}

a {color: #87acb2;}
a:hover {text-decoration: none;}

.fl {float:left;}
.fr {float:right;}
.img-brd {border:1px #394653 solid;}

div#main {text-align:center;margin:0 auto;}

div#page {width:1024px;text-align:center;margin:0 auto;overflow:hidden;}

h1{float:left;font-size:20px;margin:15px 0 0 35px;color:#bf7e00;}
h2{font-size: 16px;margin:18px 0 0 0;color:#bf7e00;}
h3{width:730px;text-align:left;margin:0 left;font-size: 16px;margin-top:5px;margin-bottom:5px;color:#6b8f94;}

h2#motto{margin-left: 10px;margin-bottom: 5px;}

div#head{height:57px;font-size:16px;background: url(../images/hlavicka_invert.png);}
div#foot{float:left; height:37px; width:1024px; padding-top:20px; background:url(../images/paticka_invert.png);}

div#body{float:left;width:1024px;margin:0; font-size:14px;background: url(../images/middle_invert.png); display:none;}
div#left{border:0px red solid; float:left;width:142px;margin:0;font-size:14px;text-align:left; padding:10px;}
div#content{border:0px red solid;float:left;min-height:700px;width:658px;margin:0;font-size:14px;background: url(../images/strom_poz.png) center top no-repeat;font-family: Arial;padding:10px 20px;text-align:left;}
div#right{border:0px red solid;float:left;width:150px;margin:0;text-align:left; padding:10px 0 0 12px;}

div#content img{border: 1px #394653 solid; padding:5px;}
div#content .first{border: 0;}
div#content .reference-item{float:left; border-top: 1px #394653 solid; width:658px; margin-top:15px;}
div#content .reference-item img {float:left;}
div#content p{float:left; width:440px; margin-left:10px; margin-top:0;}

div#menu {float:left; margin:15px 0 0 50px; text-align:right; border:0px black solid; width:600px;font-size: 12px;color: #87acb2;}
div#menu ul {display: inline;line-height:20px;margin: 0 right;}
div#menu ul li {display: inline;line-height:20px;padding-bottom: 5px;}
div#menu ul li a {text-decoration: none;font-size: 18px;color: #87acb2;margin-left:5px;margin-right:5px;}
div#menu ul li a:hover {color: #6b8f94;}
div#menu ul li#selected a{color: #6b8f94;}

div#left ul {list-style-type: none; margin-left:0; padding-left:0;}
div#left ul li {line-height:20px;padding-bottom: 5px;}
div#left ul li a {text-decoration: none;font-size: 18px;color: #6b8f94; margin-right:5px;}
div#left ul li a:hover {color: #87acb2;}
div#left ul li#selected a{color: #87acb2;}

div#left #blog { margin-top:80px;}
div#left #blog h2{font-size:14px; margin:4px 0 6px 0;}
div#left #blog a{font-size:12px;}
div#left #blog .blog-item {margin-top:5px; padding-top:5px; border-top: 1px #394653 solid;}
div#left #blog .blog-content {font-size:12px;}
.error {text-align:left;padding:15px 0 15px 0;font-size:14px;color:#ff0000;}

div#content h2{margin-bottom: 0px;}
div#content h3{margin-top: 0px;margin-bottom: 10px;}
div#content p{margin-bottom: 10px;}
div#content #blog p{margin-left: 0px; width:640px; font-size:15px; text-align: justify;}

div#content ol{margin-top:10px;margin-left:50px;margin-bottom:10px;}

div#content ul{margin-top:10px;margin-left:30px;}
div#content ul li{margin-top:3px;list-style:square;}
div#content ul li a{font-weight:900;color: #487076;text-decoration:underline;}

th {vertical-align:top;}
label {font-weight:500;}

input {background: url(../images/middle_invert.png) center; margin:0 0 1px 10px;padding: 4px 8px 0 8px;width: 152px; height: 17px;border: 1px solid #394653; color:#9aadb2;}
input:focus {background: #394653;}
textarea {background: url(../images/middle_invert.png) center;	margin:0 0 1px 10px;padding: 4px 4px 0 4px;width: 515px; height: 109px;border: 1px solid #394653; font-size: 12px;overflow:scroll auto; color:#9aadb2;}
textarea:focus {background: #394653;}
input.buttonSubmit {width: 174px; height: 26px; padding-bottom:3px; color: #405959; font-weight:bold; margin-left:10px;overflow: hidden;cursor: pointer;}
	
div#postErr {font-size:12px;color:#ff0000; margin-left: 30px;}
div#postSucc {font-size:12px;margin-left: 30px;}
#imgref{float:left;margin-right:10px;} 

div#right h2 {margin-bottom:8px; font-size:14px;}
div#right #question{float:left; margin-top:60px;}
div#right #answer{float:left; text-align:center; width:140px; height:90px; padding-top:12px; display:none; border:1px #394653 solid; background: url(../images/middle_invert.png) center;}

div#right #reference-img {height:100px; overflow:hidden;}
.news {border:0px black solid; float:left; width:142px; overflow:hidden; font-size:12px; }
.news a {font-weight:bold;color:#87acb2;}
.news h2 {margin-bottom:8px; font-size:14px;}
table.person{border:1px #394653 solid; border-collapse: collapse; margin:10px 65px 0 0; width: 350px;}
table.second{margin-right:40px; margin-bottom:90px;}
table.person td{border:1px #394653 solid; border-collapse: collapse; padding:2px 6px; background: url(../images/middle_invert.png) center;}
table.person td a{text-decoration: underline;}

table.pricelist{border:1px #394653 solid; border-collapse: collapse; margin:10px 65px 20px 0; width:600px;}
table.pricelist td{border:1px #394653 solid; border-collapse: collapse; padding:2px 6px;  background: url(../images/middle_invert.png) center;}
table.pricelist td a{text-decoration: underline;}
table.pricelist td.tar{text-align: right; white-space:nowrap;}
table.pricelist td input{width:20px; padding:0 3px; margin:3px 0 0 0;}
table.pricelist td input.checkbox{width:16px; height:16px;	padding:0; margin:3px 0 0 0;}