@import 'chrome.css';
@import 'typo.css';
@import 'service.css';
@import 'two-columns.css';

.main2, .main3 {
	padding: 20px 1px 10px 1px;
}
.logo {
	position: absolute;
	display: block;
	top: 40px;
	left: 0px;
	width: 235px;
	height: 80px;
}
.main3 {
	width: 418px;
	background-image:url(../imgs/vr-main3.gif);
	background-repeat: repeat-y;
	background-position: top left;
	padding-bottom: 2em;
}
.main2 {
	width: 570px;
	background-image:url(../imgs/vr-gray.gif);
	background-repeat: repeat-y;
	background-position: top left;
	padding-bottom: 2em;
}
.context {
	width: 133px;
	padding: 0 10px 0 10px;
	border-top: 4px solid rgb(0, 78, 72);
}
.context h3 {
	margin-top: 10px;
}
body {
	background-color: rgb(147,192,71);
	background-image:url(../imgs/body-bkg.gif);
	background-repeat: repeat-x;
	background-position: top;
	position: relative;
}
.container {
	background-color: #fff;
	width: 740px;
	padding: 0px 10px 10px 10px;
}
.header {
	/*background-image:url(../imgs/header.jpg);
	background-position: bottom;
	background-repeat: no-repeat;*/
	width: 740px;
	height: 125px;
	text-align: right;
	padding-top: 5px;
	margin-bottom: 10px;
	position: relative;
}
.header p {
	padding-bottom: 4px;
}
p, ul, ol, h1, h2, h3, h4 {
	color: #333;
}
p, ul, ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: .6em;
}
p.perex {
	font-style: italic;
	font-size: 15px;
	line-height: 120%;
	padding-bottom: 1em;
}
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
h1 {
	font-size: 28px;
	font-size: 34px;
	padding-bottom: .4em;
	color: #016740;
	font-weight: normal;
}
h2 {
	font-size: 19px;
	padding-bottom: .4em;
	padding-top: 1em;
}
h2.h2xxl {
	font-size: 28px;
	font-size: 34px;
	color: #016740;
	padding-top: 0;
	padding-bottom: .4em;
	font-weight: normal;
}
h3 {
	font-size: 14px;
	padding-bottom: .3em;
	padding-top: .6em;
}
a {
	color: rgb(251,161,0);
	text-decoration: none;
}
a:hover {
	color: rgb(0,78,72);
}
p.date-full, p.date {
	font-size: 10px;
	color: #999;
	padding-bottom: .2em;
}
p.date-full {
	padding-bottom: .6em;
}
p.article-info {
	font-size: 10px;
	color: #999;
}
.caption, .separator {
	color: #999;
}
.articletype {
	color: #000;
}
.more {
	font-style: normal;
	font-size: 9px;
	font-weight: bold;
	padding-right: 10px;
	background-image:url(../imgs/bullet.gif);
	background-position: right;
}
.header a {
	color: #999;
	font-size: 10px;
}
.main2 h1, .main3 h1,
.main2 h2, .main3 h2,
.main2 h3, .main3 h3,
.main2 h4, .main3 h4,
.main2 p, .main3 p,
.main2 ol, .main3 ol,
.main2 ul, .main3 ul {
	padding-left: 20px;
	padding-right: 20px;
}
ul li, ol li {
	padding-left: 10px;
	margin-left: 10px;
	background-image:url(../imgs/bullet.gif);
	background-position: left 6px;
}
h2.yellow {
	border-top: 3px solid rgb(0, 78, 72);
	background-image:url(../imgs/grad-yellow.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding-top: 1em;
	margin-top: .4em;
}
.footer {
	background-image:url(../imgs/hr-gray.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 1em;
	text-align: center;
}
.footer p {
	font-size: 11px;
	color: #999;
}

.box {
	margin: 20px 10px 30px 10px;
	background-image:url(../imgs/box-bkg.gif);
	background-position: bottom right;
}
.box h2 {
	background-image:url(../imgs/box-header.gif);
	background-position: top left;
	color: #fff;
	font-size: 14px;
	padding-left: 10px;
	padding-top: .5em;
}
.box-content {
	border: 1px solid #84ae8b;
	padding-bottom: 30px;
	padding-top: 10px;
}

.box h3, .box p {
	padding-left: 10px;
	padding-right: 10px;
}
.box p {
	padding-left: 20px;
}
.box h3, h3.sluzba  {
	background-image:url(../imgs/bullet.gif);
	background-position: left 14px;
	margin-left: 10px;
	padding-left: 10px;
}
h3.sluzba {
	margin-left: 20px;
}
.box .column {
	width: 50%;
	float: left;
}
.box .hr {
	margin-left: 10px;
	margin-right: 10px;
	display: block;
	height: 1px;
	background-image:url(../imgs/hr-gray.gif);
	background-repeat: repeat-x;
}
.box p.last {
	padding-right: 60px;
}



.menu {
	width: 165px;
	padding: 0;
	border-top: 4px solid rgb(0, 78, 72);
	background-image:url(../imgs/menu-bkg.jpg);
	background-position: bottom right;
	background-color: #fffef9;
	margin-bottom: 1em;
}
.menu * {
	font-size: 10px;
}
.menu ul {
	padding: 0;
	margin: 0;
}
.menu li {
	margin-left: 0;
	padding: 4px 0 4px 10px;
	background-image:url(../imgs/hr-gray.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.menu li a.arrow {
	background-image:url(../imgs/bullet.gif);
	background-position: left center;
	padding-left: 10px;
}
li.li-round {
	background-image:url(../imgs/bullet-round.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	margin-left: 10px;
}
.menu li a {
	display: block;
	_width: 110px;
}
li.li-round a {
	color: #333;
}
li.li-round a:hover {
	color: rgb(251,161,0);
}
img.portret {
	display: block;
	float: left;
	margin-left: 20px;
}
.clovek ul {
	display: block;
	width: 400px;
	float: left;
	padding-left: 0;
	margin-left: 0;
}
.clovek {
	padding-bottom: .4em;
}
.ico-pdf {
	padding-left: 20px;
	background-image:url(../imgs/ico-pdf.gif);
	background-position: 0 3px;
}
.clanekservis .ico-pdf {
	padding-left: 15px;
	margin-left: 5px;
}
p.clanekservis {
	padding-top: 0;
	margin-top: 0;
}
p.anotace {
	padding-bottom: 0;
	margin-bottom: 0;
}
.poutaky img {
	margin: 5px 0 7px 0;
	display: block;
}
.refe {
	position: relative;
	background-image:url(../imgs/hr-gray.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: .6em 0 .6em 80px;
	margin: 0 0 0 20px;
	min-height: 75px;
	_height: 75px;
}
.refe img {
	display: block;
	position: absolute;
	top: 1.2em;
	left: 0px;
}
p.typ-projektu {
	padding-bottom: 0;
}
.equalizeHeight {
	float: left;
}
/**
* Upadate for images in body text 16:12 17.9.2009
**/

.img-container {
	margin: 0 20px 20px 20px;
	padding: 10px;
	background-color: #FFFEF9;
	border: 1px solid #84AE8B;
	float: left;
	max-width: 300px;
}

.img-desc {
	padding-top : 10px;
	font-family: Verdana,sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #aaa;
}
/* forms.css */
label {font-weight:bold; width: 140px; display: block; float: left; line-height: 1.1em; clear: left;margin: 8px 0 0 0; padding-right: 10px;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb; margin:0.5em 0;}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:2px 5px;}
input.title {font-size:1.5em;}
textarea {width:450px;height:50px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

input.text,
textarea {
	border: 1px solid #bbb;
	font-size: 13px;
}
label .required {
	color: #f00;
	font-weight: bold;
}
 p.error{
	margin: 10px;
}
input.pocet {
	width: 25px !important;
}
span.form-section {
	display: block;
	border-bottom: 1px solid #ccc;
	width: 460px;
	padding-top: 15px;	
	font-size: 10px;	
}
span.form-section  em {
	text-transform: uppercase;
	font-style: normal;
}
.submit {
	padding: 2px;
	border: 1px solid #666;
	cursor: pointer;
}


/* Double float bug */
* html .img-container {
	display: inline;
}

* html  .img-container {	
	width: expression(document.body.clientWidth > 300 ? "300px" : "auto" ); 
 }