body {
	font-family: "Trebuchet MS", Arial, sans-serif; font-size:80%;
	margin:0 0 30px; 
}

.l {float:left;}
.r {float:right;}
.clear {clear:both;}
.mt25 {margin-top: 25px}
.jsonly {display: none}
.achide {position: absolute; height:0; width:0; overflow:hidden; left:-9999px; top: -9999px;}
.va-top td {vertical-align: top;}

@media screen {
	body {background:#CACACA url("../images/bg-page-stripe.png") repeat-x;}
	#page {width:910px; margin:0 auto; padding:0 25px 25px; background:white;}
	#shadow-middle {background: url("../images/shadow-middle.png") 50% 0% repeat-y;}
	#shadow-top {background: url("../images/shadow-top.png") 50% 0% no-repeat;}
	#shadow-bottom {background: url("../images/shadow-bottom.png"); margin: 0 auto; height:3px; width:960px; font-size:0;}
}

/* hlavička */
#header {height: 89px; position: relative;}
#logo {top:20px; left:0; width:273px; height:65px; background:url("../images/logo.png"); display:block; position:absolute;}
#topflash {top: 33px; left: 300px; position: absolute; margin: 0 auto;}
#logo span {display:none;}
.photo-cont {height: 306px; position:relative;}
@media print {
	.photo-cont, .shadow, #menu {display:none;}
}
#photo-overlay {height: 287px; background:black; opacity:0; position:absolute; left:0; bottom: 0; width:910px; z-index:2; filter:alpha(opacity=0);}

#photo-loading {height: 287px; background:#014E88; position:absolute; left:0; bottom: 0; width:910px;}
#photo-loading span {color: white; position: absolute; left: 50px; top: 50px;}

#photo {background: 0% 100% no-repeat; background-image: url("../images/foto1.jpg"); height: 306px; position:absolute; left:0; top: 0; width:910px;}
#photo-top {background: 0% 100% no-repeat; background-image: url("../images/foto1.jpg"); height: 306px; position:absolute; left:0; top: 0; width:910px;}

/* photo taby */
#photo-tabs {padding-top:1px;}
#photo-tabs span {
	background: url("../images/photo-tab.png") 0 14px; width: 100px; height:14px; margin-right: 2px; float:left;
	color: #777; text-align:center; font-size: 95%; line-height: 14px; cursor:default;
}
#photo-tabs span.active {background-position: 0 0; color: white;}
.shadow {background: url("../images/shadow.png") repeat-x 0 1px; height:32px;}


/* chlapi */

.chlap {
	height: 321px; width:110px; position:absolute; bottom:0; cursor: pointer; z-index:3;
}
.chlap .chlap-foto {height:277px; padding:5px; opacity:0.8; filter:alpha(opacity=80); text-align:center; font-size:95%; color:#15466B;}
.chlap.active .chlap-foto {opacity:1; filter:none;}
.chlap:hover .chlap-foto {opacity:1; filter:none;}
#objednatel .chlap-foto {background:url("../images/objednatel-chlap.png");}
#dodavatel .chlap-foto {background:url("../images/dodavatel-chlap.png");}
#dodavatel-info-cont, #objednatel-info-cont {position:absolute; bottom:0px; height:287px; z-index:4; display:none;}
.chlap-info {
	height:253px; z-index:4; display:none; width: 369px;
	background:#EDF3F7 url("../images/bg-chlap.png"); position: relative; padding: 17px;
}
.chlap-info p, .chlap-info ul {color: #0E324C; margin-top:12px !important;}
.chlap-info strong {color: #4A87B9;}
#dodavatel-info ul {margin: 0 5px 0 9px;}
#objednatel-info ul {margin: 0 9px 0 9px;}
.chlap .tab {
	background: url("../images/tab.png"); font-size:90%; line-height:15px; padding: 2px; 
	color:white; font-weight: bold; text-align:center; text-transform:uppercase;
}
.chlap:hover .tab, .chlap.active .tab {background-position:0 100%;}

#objednatel-info-cont {right: 135px; width: 401px;}
#objednatel-info-cont .chlap-info {z-index:5 !important;}
#dodavatel-info-cont {right: 255px; width: 401px;}

#objednatel {right: 25px;}
#dodavatel {right: 145px;}

.chlap-info .button {
	position: absolute; right: 25px; bottom:17px;
}
#dodavatel-info-cont .button {
	right: 23px;
}


/* patička */
#footer {width: 910px; margin: 10px auto; text-align:right; color:#777; font-size: 95%;}
#footer a {color: #15466B; text-decoration:none;}
#footer a:hover, #footer a:active, #footer a:focus {color: black; text-decoration:underline;}



/* menu */
#menu, #menu li {list-style-type:none; margin:0; padding:0; position:relative;}
#menu {height: 40px; background: #185480 url("../images/menu.png"); z-index: 9999; padding-left:3px;}
#menu li {float:left;}
#menu li a, #menu li span {
	color: white; font-weight:normal;
	text-transform:uppercase; text-decoration: none;
	padding: 0 10px; display:block; line-height: 30px;
}
#menu li a:hover, #menu li a:active, #menu li a:focus {background: #185480 url("../images/menu-hover.png");}
#menu li.active span, #menu li.active a {background: #185480 url("../images/menu-active.png"); color:#0E324C; font-weight:bold;}
#menu ul li a {background:none !important; color:white !important; font-weight:normal !important;}

#menu ul {position:absolute; top:30px; left:0; background:#4D8AB8; padding:0; margin:0; opacity:0.9; filter:alpha(opacity=90); display:none; z-index: 9999;}
#menu ul li {white-space:nowrap; float:none;}
#menu ul li a {padding:0 15px; text-transform:none; height:26px; width:220px; line-height: 26px; background-position:0% -2px !important;}
#menu li:hover ul {display:block; width:250px;}
#menu li:hover ul.hide {display:none;}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus {
	background: #185480 url("../images/menu-active.png") !important; color:#0E324C !important;
}

/* uspořádání */

/* obsah */

#text {line-height:1.6em; text-align: justify;}
#text .hide {display:none;}
#text h1, #text h2, #text h3, #text h4 {color: #15466B;}
#text h1 {margin-top:0; margin-bottom:0; font-size:140%; color:#F09211; font-variant: small-caps; letter-spacing: 1px; line-height:1em}
#text h2 {font-size:150%;}
#text h3 {font-size:135%;}
#text h4 {font-size:120%;}
#text p + p {text-indent: 30px;}
#text hr {border:none; border-top:1px dotted #ACAAAA; height:1px;}
#text a {color:#15466B;}
#text a:hover, #text a:active, #text a:focus {color:#699DC6;}
#text #description {color:#716F6F; font-weight:bold;}
#text .claim {color:#444; text-align:center; font-size:120%; letter-spacing:1px; margin: 30px 0;}
#text .claim strong {font-size:120%;}

#text table {border-collapse:collapse;}
#text table td, #text table th {border:1px solid #716F6F; padding:2px 5px;}
#text table th {background:#15466B; color:white;}

#text table.ol td, #text table.ol th {border:none; padding:10px 0 0; vertical-align: top;}
#text table.ol h4 {margin:0;}

#text .tab-noborder table td, #text .tab-noborder table th {border:none; background:none; vertical-align: top; color:black;}

#text .header {
	background:url("../images/hr.png") repeat-x 0 100%; padding:18px 18px 20px;
	color: #777; margin-bottom:25px; position: relative;
}
#text .header p {margin:5px 0 0; line-height: 1em; text-indent:0;}
#text .header .r {float:none; line-height:1.3em; text-align: right; bottom: 20px; right: 18px; position: absolute; font-size: 95%}

#text p.description {font-size: 95%; color: #777; text-indent: 0; margin-top: 0;}

#text .box-blue, #text .box-orange, .box-orange-small {height:215px; padding:14px; position:relative; text-align:left;}
#text .box-blue {background: #7D9FB7 url("../images/box-blue.png") no-repeat; width:218px; color:white;}
#text .box-blue h3 {color: #FCE074 !important;}
#text .box-orange {background: #FFD685 url("../images/box-orange.png") no-repeat; width:279px;}
#text .box-orange p, #text .box-gray p, .box-def p, .box-def2 p{margin: 0; text-indent: 0;}
#text .box-orange h3, #text .box-blue h3 {margin: 0 0 10px !important;}

.button {
	background: url("../images/menu.png");
	font-weight: bold; color: white; text-decoration: none;
	color:#FFE99B; border: none;
}

.chlap-info .button {
	height: 30px; background: url("../images/button-arrow.png") 0 -2px;
	line-height: 30px; padding: 0 0 0 10px; width: 160px; text-align:center;
}

.chlap-info .button:hover {background: url("../images/button-arrow.png") 0  32px;}

#frmlead-s .button, #text .box-blue .button, .box-orange-small .button, #text .box-orange .button, #text .tab-noborder .button, .box-gray .button, .box-def .button, .box-def2 .button, #skoleni-know-how .button, #skoleni-know-how-statni .button {
	right: 14px; bottom:3px;
	padding: 0 10px; color: white !important;
	height: 24px; line-height: 24px; background-position: 0 -3px;
}

#text .box-blue .button, .box-orange-small .button, #text .box-orange .button, .box-gray .button, .box-def .button, .box-def2 .button, #skoleni-know-how .button, #skoleni-know-how-statni .button  {
	position: absolute;
}

.box-orange-small .button {
	width: 100px; text-align: center;
}

.button:hover {background-image: url("../images/menu-hover.png"); color:white;}

.box-orange-small .counter {
	font-weight:bold; text-align:center; position: absolute; bottom: 2px; line-height: 24px; color: #0E314A; left: 57px; width: 40px; margin: 0;
}

#text .box-blue ul, #text .box-orange ul {padding:6px; margin:0;}
#text .box-blue ul, #text .box-orange ul {
	margin-left: 14px;
}
#text .box-blue > ul, #text .box-orange > ul {margin:0;}
#text .box-blue ul > li, #text .box-orange ul > li {
	list-style-type: none; padding-left:20px; background: url("../images/arrow-yellow.png") 0% 4px no-repeat;
}

.button > .button-arrow {
	 background: url("../images/arrow-yellow.png") 0% 3px no-repeat; padding-left: 20px;
}


/* menu ve stránce */
.page-menu {
	height: 32px;
}
.page-menu a {
	height: 30px; float:left; display: block; padding: 2px 0 0 40px; line-height: 30px;
	color: white !important; font-weight: bold; text-decoration: none;
}
.page-menu a.item0 {
	background: url("../images/page-menu-0.png"); width: 60px; padding-left: 30px;
}
.page-menu a.item1 {
	background: url("../images/page-menu-1.png"); width: 139px;
}
.page-menu a.item2 {
	background: url("../images/page-menu-2.png"); width: 138px;
}
.page-menu a.item3 {
	background: url("../images/page-menu-3.png"); width: 148px;
}
/* tab */
a.tab {
  height: 30px; float:left; display: block; padding: 2px 0 0 40px; line-height: 30px;
  color: white !important; font-weight: bold; text-decoration: none;
  background: url("../images/tabmenu-button.png"); width: 158px;
  padding-top: 4px;
  padding-left: 0px;
  text-align: center;
}

.page-menu a.active, .page-menu a:hover, .page-menu a:active, .page-menu a:focus, .tab-menu a.active, .tab-menu a:hover, .tab-menu a:active, .tab-menu a:focus {
	background-position:0 33px;
}

/* bottom tab line */
.tab-menu {
  height: 36px !important;
  background: url("../images/tabmenu-bottom.png") right bottom repeat-x;
}


#text a.next {
	height: 30px; line-height: 30px; text-align:center; background: url("../images/next.png");
	color: white !important; font-weight: bold; text-decoration: none; display:inline-block;
}

#text a.next:hover {
	background-position: 0 100%;
}

.page-left-col {width:246px; float:left;}
.page-left-col .box-orange-small {float:none;}

/* malý box vlevo */
.box-orange-small {background: #FFD685 url("../images/box-orange-small.png") no-repeat; width:218px; float:left; position:relative;}
.box-orange-small.ct {background: #FFD685 url("../images/box-orange-small-ct.png") no-repeat;}
#text .box-orange-small h3, #text .box-orange h3, #text .box-blue h3 {font-size: 155%; font-family: "Century Gothic"; color:white; text-transform: uppercase; font-weight:normal; letter-spacing:0.5px; margin: 0;}
#text .box-orange-small h3 img, #text .box-orange h3 img, #text .box-blue h3 img {vertical-align: middle;}
.box-gray p, .box-orange-small p, .box-def p, .box-def2 p {text-indent: 0 !important;}
* > .box-orange-small ul.arrows {margin-left: 0 !important;}
.box-orange-small .podpis {color: #15466B; font-weight: bold; text-align: right;}
.box-orange-small p img {margin-bottom: -3px !important; border: none !important;}

.box-orange-small2 {background: #fff url("../images/box-orange-small2.png") no-repeat !important; width:218px; height: 390px; float:left; position:relative;}
.box-orange-small2 p {margin: 0px !important; padding: 0px !important;}
.box-orange-small2 h3 {padding-bottom: 10px;}

/* šedivý box s kontaktem */
.box-gray {
  background: url("../images/box-gray.png") no-repeat;
  width: 246px;
  height: 119px;
  float: left;
  position: relative;
}
.box-gray p {
  margin: 0px 14px !important;
}
.box-gray p.contact-us-blue {
  color: #15466B !important;
  font-weight: bold !important;
  margin-top: 14px !important;
}

.box-def {
  background: url("../files/images/box-terminy.png") no-repeat;
  position: relative;
  width: 247px;
  height: 234px;
}
.box-def2 {
  background: url("../files/images/box-terminy2.png") no-repeat;
  position: relative;
  width: 247px;
  height: 234px;
}

.box-def-statni {
  background: url("../files/images/box-terminy-statni.jpg") no-repeat !important;
  position: relative;
  width: 247px;
  height: 234px;
}

#text .clear {font-size:0; height:0; clear:both;}

#text .wide-right {
	margin-left: 271px;
}
#text .wide-right .col-left {float:left; width:307px;}
#text .wide-right .col-right {float:left; width:307px;}

* > ul.arrows {margin-left:30px; padding:0;}
* > ul.arrows ul {margin-left:10px; padding:0}
ul.arrows > li, ul.arrows ul > li {padding-left: 20px; background: url("../images/arrow-yellow.png") 0 3px no-repeat; list-style: none}

#text .lista {height:30px;}
#text .lista a {
	background: url("../images/next-btn.png"); width: 111px;
	float: right; height: 30px;	line-height: 30px; color: white; text-align: center;
	font-weight: bold; text-decoration: none; text-indent: 0;
}
#text .lista a:hover, #text .lista a:active, #text .lista a:focus {
	background-position: 0 100%;
}
#text .lista a.back {
	background-image: url("../images/prev-btn.png") !important;
}

/* dalsi hacky */
.box-orange-small form td #frmnewsletter-mail {
  margin-right: -3px !important;
}

#frmnewsletter-s .button {
	margin-left: -5px !important;
	color: red !important;
	right: 5px;
}

.perex img {
	padding: 5px;
}

.podpis {
  font-size: 95%;
}

.arrow-right {
  background: url("../images/arrow-yellow.png") no-repeat;
  padding-right: 15px;
}

.blue {
  color: #15466B !important;
}

.gray {
  color:#444 !important;
}

.mtmin20 {
  margin-top: -20px !important;
}

#contact-photo {
  display: none;
}

.mapa-buttons a img {
  border: none;
}

#message {
  color: green;
  font-weight: bold;
  position: relative;
}

#skoleni-know-how {
  background: url("../files/images/skoleni-know-how.jpg") no-repeat;
  width: 654px;
  height: 71px;
  position: relative;
}

#skoleni-know-how-statni {
  background: url("../files/images/skoleni-know-how-statni.jpg") no-repeat;
  width: 654px;
  height: 71px;
  position: relative;
}

#skoleni-know-how .button, #skoleni-know-how-statni .button, .box-def .button, .box-def2 .button {
  bottom: 4px !important;
  right: 18px;
}

.box-stahnete-si {
  background: url("../images/box-stahnete-si.jpg") no-repeat;
  width: 246px;
  height: 164px;
  float:left; position:relative;
}

.box-stahnete-si p {
  text-align: left;
  position: absolute;
  top: 64px;
  left: 16px;
  width: 214px;
}

input #frmlead-s .button {
  display: block;
	line-height: 34px !important;
  text-decoration: none;
}


.lead table {background:#EEE; border:1px solid #CCC;}
.lead table tr td, .lead table tr th {border: 0px !important; border-top: 1px dashed #DDD !important; padding:10px !important;}
.lead table tr th {background: #eee !important; color: black !important;}

/* referenční řeč */
.referencni-rec {
	height: 85px;
	z-index: 5;
	padding-bottom: 0px; text-align: center; position: relative; margin-top: 20px;
}
.referencni-rec .links {
    z-index: 4;
	position: absolute; bottom:10px; left: 10px; line-height: 13px; margin:0; font-weight: bold;
}

ul.error li {
    color: red;
}