@charset "utf-8";
/*
Theme Name: HTT Engineering, spol. s.r.o.
Author: Cryonix Innovations
Author URI: http://www.cryonix.cz/
Description: Custom theme for HTT
Version: 1.1
License: Commercial
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

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

body {
	background: #e9e9e9;
	color: #343940;
	
	font-family: "Open Sans", sans-serif, Helvetica;
	font-size: 15px;
	line-height: 1.0;
}

.clear {
	clear: both
}

*[data-href],
*[open] {
	cursor: pointer;
}

a {
	color: #343940;
	text-decoration: underline;
}

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

/*
 * HEADER
 */
#menu-bar {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 200;
	width: 100%;
	height: 86px;
	background: #ffffff url('images/menu-bottom.gif') repeat-x bottom;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

#menu-bar .wrapper {
	width: 1000px;
	margin: auto;
	padding-top: 4px;
}

#logo {
	padding: 21px 40px 19px 40px;
	float: left;
}

#menu-bar nav {
	padding: 26px 40px 16px 40px;
	float: right;
}

#menu-bar nav ul { list-style: none; }
#menu-bar nav ul li { display: block; float: left; }

#menu-bar nav ul li a {
	display: block;
	line-height: 40px;
	padding: 0px 10px;
	font-size: 13px;
	font-weight: 600;
	color: #343940;
	text-decoration: none; 
	text-transform: uppercase;
}

#menu-bar nav ul li.parent > a {
	padding-right: 15px;
	margin-right: 10px;
	background: url('images/menu-arrow.gif') no-repeat right;
}

#menu-bar nav ul li a:hover { text-decoration: underline; }
#menu-bar nav ul li.current-menu-item a { color: #ed2025; }

#menu-bar nav ul li ul.sub-menu {
	background: #ffffff;
	position: absolute;
	height: 1px;
}

#menu-bar nav ul li:hover ul.sub-menu {
	height: auto;
	padding-bottom: 8px;
}

#menu-bar nav ul li:hover ul.sub-menu {
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

#menu-bar nav ul li ul.sub-menu li {
	float: none;
	visibility: hidden;
}

#menu-bar nav ul li:hover ul.sub-menu li {
	visibility: visible;
}

#menu-bar nav ul li ul.sub-menu li a {
	line-height: 20px;
	font-weight: normal;
}

#menu-bar nav ul.lang-list li a {
	font-size: 12px;
	color: #999999;
	padding-right: 0;
}

/* SLIDER */
#slider {
	position: fixed;
	top: 86px;
	left: 0px;
	z-index: 150;
	width: 100%;
	height: 470px; /*540*/
	max-height: 470px;
	min-height: 0px;
	overflow: hidden;
	background: #666666;
}

body.compact #slider {
	height: 160px;
	min-height: 0px;
	max-height: 160px;
}

#slider .slide {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 540px;
	background-repeat: no-repeat;
	background-position: top center;
	opacity: 0.0;
	display: none;
	transition: opacity 1.0s;
	-webkit-transition: opacity 1.0s;
}

#slider .slide.active { opacity: 1.0; }

#slider .slide p.description {
	position: absolute;
	left: 45%;
	top: 45%;
	font-size: 40px;
	color: #ffffff;
	text-transform: uppercase;
}

#slider .slide p.description .title {
	font-size: 28px;
}

#slider .slide p.more {
	position: absolute;
	left: 45%;
	top: 65%;
}

#slider .slide p.more a {
	display: block;
	width: 140px;
	height: 44px;
	line-height: 44px;
	background: url('images/slider-more.gif') no-repeat top center;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}

#slider .slide p.more a:hover {
	background-position: bottom;
	color: #000000;
}

#slider ul.dots {
	position: absolute;
	width: 100%;
	bottom: 20px;
	list-style: none;
	text-align: center;
}

#slider ul.dots li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 5px;
	background: url('images/slider-dot.png') no-repeat top;
	cursor: pointer;
}

#slider ul.dots li:hover { background-position: 0px -12px; }
#slider ul.dots li.active { background-position: bottom; }

/*
 * FOOTER
 */
#footer {
	width: 920px;
	margin: auto;
	margin-top: 40px;
	padding: 30px 40px;
	border-top: 1px solid #bcbcbc;
}

#footer a {
	color: inherit;
}

#footer aside {
	float: right;
	text-align: right;
	font-size: 12px;
	color: #7a7d80;
	line-height: 1.4;
}

#footer aside p {
	margin-bottom: 14px;
}

#footer article {
	float: left;
	width: 220px;
}

#footer article h2 {
	font-size: 21px;
	line-height: 1.0;
	font-weight: normal;
	color: #7a7d80;
	margin-bottom: 12px;
}

#footer article h2 a {
	color: #e61f24;
}

#footer article h2 a:hover {
	text-decoration: none;
}

#footer article p {
	color: #474b4d;
	line-height: 1.34;
	margin-bottom: 10px;
	font-size: 13px;
}

/*
 * CONTENT WRAPPER
 */
#wrapper {
	width: 1000px;
	margin: auto;
	padding-top: 576px;
}

body.compact #wrapper {
	padding-top: 266px;
}

/*
 * ARTICLES
 */
.block {
	position: relative;
	margin-bottom: 20px;
	background: #ffffff;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.block header {
	padding: 20px 40px;
	color: #474b4d;
	border-bottom: 1px solid #d9d9d9;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	position: relative;
}

.block header.silver { padding: 14px 40px; background: #f5f5f5; border: 0px none; box-shadow: none; }
.block header.red    { padding: 14px 40px; background: #e61f24; border: 0px none; box-shadow: none; color: #ffffff; }

.block header h1 {
	font-size: 28px;
	line-height: 1.0;
	text-transform: uppercase;
	font-weight: normal;
	color: #ed2025;
}

.block header h2 {
	font-size: 22px;
	line-height: 1.0;
	text-transform: uppercase;
	font-weight: normal;
}

.block header h1.left {
	float: left;
}

.block header a {
	text-decoration: none;
	color: inherit;
}

.block .content,
.block .category {
	padding: 25px 40px;
}

/* HOME-FEATURED */
.block.home-featured {
	padding: 16px 30px 16px 16px;
}

.block.home-featured:hover {
	background-position: bottom right;
}

.block.home-featured a {
	text-decoration: none;
	color: inherit;
}

.block.home-featured img {
	margin-right: 32px;
	float: left;
}

.block.home-featured h1 {
	font-size: 31px;
	line-height: 1.0;
	font-weight: normal;
	color: #e41f24;
	padding: 18px 0px 13px 0px;
}

.block.home-featured .excerpt,
.block.home-featured .details {
	font-size: 15px;
	line-height: 1.4;
}

.block.home-featured .details {
	clear: both;
	padding-top: 0px;
	overflow: hidden;
	max-height: 0px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ie-transition: all 0.5s;
}

.block.home-featured .details.opened {
	max-height: 500px;
	padding-top: 20px;
}

.block.home-featured .more {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 52px;
	height: 52px;
	
	background-image: url('images/homefeatured-more.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	cursor: pointer;
}

.block.home-featured .more:hover {
	background-position: bottom right;
}

/* SHOWCASE */
.block.showcase header .viewall {
	float: right;
	font-size: 12px;
	line-height: 26px;
	font-weight: bold;
	text-transform: uppercase;
}

.block.showcase header .viewall a {
	color: #ffdcdd;
	text-decoration: none;
}

.block.showcase header .viewall a:hover {
	color: #ffffff;
}

.block.showcase article {
	float: left;
	text-align: center;
	margin-right: 30px;
}

.block.showcase .content > article:nth-child(5) {
	margin-right: 0px;
}

.block.showcase article img {
	border: 8px solid #dee0e2;
	margin-bottom: 20px;
}

.block.showcase article:hover img {
	border-color: #e61f24;
}

.block.showcase article h3 {
	color: #2e2e2f;
	font-size: 16px;
	font-weight: normal;
	max-width: 144px;
	margin: auto;
	line-height: 1.3;
}

.block.showcase article:hover h3 {
	color: #e61f24;
}

.block.showcase article h3 a {
	text-decoration: none;
	color: inherit;
}

/* NEWS */
.block.news header .viewall {
	float: right;
	font-size: 12px;
	line-height: 26px;
	font-weight: bold;
	text-transform: uppercase;
}

.block.news header .viewall a {
	color: #474b4d;
	text-decoration: none;
}

.block.news header .viewall a:hover {
	color: #e61f24;
}

.block.news article {
	float: left;
	width: 245px;
	padding-right: 45px;
	border-right: 1px solid #acacac;
	margin-right: 45px;
}

.block.news .content > article:nth-child(3) {
	margin-right: 0px;
	padding-right: 0px;
	border-right: 0px none;
}

.block.news article time {
	display: block;
	font-size: 20px;
	color: #acafb2;
	margin-bottom: 8px;
}

.block.news article h3 {
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
	color: #2e2e2f;
	min-height: 63px;
	margin-bottom: 16px;
}

.block.news article h3 a {
	text-decoration: none;
	color: inherit;
}

.block.news article .more a {
	display: inline-block;
	padding: 12px 15px;
	background: #474b4d;
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
}

.block.news article .more a:hover {
	background: #e61f24;
}

/* CATEGORY */
.block .category {
	border-bottom: 1px solid #d9d9d9;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

.block > .category:last-child {
	border: 0px none;
	box-shadow: none;
}

.block .category > h2 {
	font-size: 22px;
	line-height: 1.0;
	font-weight: normal;
	color: #929497;
	margin-bottom: 34px;
}

.block header ul.categories {
	float: left;
	list-style: none;
	margin-left: 40px;
	max-width: 730px;
	list-style: none;
}

.block header ul.categories li {
	float: left;
	min-width: 180px;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 1.4;
}

.block header ul.categories > li:nth-child(3n+2) {
	min-width: 350px;
}

.block header ul.categories li:before {
    content: "•";
    color: #e41f24;
	padding-right: 2px;
}

.block header ul.categories li a {
	color: #2e2e2f;
	text-decoration: none;
}

.block header ul.categories li a:hover {
	color: #e41f24;
}

.block header ul.categories.compact {
	padding-top: 8px;
}

.block header ul.categories.compact li {
	min-width: 0px;
	margin-right: 50px;
}

/* CATEGORY / LIST ITEMS */
.block .items article {
	width: 425px;
	float: left;
	margin-right: 70px;
}

.block .items .cat-items-wrap > article:nth-child(odd):before {
	content: '';
	display: block;
	width: 920px;
	height: 1px;
	background: url('images/items-separator.gif') repeat-x left top;
	margin: 24px 0px;
}

.block .items .cat-items-wrap > article:nth-child(1):before {
	display: none;
}

.block .items .cat-items-wrap > article:nth-child(even) {
	margin-right: 0px;
	margin-top: 49px;
}

.block .items .cat-items-wrap > article:nth-child(2) {
	margin-top: 0px;
}

.block .items article .thumbnail {
	float: left;
	margin-right: 25px;
}

.block .items article .thumbnail img {
	border: 0px none;
}

.block .items article h2,
.block .items article h3 {
	font-size: 18px;
	line-height: 1.0;
	font-weight: bold;
	color: #929497;
	margin-bottom: 11px;
}

.block .items article h2 a,
.block .items article h3 a {
	text-decoration: none;
	color: inherit;
}

.block .items article h2 a:hover,
.block .items article h3 a:hover {
	color: #e41f24;
}

.block .items article .excerpt {
	font-size: 12px;
	color: #929497;
	line-height: 1.25;
	text-align: justify;
	width: 260px;
	max-height: 60px;
	overflow: hidden;
}

.block .items article .more {
	margin-top: 17px;
	padding-left: 165px;
}

.block .items article .more a {
	display: inline-block;
	padding: 11px 16px;
	font-size: 12px;
	text-transform: uppercase;
	color: #ffffff;
	background: #474b4d;
	text-decoration: none;
}

.block .items article .more a:hover {
	background: #e41f24;
}

/* CHILDREN */
.block .content.children h2 {
	border-bottom: 1px solid #b3b5b6;
	font-size: 26px;
	color: #ed2025;
	font-weight: bold;
	margin-bottom: 26px;
	padding: 12px 22px;
}

.block .content .child-content {
	margin-bottom: 50px;
	padding: 0px 22px;
}

/* RTE */
.rte p,
.rte ol,
.rte ul {
	line-height: 1.5;
	margin-bottom: 16px;
	font-size: 14px;
	color: #555555;
}

.rte ol,
.rte ul {
	padding-left: 20px;
}

.rte ol.clean,
.rte ul.clean {
	list-style: none;
	padding-left: 0px;
}

.rte h2,
.rte h3,
.rte h4,
.rte h5 {
	padding-top: 12px;
	margin-bottom: 16px;
	font-weight: normal;
	line-height: 1.0;
	color: #333333;
}

.rte h2 { font-size: 26px; }
.rte h3 { font-size: 21px; }
.rte h4 { font-size: 19px; }
.rte h5 { font-size: 17px; }

.rte .key {
	display: inline-block;
	width: 80px;
	font-weight: bold;
}

.rte .alignleft { float: left; }
.rte .alignright { float: right; }

.rte img.size-thumbnail {
	margin: 0px 25px 25px 25px;
}

.rte img.size-thumbnail.alignleft { margin-left: 0px; margin-bottom: 5px; }

.rte .column-left {
	width: 425px;
	float: left;
}

.rte .column-right {
	float: left;
	width: 425px;
	margin-left: 70px;
}

/* G-MAP */
.g-map {
	float: right;
	height: 200px;
	width: 500px;
}

.g-map.full {
	width: 920px;
	height: 500px;
}

/* LIGHTBOX IMPLEMENTATION */
#stimuli_overlay {
	z-index: 1000!important;
}
#stimuli_lightbox {
	z-index: 1100!important;
}

#stimuli_outerImageContainer {
	font-size: 0px!important;
}