body {
	margin:0;
	padding:0;
	font-family: verdana;
	color: #000;
	background: #fff;
	font-size:100%;
	background-image: url(images/back.gif);
	background-repeat:repeat-y;
	background-position: center;
  background-color: #FFF;


}
html, body {
	height: 100%;
}
/* Structure */

#main {
	width:820px;
	margin:0 auto;
	padding:0;
	border-right: 0px solid #ccd;
	border-left: 0px solid #ccd;
	background-color: #fff;
	min-height: 100%;
  height: 100%;
  position: relative;
}
 body>#main {
 height: auto;
 }

#content {
	float: right;
	padding-left: 0px;
	margin-top: 10px;
	font-size: 0.95em;
	color: #000;
	width: 820px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	
}

#top {
  background-image: url(images/logo.jpg);
  height:60px;
  background-repeat: no-repeat;
  
}

#bottom {
	font-size: 0.55em;
	color: #999;
	padding: 0;
  margin: 0;
	text-align: right;
	background-color: #333333;
	background-repeat: repeat-x;overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 820px;
}

.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: .5;
}

#prazdny {
  height:300px;
}

/* Link Styles */

a {
	color: #336699;
	text-decoration: none;
}
a.link_bottom{
	color: #fff;
	text-decoration: none;
	padding: 5px;
}
a.link_bottom:hover{
	color: #ffe31c;
	text-decoration: none;
	padding: 5px;
}


a:hover {
		color: #000;
}




h1 {
	color: #cc0000;
	font-size: 18px;
	text-align: left;
	margin: 0 0px 0px 0px;
	padding: 0px 0px 1px 0;
	font-family: tahoma;
	font-weight: bold;
	position: relative;
	padding-bottom: 10px;
  padding-top: 0px;
  text-decoration: underline;
}

h2 {
	color: #4378ae;
	font-size: 12px;
	margin: 0;
	padding: 0;
	position: relative;
	font-family: verdana;
	font-weight: bold;
}

p {
	padding: 5px 5px 5px 20px;
	margin: 0;
	line-height: 1.3em;
}



/* IE hack */
* html #content { height: 1%; }
* html #widecontent { height: 650px; }

.menu {
float:left; width:820px; font-family: verdana, arial, sans-serif; font-size:12px;
background:url(images/menu.gif) repeat-x top left; 
border-bottom:1px solid #000;
_margin-top: 3px
margin-top: 3px;
}
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul li {
margin: 0;
padding: 0;
float:left; position:relative; background:url(images/divider1.gif) no-repeat top right;
}
.menu ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none;color:#fff; padding:0px 40px; line-height:30px; height:30px; border-bottom:3px solid #fff; 
}
* html .menu ul li a, .menu1 ul li a:visited {height:33px; he\ight:30px;}

.menu ul li:hover {width:auto;}

.menu ul li a.menu1one:hover {border-color:#000; color:#000;}
.menu ul li:hover a.menu1one {border-color:#000; color:#000;}


.menu ul li ul {
display: none;
}
.menu table {
margin:-1px; border-collapse:collapse; font-size:11px;
}

/* specific to non IE browsers */
.menu ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:174px;border-bottom:1px solid #000;
}
.menu ul li:hover ul.endstop {
left:-92px;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:150px; border:1px solid #000; border-bottom:0;
}
.menu ul li:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li a:hover {
color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li a:hover.drop {
background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li:hover ul {
display:block; position:absolute; left:173px; top:-1px;
}
.menu ul li:hover ul li:hover ul.left {
left:-173px;
}



/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
display:block;position:absolute;top:33px; t\op:32px; background:#fff;left:0; marg\in-top:1px; border-bottom:1px solid #000;
}
.menu ul li a:hover ul.endstop {
left: -92px;
}
.menu ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:172px; w\idth:150px; border:1px solid #000; border-bottom:0;
}
.menu ul li a:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px; padding-bottom:5px;
}
.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu ul li a:hover ul li a:hover {
color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu ul li a:hover ul li a:hover.drop {
 background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; t\op:-1px; color:#000; left:173px;
}
.menu ul li a:hover ul li a:hover ul.left {
left:-173px;
}



.odkaz_top {
	position: relative; left: 270px; top: 5px;
	color:  #ff9933;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;

	
}
.odkaz_top2 {
	position: relative;left: 310px; top: 5px;
	color:  #ff9933;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
}

.text_ramcek {
  color:black;
  font-size: 11px;
  font-family: verdana;

  
}

.ramcek {
	width: 780px;
	background-color: #f3f3f3;
  margin-left: 20px; margin-right: 0px; margin-top: 5px; margin-bottom: 15px;
  background-image: url(images/ramcek/back.gif);
  background-repeat: no-repeat;
  background-position: right;
  min-height: 200px;
  _height: 200px;
}
.ramcek_kontakt {
	width: 780px;
	background-color: #f3f3f3;
  margin-left: 20px; margin-right: 0px; margin-top: 5px; margin-bottom: 15px;
  background-image: url(images/ramcek/back.gif);
  background-repeat: no-repeat;
  background-position: right;
  min-height: 300px;
  _height: 300px;
}

.ramcek_reference {
	width: 780px;
	background-color: #f3f3f3;
  margin-left: 20px; margin-right: 0px; margin-top: 5px; margin-bottom: 15px;
  background-image: url(images/ramcek/back.gif);
  background-repeat: no-repeat;
  background-position: right;
  min-height: 650px;
  _height: 650px;
}


.ramcek .tl {
	background-image: url(images/ramcek/lh.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.ramcek .tr {
	background-image: url(images/ramcek/ph.gif);
	background-repeat: no-repeat;
	background-position: top right;
}


.ramcek .obsah {
	padding: 20px;
		font-size: 11px;
	color: #000;
}
.ramcek_kontakt .tl {
	background-image: url(images/ramcek/lh.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.ramcek_kontakt .tr {
	background-image: url(images/ramcek/ph.gif);
	background-repeat: no-repeat;
	background-position: top right;
}


.ramcek_kontakt .obsah {
	padding: 20px;
		font-size: 11px;
	color: #000;
}
.ramcek_reference .tl {
	background-image: url(images/ramcek/lh.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.ramcek_reference .tr {
	background-image: url(images/ramcek/ph.gif);
	background-repeat: no-repeat;
	background-position: top right;
}


.ramcek_reference .obsah {
	padding: 20px;
		font-size: 11px;
	color: #000;
}
.ramcek_velikost {
	padding-right: 80px;
}
.reference {
	margin-right: 14px;
	margin-left: 0px;
	margin-top: 25px;
	border: 0px;
}
.kon_img {
	padding-right: 18px;
	margin-left: -15px;
	border: 0px;
}
.kon_tel {
	padding-left: 28px;
}