* {
	margin: 0px;
	padding:0px; 
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background: url("../img/body_bg.png") repeat;
	color: White;
}

#body_color{
	background:#303539  url("../img/bg.png") 0% -30px repeat-x;
	padding-top: 11px;
}

a {
	text-decoration: underline;
	color:#D6A90B;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

p {
margin: 0px 0px 15px 0;
line-height: 1.7em;
}

h1 {
color:#00FAFF;
background: url("../img/h_bg.jpg") no-repeat bottom right;
border-bottom: #D6A90B 1px solid;
font-size: 1.4em;
line-height: 30px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.cleaner {
	clear: both;
	height: 0px;
	font-size: 0px;
}


.ref {
	width: 258px;
	background:#25292C url("../img/reference_klic.png") no-repeat 10px 15px;
	margin: 3px 18px 0px 6px;
	float: left;
}

.ref h4 {
	color:#00FAFF;
	font-size: 1em;
}

.ref h4 a{
	color:#00FAFF;
	font-size: 0.8em;
	text-decoration:none;
}

.ref p {
	color:#717579;
	font-size:0.8em;
	margin: 5px 0px;
}

#reference .ref_content {
margin: 8px 20px 10px 30px;
}

.ref_content a img{
margin:4px 13px 0px 0px;
border:#717579 1px solid;
}

.ref_content a:hover img{
border:#D6A90B 1px solid;
}

.nov {
	padding:0px 30px 20px 30px; 
	border-bottom:#717579 1px solid;
}

.date {
	padding-left: 20px;
	background: url("../img/calendar.png") no-repeat 0px 0px;
	font-weight: bold;
}

.date a{
color:#D6A90B;
font-weight: normal;
}

.archiv {
	margin-right: 30px;
}

#content h2, #content_nov h2 {
color:#00FAFF;
background: url("../img/h_bg.jpg") no-repeat bottom right;
border-bottom: #D6A90B 1px solid;
font-size: 1.1em;
line-height: 30px;
margin-bottom:8px;
}

#content ul, #content_nov ul {
line-height: 2.2em;
margin: 10px;
list-style: none;
}

#content ul li, #content_nov ul li {
	padding:0px 20px;
	background: url("../img/list_style.png") no-repeat 0px 10px;
}

#container {
	margin: 0px auto;
	text-align: left;
	width: 900px;
}

#top {
	width: 900px;
}

#top_left {
	width: 521px;
	height: 117px;
	float: left;
	background: url(../img/top-left.jpg) no-repeat 340px 0px ;
}

#top_left h2{
	width: 340px;
	height: 127px;
	position: relative;
	margin: 0px;
	padding: 0px;
}


#top_left a{
	display: block;
	width: 340px;
	height: 127px;
	position: absolute;
	background: url(../img/logo.png) no-repeat 0px 0px;
	text-decoration: none;
}

#top_right {
	float: right;
	width: 255px;
	height: 119px;
	background: url(../img/letter.png) no-repeat 0px 1px;
	
}

#top_right h3{
padding: 22px 10px 0px 92px;
color: #00FAFF;
font-size: 1.1em;	
}

#top_right table{
margin:13px 0px  0px 40px;
font-size: 0.9em;
}

#top_right table td{
padding:2px 12px 0px 0px;
color: #717579;	
}

#top_right table td a, #top_right table td span{
color: #09727A;	
}

#white_space {
	height: 30px;
	clear: both;
}

#header {
	width: 900px;
	height: 240px;
	border-top:#09727A 5px solid;
	background:#ffffff url(../img/header.jpg) no-repeat 391px 0px;
}

#header_content {
padding: 8px 0px 0px 65px;
}

#project {
	width: 259px;
	height: 93px;
	margin: 13px 0px;
	background:#24292C url("../img/project.png") no-repeat;
}

#projecta {
	width: 259px;
	height: 93px;
	display: block;
}

#statica {
	width: 259px;
	height: 93px;
	display: block;
}

#project h2 {
	text-align: center;
	color: #00FAFF;
	font-size:1.25em;
	padding: 8px 15px 0px 15px;
	letter-spacing: -1px;
}


#project a, #static a {
	text-decoration: none;
	color: inherit;
}

#project p {
	margin: 0px;
	padding: 7px 8px;
	text-align: center;
	font-size: 0.95em;
	letter-spacing:-0.5px;
	color: #ffffff;
}

#static {
	width: 259px;
	height: 93px;
	margin: 13px 0px;
	background:#0B767E url("../img/static.png") no-repeat;
}

#static h2 {
	text-align: center;
	color:#303539;
	font-size:1.25em;
	padding: 15px 15px 0px 15px;
	letter-spacing: -1px;
}


#static p {
	margin: 0px;
	padding: 10px 8px;
	text-align: center;
	font-size: 0.95em;
	letter-spacing:-0.5px;
	color: #ffffff;
}

#menu {
	margin-top: 5px;
	background: url(../img/menu_bg_x.jpg);
}

#menu ul{
list-style: none;
height: 40px;
margin: 0px 62px;
}


#menu ul li{
float: left;
width: 153px;
height: 40px;
margin-left:1px;
}

#menu ul li a{
display: block;
text-align: center;
width: 153px;
height: 40px;
background: url(../img/menu_bg_x_hover.jpg) repeat-x 0px 92px;
line-height: 38px;
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
color: #6BE4E9;
}

#menu ul li a:hover, #menu ul li.active a{
background: url(../img/menu_bg_x_hover.jpg) repeat-x 0px 0px;
color: #ffffff;
}

#content_nov {
	padding: 0px 0px 30px 30px;
	margin-top: 30px;
	background: url(../img/content.jpg) repeat-y 0px 0px;
	color: #ffffff;
	font-size: 0.9em;
  	min-height: 300px;
  	height: expression(this.scrollHeight < 300? "300px" : "auto" );
	/*border-bottom:#D6A90B 2px solid;*/
}

#content {
	padding: 30px;
	color: #ffffff;
	font-size: 0.9em;
}

#content_text {
width: 510px;
float: left;
}

#novinky {
width: 300px;
float: right;
background: url(../img/novinky.png) no-repeat 0px 0px;
color: #BDBDBD;
}

#novinky h3 {
	color:#00FAFF;
	padding: 25px 20px 12px 70px;
}

#novinky p {
line-height: 1.4em;
}

#reference {
	width: 900px;
	background:#1A1D20 url(../img/reference.png) no-repeat 50px 13px;
	border-top:#D6A90B 2px solid;

}

#reference_content {
	padding: 0px 0px 25px 30px;
}
	

#reference h3{
padding:14px  0px  14px 85px;
color: #00FAFF;
font-size: 1.1em;
}

#reference h3 a{
padding-left: 70px;
font-size: 0.8em;
font-weight: normal;
}

#footer {
width: 100%;
background: url(../img/footer_bg_x.png) repeat-x;
height: 54px;
text-align: center;
padding-top: 3px;
}

#footer_content {
width:860px;
margin: 0px auto;
text-align: left;
}

#footer_text {
width:400px;
line-height: 51px;
font-size: 0.8em;
float: left;
}

#freshlime{
float: right;
padding-right: 80px;
}

#freshlime a{
width:107px;
height: 51px;
text-decoration: none;
position: relative;
}

#freshlime a span{
width:107px;
height: 51px;
position: absolute;
background: url(../img/freshlime.png);
}

#content h3, #content_nov h3 {
color:#00FAFF;
font-size: 1.0em;
margin-bottom:3px;
}

#content h4, #content_nov h4 {
color:#00FAFF;
font-size: 1.0em;
margin-bottom:3px;
}

#content h5, #content_nov h5 {
color:#00FAFF;
font-size: 0.9em;
margin-bottom:3px;
}

#content table,  #content_nov table {
	font-size: 0.9em;
	margin: 25px 0px;
	border-collapse:collapse;
}

#content table th,#content table td {
padding: 6px 30px;
text-align:left;
}

#content_nov table th, #content_nov table td{
padding: 6px 30px;	
}

#content table th,#content_nov table th  {
border:#606060 1px solid;
font-weight: bold;
}

#content table td, #content_nov table td {
border:#606060 1px solid;
}

#content address, #content_nov address{
font-style: italic;
font-size: 1.2em;
}


#content ol, #content_nov ol{
margin:10px 20px;
font-size: 0.9em;
list-style-position: outside;
}

#content a img, #content_nov a img{
margin:10px;
border:#717579 1px solid;
}

#content a:hover img, #content_nov a:hover img{
border:#D6A90B 1px solid;
}

#content img, #content_nov img{
margin:10px;
border:#717579 1px solid;
}

#content h1, #content_nov h1 {
	margin-bottom:15px;
}

/* reference atd. - pridano 2009-08-17 - odstranit komentar ve finalnim provedeni */

#content div.ref, #content_nov div.ref {
	margin: 3px 15px 15px 0px;
	width: 240px;
	height: 160px;
}

#reference div.ref {
	height: 160px;
}

#content div.ref_content, #content_nov div.ref_content {
padding: 9px 10px 13px 28px;
}

#content div.ref_content a img, #content_nov div.ref_content a img {
margin:4px 5px 0px 0px;
}

/* galerie */

.gallery-galbox, .gallery-photobox {
  width: 105px;
  margin: 20px 0 0 10px;
  float: left;
  position: relative;
}

.ref-photobox {
  float: left;
  position: relative;
  width:102px;
  height:102px;
  text-align:center;
}

.ref2-photobox {
  float: left;
  position: relative;
  width:97px;
  height:97px;
  text-align:center;
}

.gallery-galbox {
  text-align: center;
  height: 128px;
}

.gallery-photobox {
  text-align: center;
  height: 109px;
}

.gallery-photolink, .gallery-newlink {
  position: relative;
  display: block;
  width: 85px;
  text-decoration: none;
}

.ref-photolink {
  position: relative;
  display: block;
  width: 102px;
  height:102px;
  text-decoration: none;
}

.ref2-photolink {
  position: relative;
  display: block;
  width: 97px;
  height:97px;
  text-decoration: none;
}

.gallery-photolink span {
  display: table-cell;
  vertical-align: middle;
  width: 85px;
}

.ref-photolink span {
  display: table-cell;
  vertical-align: middle;
  width: 102px;
  height:102px;
}

.ref2-photolink span {
  display: table-cell;
  vertical-align: middle;
  width: 97px;
  height:97px;
}

.refimgs .gallery-photolink, .refimgs .gallery-newlink, .refimgs .gallery-photolink span {
  width: 109px;
}

.gallery-photobox a.gallery-photolink span {
  height: 76px;
  cursor:pointer;
}

.refimgs .gallery-photobox a.gallery-photolink span {
  height: 109px;
}

.gallery-galbox a.gallery-photolink span {
  height: 97px;
  cursor:pointer;
}

.gallery-galbox a.gallery-photolink {
  background: transparent url('../img/gallery-folder.png') 0% 0% no-repeat;
  height: 128px;
}

.gallery-photobox a.gallery-photolink {
  background: #25292C;
  height: 109px;
}

.gallery-photolink strong, .gallery-newlink strong {
  height: 30px;
  width: 85px;
  text-align: center;
  display: block;
  font-size: 0.7em;
  position: absolute;
  overflow: hidden;
  left: 0;
  cursor:pointer;
}

.gallery-galbox a.gallery-photolink strong {
  top: 98px;
}

.gallery-photobox a.gallery-photolink strong, .gallery-photobox a.gallery-newlink strong {
  top: 79px;
}

#middle div.gallery-galbox a.gallery-photolink img {
  margin: 15px 0;
  position: relative;
  left: -1px;
}

#middle div.gallery-photobox a.gallery-photolink img {
  margin: 7px 0 0;
  position: relative;
  left: -2px;
}

#footer p {
	margin-top:8px;
}

span.refSubcats {
	display:block;
	padding-top:5px;
}

span.refSubcats a {
	margin-left:10px;
	text-decoration:none;
	color:#0cc;
}

span.refSubcats a:hover {
	text-decoration:underline;
}

span.location {
	color:#828588;
	padding-left:5px;
}

div.nov span.location2 {
	color:#717579;
	padding-left:15px;
}

#flashbox {
  width: 510px;
  height: 240px;
  position: absolute;
  top: 0;
  left: 390px;
}

#header {
  position: relative;
}