@import url("default.css");

div {-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;}

html {}

body {color:#589bbe; font-family: 'Open Sans', sans-serif;}
h1, h2, h3 {color:#000; font-weight:300;}

section h4 { margin-bottom: 15px; color: #979797; }

.text hr {border: 0; border-top: 1px solid #D3D3D3; display: block;}

.ov {width:100%; overflow:hidden;}
.image {position:relative; display:block;}

#supersized, #supersized li {position: absolute; overflow: hidden; background: none;}
.not-front #supersized {overflow: hidden; }

#main {position:relative; min-width:980px;}
    .in {position:relative; width:980px; margin:auto;}
    

#header {}
.front #header {height: 505px;}
.not-front #header {height: 215px; background: transparent url('../img/motive/motive01.jpg') top center no-repeat;}
	#header .header-bar {background: rgba(255,255,255,0.85);}
	.front #header .header-bar {}
		#header .header-bar .in {height: 74px; line-height: 74px;}
			#header .logo {float:left; margin-top: 18px; margin-left: 10px;}
			#header .menu {float:right; font-size:17px;}
				#header .menu li {float:left; display:inline; margin-left:35px;}
					#header .menu li a {color:#000000; text-decoration:none;}
					.menu li a:hover, .menu li.active > a {color:#3d708b !important;}
					
			#header #page-panel { position: absolute; height: 40px; line-height: 40px; right: 0; top: 0; z-index: 100; }
			#search-form { position: relative; float: right; height: 40px; line-height: 40px; overflow: hidden; background: rgba(255,255,255,0.6);}
				#search-form input {width: 140px; height: 40px; line-height: 40px; padding: 0 10px; border: none; background: rgba(255,255,255,0.5);}
				#search-form button {width: 40px; height: 40px; background: url('../img/ico-search.png') 50% 50% no-repeat; border: none; cursor: pointer; text-indent: -999999px;}
			
			#header .language {position: relative; float: right; margin-right: 20px; }
				#header .language li {float: left; display: inline; margin-left: 5px;}
					#header .language li a,
					#header .logout,
					#header .login {display:block; width: 40px; height: 40px; line-height: 40px; color: #000; background-color: rgba(255,255,255,0.6); font-size: 17px; text-align: center; text-transform: uppercase; text-decoration: none;}
					#header .language li a:hover, #header .language li.active a, #header .logout:hover, #header .login:hover { background-color: rgba(255,255,255,0.9);}
					
			#header #logged { float: right; margin-right: 20px; }
				#header .logout { margin-left: 10px; background-image: url('../img/ico-logout-c1.png'); background-repeat:no-repeat; background-position: 50% 50%; }
				#header .login { margin-left: 10px; background-image: url('../img/ico-login.png'); background-repeat:no-repeat; background-position: 50% 50%; }
				#header #logged span { display: none; visibility: hidden; }
					
	#header .hr {height: 3px; line-height: 3px; font-size:1px; background: url('../img/border-header.png') 50% 0 repeat-x; }
	#header .page-title-wrap {padding: 20px 0 0 15px;}
		#slidecaption {width: 390px; }
			#slidecaption h2, .page-title, .column-title {font-size: 50px; line-height: 1.6em; margin-bottom: 30px;}
			#slidecaption h2 { line-height: 1.1em; }
			#slidecaption p {color: #4787c7; font-size: 20px; line-height: 1.2;}
			#slidecaption span.color1 {color: #58a6ab;}
			#slidecaption span.color2 {color: #965776;}
			#slidecaption span.color3 {color: #95601e;}
		.page-title {}
				   

    
#maincontent {background:#fff url('../img/bg-gradient.png') 0 0 repeat-x;}
.not-front #maincontent {padding-top:0;}
	.front .bx-wrapper {margin-bottom: 10px;}
				
	.main-product-list {width: 100%; position: relative; top: -50px; margin-bottom: -25px;}
		.main-product-list .row {float: left; width: 316px; min-height: 220px; margin-right: 16px; box-shadow: 1px 1px 2px #cadde8; overflow: hidden;}
		.main-product-list .row.last-child {margin-right: 0;}
		.main-product-list a { text-decoration: none; }
		.main-product-list a:hover { text-decoration: underline; }
			.main-product-list .product-title {height: 50px; line-height: 50px; padding: 0 15px; background: rgba(255,255,255,0.8); font-size: 26px; font-weight: 300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
			.main-product-list .desc {min-height: 170px; padding: 15px 140px 15px 15px; background: #fff 100% 10px no-repeat;}
			.main-product-list .row.child-1 .desc {background-image: url('../img/product1.jpg');}
			.main-product-list .row.child-2 .desc {background-image: url('../img/product2.jpg');}
			.main-product-list .row.child-3 .desc {background-image: url('../img/product2-vystup.jpg');}
			
	.box {margin-bottom: 25px;}
	.box-bg {padding: 15px; background: #e7f0f5;}
	.box-shadow {box-shadow: 1px 1px 1px #cadde8;}
		.box-title {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px #CADDE8 solid; font-size: 16px; font-weight: 300;}
		
	.other-products {background-image: url('../img/other-products.jpg'); background-position: 100% 0; background-repeat: no-repeat; }
	.other-products .list {width: 100%; overflow: hidden;}
		.other-products .list li {float: left; display: inline; width: 30%; margin-right: 5% !important;}
		.other-products .list li:nth-child(3n+3) {margin-right: 0 !important;}
		
	.block {margin-bottom: 30px;}
		.block .title, .block .title h2 {}
	.block-news {}
	.front .block-news {margin-bottom: 0;}
		.block-news .column-title {display: none;}
		.block-news .news {}
			.block-news .news .row {float: left; display: inline; position: relative; width: 30%; margin-right: 5%;}
			.block-news .news .row.last-child {margin-right: 0;}
				.block-news .news .title {margin-bottom: 10px; font-size: 16px;	}
					.block-news .news .title a {color: #305b9c; font-size: 16px;}
				.block-news .news .text {margin-bottom:10px; color: #589bbe; height: 80px; overflow: hidden;}
				.block-news .news .more {position: absolute; bottom: -22px; right: 0; display: block; width: 60px; height: 29px; padding-left: 13px; line-height: 26px; color: #fff; background: url('../img/bg-more.png') 0 0 no-repeat; text-decoration: none; text-transform: lowercase; text-shadow: 1px 1px 1px #3970a3;}
				.block-news .news .date {color: #8fcaea;}
				
		.block .text {border: 1px #e9eff2 solid; border-width: 0 1px 1px 0; box-shadow: 0px 0px 2px #e9eff2;}
			.block .text ul {margin-bottom: 0;}
		
		.block .block-eshop {position:relative; height: 84px; margin-bottom: -15px;}
			.block-eshop a {display: block; height: 69px; line-height:1.2; margin: -15px; padding:15px 15px 0 15px; color:#fff; background: url('../img/bg-eshop.jpg') 0 0 no-repeat; font-size: 20px; text-decoration: none; text-shadow: 1px 1px 1px #063458;}
			.block-eshop .more {position: absolute; right: -19px; top: 21px; width: 35px; height: 46px; background: url('../img/arrow-more.png') 0 0 no-repeat;}
		
				
				
	#column, #column2 {float:left; display:inline; width:315px; min-height:10px;}
	#column2 {float: right;}
	.not-front #column {width:255px;}
		#column .column-title {padding-left: 15px;}
		#column .column-title,
		#column .block .title h2 {font-size:18px;}
		#column .block .title h2, #column2 .block .title h2 {font-size:26px; line-height: 1.1; margin-bottom: 20px; padding: 0 15px;}
		#column .block .text, #column2 .block .text {padding: 15px;}
		#column .block-news .text {padding: 0;}
		#column .news {}
			#column .news .row {float: none; display:block; width:100%; margin-right:0; margin-bottom: 25px; padding: 15px; background: #e7f0f5; box-shadow: 1px 1px 1px #cadde8;}
				#column .news .more {bottom: 10px; right: 15px;}
			
		#column .submenu-title {display: none;}
		#column .menu {position: relative; top:-20px; margin-bottom: 5px; padding: 0; background: rgba(255,255,255,0.85); box-shadow: 1px 1px 1px #cadde8;}
			#column .menu ul {font-size: 17px; font-weight: 300;}
				#column .menu ul ul {font-size: 12px; text-transform: none;}
				#column .menu li {line-height:2; padding-left:10px; border-bottom: 1px #e5eef4 solid;}
				#column .menu li.active {background: #3d708b;}
					#column .menu li.active > a {color:#fff !important;}
					
				#column .menu > ul > li {line-height: 1.2; padding: 15px;}
				#column .menu > ul > li:last-child {border-bottom: none;}
					#column .menu a {color: #000; text-decoration: none;}
	
	#content {float:left; display:inline; width:290px; margin-left:30px;}
	.not-front #content {float: right; width:685px; color: #444546;}
		#content-top { line-height:40px; height: 40px; }
			#content-top .breadcrumbs {margin-bottom:10px;}
				#content-top .breadcrumbs .page-title {display: inline; color:#a1b9c6; font-size:13px; margin-bottom:0;}
				#content-top .breadcrumbs, #content .breadcrumbs * {color:#a1b9c6; font-size:13px;}
				#content-top .breadcrumbs a {color: #a1b9c6; text-decoration:none;}
				#content-top .breadcrumbs a:hover {text-decoration:underline;}
				
			#content-top #search-form { float: right; margin-top:6px;}
				#content-top #search-form button { height: 27px; width: 28px; margin-left:5px; background: url('../img/ico_search.png') top center no-repeat; border: 0; float:left; }
				#content-top #search-form input { height: 23px; line-height: 23px; border: 1px solid #c0c0c0; padding: 0 5px; float:left; }
					#content-top #search-form button span { visibility: hidden; display: none; }

		#content .mainimage {position:relative; height:335px; margin-top:20px;}
			#content .mainimage img {}
			#content .mainimage span {position:absolute; top:15px; right:15px; width:22px; height:22px; background:url('../img/ico-show.png') 0 0 no-repeat;}
		#content .page-title, #column .product-list h2 {font-size:26px; margin-bottom: 20px;}
		.not-front #content .page-title, .not-front #column .product-list h2 {font-size:36px; }
			#content .text h3 {margin-bottom: 15px;}
			#content .text hr {margin-bottom: 20px;}
			.text p {margin-bottom:20px;}
			
		#content .gall-wrap {margin-top: 15px;}
		.front #content .gall {width:100%; overflow:hidden; margin-top:20px; padding-top:15px; border-top:3px #f1f1f1 solid; }
			#content .gall .row {float:left; display:inline; margin-right:22px;}
			.not-front #content .gall .row {margin-right:20px; margin-bottom: 20px; width:215px !important; height:140px; overflow:hidden;}
			.not-front #content .gall .row:nth-child(3n+3) {margin-right:0px; margin-bottom: 0;}
			
			.not-front #content .gall .row,
			img.border { border: 1px #dde5eb solid; box-shadow: 1px 1px 2px #dde5eb; }
			
			.bx-wrapper {position: relative;}
				.bx-prev, .bx-next {position:absolute; top:39px; width:22px; height:62px; text-indent:-999999px;}
				.bx-prev {left:0; background:url('../img/arrow-l.png') 0 0 no-repeat;}
				.bx-next {right:0; background:url('../img/arrow-r.png') 0 0 no-repeat;}
				
		#content .files-wrap {margin-top:30px;}
			#content .files-wrap * {color:#777;}
			#content .files-wrap .title {margin-bottom:10px; font-size:16px;}
				#content .files .row {line-height:2; padding-left:20px; background: url('../img/ico-file.png') 0 6px no-repeat;}
		
		#content .page-category {}
			#content .page-category .page-title {color:#a9a9a9; font-size:12px;}
			#content .category-list {width:100%; overflow:hidden;}
				#content .category-list .row .title { font-size: 14px;}
				#content .category-list .row {float:left; display:inline; width:225px; margin: 0 20px 20px 0;}
				#content .category-list .row.last {margin-right: 0;}
					#content .category-list .image {display: block; height:140px; overflow:hidden; margin-bottom:5px;}
					
			.product-list {width:100%; overflow:hidden;}
				#column .product-list h2 {}
				.product-list .row {float:left; display:inline; width:215px; margin:0 20px 20px 0; border: 1px #dde5eb solid; box-shadow: 1px 1px 2px #dde5eb;}
				#column .row {width: 100%;}
				.product-list .row.last {margin-right:0;}
					.product-list .row .title { font-size: 13px; font-weight: 400; padding: 10px;}
						.product-list .row .title a {color: #14448e; text-decoration: none;}
						.product-list .row .title a:hover {color: #000;}
					.product-list .row .image {height:140px; overflow:hidden;margin-bottom:5px;}
					#column .product-list .row .image {height: 205px;}
					.product-list .row .image:hover span {position:absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(255,255,255,0.45)}
			
			#content .article-list { width: 100%; overflow:hidden; }
				#content .article-list .row { margin-bottom: 20px; border-bottom: 2px solid #E5E5E5; clear:both; }
					#content .article-list .row .title { font-size: 14px; }
					#content .article-list .row .images { float: right; }
						#content .article-list .row .images .image {display: block; width: 325px; height: 140px; overflow: hidden; margin-bottom: 5px; }
						
			#content .people hr { margin: 50px 0 40px; }
					
#footer {margin-top: 20px; padding:20px; background: #deeaf0;}
#footer * {color: #6d8db4;}
	#footer .in {padding-left: 15px;}
	#footer .cols {margin-bottom:0;}
		#footer .col25 {padding-right:20px;}
		#footer .text {color:#808080;}
			#footer .text ul {margin-left: 0;}
				#footer .text ul li {line-height: 18px;list-style:none;padding-left: 25px;}

/* CONTENT */

.cols {position:relative; overflow:hidden; width:100%; margin-bottom:20px;}
    .col25, .col33, .col50, .col66, .col20, .col1, .col2, .col3, .col4, .col5 {float:left; display:inline;}
    .col50 {width:49%; padding: 0 1% 0 0;}
    .col66 {width:66%; padding:10px 1% 0 0;}
    .col33 {width:30%;}
    .col33.center {padding:0 5%}
    .col25 {width:25%;}
    .col20 {width:20%;}
    

img.l {margin-right:15px;}
img.r {margin-left:15px;}

address {margin-bottom:20px;}

.button {display:inline-block; }
.button:hover {}

.nm {margin:0 !important;}
.np {padding:0 !important;}
.nb {border:none !important;}
.padd {padding-top:14px;}


/* pager */
ul#pager { clear: both; text-align: center; position:relative; width: 100%; }
	ul#pager li { display:inline; list-style-type:none; margin: 0 10px; padding: 0; display: inline-block; line-height: 30px; height: 30px;}
	ul#pager li.prev {}
	ul#pager li.next {}
		ul#pager li a { background: #000; color: #fff; width: 30px; display: block; text-decoration: none; font-size: 2em; }
		ul#pager li.disabled a {background: #EEEEEE;}


/* List */
.list, .text ul {margin:0 0 20px 0px;}
    .list li, .text li {margin-bottom:10px; padding-left: 30px; background: url('../img/bull.png') 0 3px no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

li.phone, li.mail {line-height: 25px; padding-left: 40px; font-size: 16px;}
li.phone, li.phone a, li.mail, li.mail a {color: #14448e;}
	li.phone {background: url('../img/ico-phone.png') 0 50% no-repeat;}
	li.mail {background: url('../img/ico-mail.png') 0 50% no-repeat;}

/* Table */
table {}
.text table {margin-bottom: 20px; border: 2px #636363 solid; border-spacing: 0;}
	.text table td, .text table th {border: 1px #636363 solid; padding: 3px 5px;}

.relative { position: relative; }

/* CSS3 */
.button {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

span.rollover { opacity: 1; -o-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition: all .5s ease; transition: all .5s ease; background: #fff url('../img/ico-zoom.png') 50% 50% no-repeat; cursor: pointer; height: 100%; width: 100%; position: absolute; z-index: 10; opacity: 0; }
span.rollover:hover { opacity: .7; -o-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }
.lt-ie9 span.rollover{ background: transparent; }

#mobile-header { background: #999; font-size: 16px; font-weight: bold; color: #fff; text-align: center; line-height: 40px; height: 40px; padding: 0 50px; }
#mobile-header a#menu-mobile {
	background: center center no-repeat transparent;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC);
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}

/* .button {position:relative; behavior: url(./css/PIE.htc);} */


@media screen and (max-width : 980px) {
	html, body { margin: 0; padding: 0; border: 0; padding: 0px; }
	#main {min-width: 0;}
	.in {width: 100%;}
	#column {width: 30% !important;}
	#content {width: 67% !important; margin-left: 3% !important;}
	#slider img {width: 100%;}
}

@media screen and (max-width : 767px) {
	#column, #content {width: 100% !important; margin: 0 !important; padding: 2% !important;}
	#column .news .row .content {float:none; width: 100%; padding: 0;}
	#column .menu ul {padding: 0;}
	#header, #column .menu, .submenu-title {text-align: center;}
	#header .logo, #header .menu, #header .menu li {float: none;}
	#header .menu li {margin-left: 0;}
	#header .menu li a, #column .menu li a {display: block; padding: 5px;}	
	#slider .row .info {width: 100%; position: static;}
	.block-footer, .col50 {width: 100%; margin-bottom: 20px;}
	.not-front .news-wrap {display: none;}
	#column .menu { margin-bottom: 0px; }	 
}