html {
	font-size: 16px;
	/*font-size: 1rem;*/
	position: relative;
	min-height: 100%;
}
body {
	cursor: default;
	font-size: 1rem;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	color: #444;
	background-image: url(../images/tpl/textures/mooning.png);
	background-color: rgba(0,0,0,0.2);
}
.fixed {
	position: fixed;
	width: 100%;
	z-index: 3;
	top: 0;
	left: 0;
}
.fixed-scrollable {
	bottom: 0;
	z-index: 9999;
	min-height: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	overflow-x: hidden;
	overflow-y: scroll;
}
.stop-scrolling {
  /*position: fixed;*/
  /*z-index: -5;*/
  height: 100%;
  overflow: hidden!important;
}
#head-1 {
	border-top: solid 5px #28166f;
	border-bottom: solid 5px #75c5f0;
	text-align: center;
	background-color: rgba(255,255,255,0.9);
}
#head-1>div {
	display: none;
	margin: 5px auto;
}
#head-1>div>div {
	margin: 5px auto;
	display: inline-block;
	width: 39%;
	text-align: left;
}
#head-1>div>div:last-of-type {
	text-align: right;
	width: 59%;
}
#head {
	width: 100%;
	position: relative;
	background-image: url(../images/tpl/textures/squared_metal.png);
	z-index: 4;
	/*max-width: 1600px;*/
}
#head-holder {
	display: inline-block;
	position: absolute;
	right: 1%;
	top: 1%;
	width: 95%;
	/*padding-right: 5%;*/
	text-align: right;
	
}
#head-holder>div {
	vertical-align: middle;
}
#head>div, #head-1>div>div {
	vertical-align: middle;
}
#head>div {
	margin: 0 auto;
	/*padding: 0.8rem;*/
}
header {
	width: 100%;
	text-align: center;
	z-index: 2;
}
.logo {
	display: inline-block;
	font-size: 0;
}
.logo img {
	/*max-width: 320px;*/
}
#slogan {
	content: "Blau biegt am besten";
	font-size: 2.8rem;
	font-family: 'Dancing Script', cursive;
	display: inline-block;
	padding-left: 4rem;
	/*padding-top: 5rem;*/
	font-weight: 900;
	color: #28166f;
}
.logo>a {
	display: block;
}
#logo_s {
	display: none;
}
#logo_l {
	display: inline-block;
	z-index: 2;
	position: relative;
}

/*NAVIGATION*/
nav {
	width: 100%;
	z-index: 10;
	position: relative;
	box-shadow: 0 0 2px 2px #ccc;
	background-image: url(../images/tpl/textures/white_carbon.png);
}
nav a#menu {}
#nav-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	max-width: 1600px;
}
div.nav {}
.page-nav {
	margin: 0 auto;
	text-align: center;
	font-size: 0;
	padding: 0;
	list-style-type: none;
	margin: 0 auto;
	position: relative;
}
.page-nav ul {
	list-style-type: none;
	padding: 0;
}
.page-nav li {
	display: inline-block;
	z-index: 2;
	position: relative;
}
.page-nav li a {
	text-decoration: none;
	color: #000;
	font-size: 1.2rem;
	font-weight: 300;
	padding: 1rem 1.2rem;
	display: inline-block;
	border: solid 1px rgba(255,255,255,0);
	text-transform: uppercase;
	transition-duration: 0.7s;
}
.page-nav>li:hover>a, .page-nav>li>a.highlight {
	color: #fff;
	text-decoration: none;
	background-color: #28166f;
	/*box-shadow: inset 0 0 1px 1px #fff;*/
	/*border-color: #ccc;*/
	/*border-color: rgba(0,0,0,0);*/
	border-radius: 1.2rem 1.2rem 0 0;
}
.page-nav>li:not(:last-child):after {
	content: "|";
	font-size: 2rem;
	color: #ccc;
	vertical-align: baseline;
}
.page-nav li:hover>ul/*, .page-nav li.highlight>ul*/ {
	/*display: block;*/
}

/*SUB*/
.page-nav ul {
	display: none;
	position: absolute;
	z-index: 50;
	background-color: rgba(117,197,240, 1);
	min-width: 150%;
	left: 0;
	text-align: center;
	box-shadow: 0 1px 1px 1px #28166f;
	/*padding: 0 2rem;*/
}
.page-nav ul li {
	padding: 0 1rem;
	margin: 0.1rem 0;
	font-size: 0;
	display: block;
	text-align: left;
	position: relative;
	transition-duration: 0.7s;
}
.page-nav ul li a {
	font-size: 1.05rem;
	color: #28166f;
	border: none;
	line-height: 2rem;
	border-radius: 0!important;
	width: 100%;
	padding: 0;
	position: relative;
	transition-duration: 0.9s;
}
.page-nav ul li.highlight {
	box-shadow: none;
	background-color: #28166f;
}
.page-nav ul li:hover>a, .page-nav ul li a.highlight {
	box-shadow: none;
	color: #75c5f0;
}
.page-nav ul li:hover {
	background-color: #28166f;
}
.page-nav li.hide-ul {
	display: none;
}
/*END SUB*/
/*SUB-2*/
.page-nav ul.sub.ul-2 {
	position: absolute;
	left: 100%;
	top: 0;
}
/*END SUB-2*/

/*FIXED NAV PANEL*/
#nav2 {
	/*margin-top: 10px;*/
	background-color: #28166f;
	position: relative;
}
#nav2:before, #nav2:after {
	content: " ";
    display: inline-block;
    background-image: url('../images/tpl/logo_s_w.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    /*min-height: 1rem;*/
   /*height: 90%;*/
  min-height: 2.8rem;
    width: 100%;
    min-width: 1rem;
	max-width: 2.95rem;
	position: absolute;
	margin: 0.2rem;
	-moz-transform: none;
	-webkit-transform: none;
	transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-webkit-transition-duration: 0.7s;
}
#nav2:after {
	right: 0;
	top: 0;
	/*background-image: url('../images/tpl/logo_s_lt.png');*/
	/*transform: rotate(270deg);*/
}
#nav2:hover:before, #nav2.open:before {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
#nav2:hover:after, #nav2.open:after {
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	/*transform: rotate(270deg);*/
}
#nav2 .page-nav li a {
	font-size: 1.1rem;
	color: #fff;
}
#nav2 .page-nav ul li a {
	font-size: 0.9rem;
	line-height: 1.7rem;
	/*line-height: 1rem;*/
}
#nav2 .page-nav li a:hover, #nav2 .page-nav li:hover>a, #nav2 .page-nav li a.highlight {
	color: #75c5f0;
}

/*END FIXED PANEL*/

/*END NAVIGATION*/

/*SIDE-NAV*/
#nav-side {
	display: none;
}
/*END SIDE-NAV*/

div#mod-act-pos {
	font-size: 0.9rem;
	width: 98%;
	margin: 0 auto;
	margin-top: 5px;
}
div#mod-act-pos a {
	color: #28166f;
}
div#mod-act-pos a:hover {
	color: #75c5f0;
}

/*

position: absolute;
z-index: 2;

 
 
*/


/**GLOBAL***/
#main {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	min-width: 320px;
	max-width: 1400px;
	min-height: 100%;
}
#content {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 30px;
	max-width: 1400px;
	background-color: rgba(255,255,255,0.5);
	border-top: solid 10px #28166f;
	box-shadow: 0 3px 2px 2px rgba(0,0,0,0.4);
}

#page {
	margin: 0 auto;
	padding: 0 1rem;
	text-align: justify;
	font-size: 1.2rem;
	padding-bottom: 1rem;
}
#page.subpages-p .p_thumb {
	display: none;
}
/*PRODUCT DETAIL TABLE LAYOUT 1+1*/
.p_thumb {
	display: block;
	min-width: 300px;
	min-height: 250px;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
#page-thumb{
	display: table-cell;
	width: 50%;
	height: 100%;
	position: relative;
	vertical-align: top;
}
#page-content.lo_tbl {
	display: table;
	width: 100%;
	height: 100%;
}
#page-content.lo_tbl .row {
	display: table-row;
}
#page-content.lo_tbl #page-detail {
	display: table;
	width: 100%;
}
#page-content.lo_tbl #content-top,#page-content.lo_tbl #content-bottom {
	display: table-cell;
	height: 18rem;
	width: 50%;
	vertical-align: top;
}
/*END TBL LAYOUT PRODUCT DETAIL*/
#preloader {
	/*display: none;*/
	position: fixed;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	background-color: #ccc;
}
#status {
	background: url(../images/tpl/loader.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100px;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}


/*END GLOBAL*/

/*SOCIALS*/
.social-panel {
	display: inline-block;
	text-align: center;
	padding: 5px;
	box-shadow: 0 0 2px 2px #ccc;
}
div.icon-holder {
	display: inline-block;
	border: solid 1px #999;
	border-radius: 5px;
	font-size: 0;
	padding: 5px;
	background-color: #28166f;
	text-align: center;
}
a.soc-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: 32px;
	/*background-color: #ccc;*/
	/*background-position: center 8px;*/
	background-position: center -32px;
	margin-top: 4px;
}
a.soc-icon, a.soc-icon:hover, div.icon-holder, div.icon-holder:hover{
	-webkit-transition-duration: 700ms;
    -moz-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
}
div.icon-holder:hover, div.icon-holder.highlight {
	background-color: #75c5f0;
}
div.icon-holder:hover>a, div.icon-holder.highlight>a {
	background-size: 40px;
	/*background-position: 0 -40px;*/
	background-position: center 0;
	margin: 0;
}
a.soc-icon:hover{
	cursor: pointer;
}
.soc-icon.fb {
	background-image: url(../images/icons/facebook1.png);
}
.soc-icon.inst {
	background-image: url(../images/icons/instagram1.png);
}
.soc-icon.pint {
	background-image: url(../images/icons/pinterest1.png);
}
.soc-icon.twt {
	background-image: url(../images/icons/twitter1.png);
}
.soc-icon.gpl {
	background-image: url(../images/icons/googleplus1.png);
}
.soc-icon.yt {
	background-image: url(../images/icons/youtube1.png);
}
.soc-icon.sitemap {
	background-image: url(../images/icons/sitemap1.png);
}
.soc-icon.print {
	background-image: url(../images/icons/print1.png);
}
.soc-icon.mail {
	background-image: url(../images/icons/mail1.png);
}
.soc-icon.phone {
	background-image: url(../images/icons/phone1.png);
}
.soc-icon.book {
	background-image: url(../images/icons/bookmark1.png);
}
/*END SOCIALS*/
/*LANGUAGE BAR*/
div#language-bar {
	display: inline-block;
	box-shadow: 0 0 2px 2px #ccc;
	padding: 5px;
	margin-right: 2rem;
}
ul#lang-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul#lang-list li {
	display: inline-block;
}
a.lnk-lang {
	display: inline-block;
	width: 28px;
	height: 28px;
	font-size: 0.8rem;
	text-decoration: none;
	line-height: 28px;
	color: white;
}
ul#lang-list li>.icon-holder:hover>a.lnk-lang {
	color: black;
	font-weight: bold;
}
/*END LANGUAGE BAR*/	


/*PAGINATION*/
#pagination {
	text-align: center;
}
#pagination .wrapper{
	display: inline-block;
}
#pagination .left, #pagination .right{
	background-repeat: no-repeat;
	float: left;
	width:9px;
	height:35px;
	margin: 0;
	padding: 0;
}
#pagination  .center {
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	overflow: hidden;
	background-repeat: repeat-x;
	background-image: url('../images/tpl/pag_center.png');
	margin: 0;
	padding: 6px;
	font-size: 12px;
	color: white;
	font-weight: bold;
}
#pagination .left{
	background-image: url('../images/tpl/pag_left.png');
}
#pagination  .right{
	background-image: url('../images/tpl/pag_right.png');
}
#pagination a{
	color: #28166f;
	text-decoration: none;
}
#pagination a:hover, #pagination a.highlight{
	color: #75c5f0;
}
/*END PAGI*/








/*TEMPLATE*/
/*iMAPs*/
svg {
	
}
div.map-holder {
	text-align: center;
	font-size: 0;
	position: relative;
}
#map.germany {
	background-image: url(../images/imaps/map_germany2.png);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: auto;
	text-align: center;
	display: inline-block;
}
#map.slovakia {
	background-image: url(../images/imaps/skmap.png);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100%;
	text-align: center;
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 740px;
}
#map-holder {
	width: 100%;
	overflow: hidden;
	position: relative;
}
#map.world {
	text-align: center;
	overflow: hidden;
	box-shadow: inset 0 0 2px 2px #ccc;
	background-color: #ddd;
}
#map.grabbing {
	cursor: move!important;
}
#map-holder #mapControls { padding: 0.5rem; background-color: rgba(0,0,0,0.7); text-align: center; position: absolute; left: 15px; top: 15px; width: 2.5rem; }
#map-holder #mapControls>a { display: block; margin: 0 auto; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-decoration: none; color: white; font-size: 2.5rem; color: white; font-weight: bold;}
#map-holder #mapControls>a:first-of-type {
	border-bottom: solid 1px #fff;
}
#map-holder #mapControls>a:hover {
	background-color: rgba(0,0,0,0.5);
	
}
/*#map-holder #mapControls #up { display: block; height: 2rem; width: 2rem; }*/
/*#map-holder #mapControls #down { content: "\2014"; display: block; height: 2rem; width: 2rem; }*/


div.tooltip {
	background-color: #ccc;
	min-width: 50px;
	box-shadow: 0 0 2px 2px #999;
	position: fixed;
	display:none; 
	padding: 0.3rem;
	text-align: center;
}
div.tooltip #region-name {
	font-size: 1.1rem;
	margin: 0;
	font-weight: normal;
}
#map-links {
	float: right;
	font-size: 0;
	text-align: left;
	display: inline-block;
	margin: 0.2rem 0.2rem 0 0;
}
#map-links a {
	font-size: 1.3rem;
	margin: 0.5rem;
	color: #28166f;
	display: block;
	padding: 0.5rem;
}
#map-links a:hover {
	color: #75c5f0;
	background-color: #28166f;
}
#map-links a:not(.nobullet):after {
	display: inline-block;
	content: "|";
	font-size: 1.2rem;
	margin: 0 5px;
	color: #666;
}

/*#map-links a { display: inline; }*/
/*#map-links a:before { content: ""; }*/
/*#map-links a:after { content: ""; }*/
/*#map-links a + a:before { content: "|"; margin: 0 2px; color: #666; font-size: 1.2rem; }*/
/*#map-links a + a:after { content: "|"; margin: 0 2px; color: #666; font-size: 1.2rem; }*/

/*#map-links:nth-line(1):before {
  content: '';
}*/



/*END iMAPS*/

/*SLIDERS*/
.banner {
	position: relative;
	width: 100%;
	text-align: left;
	z-index: 0;
	margin: 0 auto;
	max-width: 1400px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.4);
	margin-bottom: 1rem;
	background-color: rgba(255,255,255,0.5);
	background-image: url(../images/tpl/textures/squared_metal.png);
}
.banner>div:after {
	clear: both;
}

.banner img {
	float: right;
	height: auto;
	vertical-align: middle;
	border: 0;
	margin: 0 auto;
	margin-right: 8%;
	/*display: inline-block;*/
	display: table-cell;
	/*width: 50%;*/
}
.banner .info {
	display: table-cell;
	/*display: inline-block;*/
	text-align: left;
	/*padding-left: 8%;*/
	padding-left: 90px;
	float: left;
	font-size: 1.2rem;
	text-align: justify;
	/*position: absolute;*/
	/*width: 30%;*/
}
.banner img:after,.banner .info {
	/*position: absolute;*/
	min-width: 42%;
	/*width: 100%;*/
	
}
.banner div.slidesjs-slide {
	display: table-row;
}
.banner div.slidesjs-slide:nth-of-type(2n-1) .info {
	/*display: inline-block;*/
	text-align: right;
	padding: 0;
	/*padding-right: 8%;*/
	padding-right: 90px;
	float: right;
}
.banner div.slidesjs-slide:nth-of-type(2n-1) img {
	float: left;
	margin: 0;
	margin-left: 8%;
}
.banner .info h3 {
	border-bottom: solid 2px #28166f;
	width: 100%;
	font-size: 2rem;
}
.banner a.slidesjs-next, .banner a.slidesjs-previous, .banner a.slidesjs-play, .banner a.slidesjs-stop {
	background-image: url("../images/slides/banner_btns.png");
	background-repeat: no-repeat;
	display: block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	position: absolute;
	margin-top: -32px;
	margin-right: 5px;
	font-size: 0;
	z-index: 15;
}
.banner a.slidesjs-previous, .banner a.slidesjs-next {
	background-image: url("../images/slides/banner_nav_80.png");
	width: 80px;
	height: 80px;
	top: 50%;
	margin: 0;
	margin-top: -40px;
	float: none;
	transition-duration: 0.8s;
	border: solid 1px rgba(0,0,0,0);
	
}

.banner a.slidesjs-previous:before, .banner a.slidesjs-next:after {
	display: block;
	position: absolute;
	background-color: red;
	width: 100%;
	height: 100%;
	z-index: 999;
}
.banner:hover a.slidesjs-previous, .banner:hover a.slidesjs-next {
	border: solid 1px #28166f;
	background-color: #75c5f0;
}
.banner:hover a.slidesjs-previous {
	border-left-color: rgba(0,0,0,0);
	border-radius: 0 15px 15px 0;
}
.banner:hover a.slidesjs-next {
	border-right-color: rgba(0,0,0,0);
	border-radius: 15px 0 0 15px;
}
.banner a.slidesjs-previous:hover, .banner a.slidesjs-next:hover {
	background-color: #28166f;
}
.banner a.slidesjs-previous {
	background-position: 0 0;
	left: 0;
}
.banner a.slidesjs-next {
	background-position: -80px -80px;
	right: 0;
}
.banner a.slidesjs-previous:hover {
	background-position: -80px 0;
	border-radius: 0 30px 30px 0;
}
.banner a.slidesjs-next:hover {
	background-position: 0 -80px;
	border-radius: 30px 0 0 30px;
}

.banner a.slidesjs-play {
	background-position: -64px 0;
	left: 64px;
}
.banner a.slidesjs-stop {
	background-position: -96px 0;
	left: 64px;
}

.banner a.slidesjs-play:hover {
	background-position: -64px -32px;
}
.banner a.slidesjs-stop:hover {
	background-position: -96px -32px;
}
.banner .slidesjs-pagination {
	float: right;
	list-style: none;
	margin: -37px 5px;
	z-index: 16;
	position: absolute;
	right: 0;
}
.banner .slidesjs-pagination li {
	float: left;
	margin: 0 1px;
}
.banner .slidesjs-pagination li a {
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	background-image: url("../images/slides/banner_pag_80.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	overflow: hidden;
	transition-duration: 0.2s;
}

.banner .slidesjs-pagination li a:hover {
	background-position: 0 -32px;
}
.banner .slidesjs-pagination li a.active {
	background-position: 0 -64px;
}
/*END SLIDERS*/
/*END SLIDERS*/


/*STYLINGS*/
h1 {
	border-bottom: solid 2px #28166f;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#75c5f0+0,28166f+100&0+0,1+70 */
background: -moz-linear-gradient(-45deg, rgba(117,197,240,0) 0%, rgba(63,75,150,1) 70%, rgba(40,22,111,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(117,197,240,0) 0%,rgba(63,75,150,1) 70%,rgba(40,22,111,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(117,197,240,0) 0%,rgba(63,75,150,1) 70%,rgba(40,22,111,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075c5f0', endColorstr='#28166f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

text-shadow: -1px -1px 1px #000; 
box-shadow: -1px 1px 1px 0 #999;
padding-left: 0.6rem;
font-size: 2rem;
text-align: left;
position: relative;
}

#page #content-top h2:not(.NO-STYLE) {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#28166f+0,75c5f0+99&0+0,1+70 */
background: -moz-linear-gradient(top, rgba(40,22,111,0) 0%, rgba(94,146,202,1) 70%, rgba(117,197,240,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(40,22,111,0) 0%,rgba(94,146,202,1) 70%,rgba(117,197,240,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(40,22,111,0) 0%,rgba(94,146,202,1) 70%,rgba(117,197,240,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0028166f', endColorstr='#75c5f0',GradientType=0 ); /* IE6-9 */

padding-left: 1rem;
text-shadow: 1px 1px 1px #fff;
color: #28166f;
position: relative;
}

h1:after, #page #content-top h2:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	/*top: 1.5rem;*/
	right: 0;
	border-left: 1rem solid transparent;
	border-bottom: 3rem solid transparent;
	border-right: 5rem solid #E5E5E5;
}

#page #content-top h2 {
	display: table-cell;
	padding-right: 3rem;
	font-size: 1.8rem;
	/*vertical-align: middle;*/
	/*width: 0;*/
}
#page #content-top h2:after {
	border-left: 1rem solid transparent;
	border-bottom: 2.3rem solid transparent;
	border-right: 3.6rem solid #E5E5E5;
	/*padding-left: 0;*/
	font-size: 1.8rem;
}
/*END STYLINGS*/

/*PAGE LIST*/
div.page-list {
	text-align: center;
}
div.page-item {
	width: 320px;
	min-height: 120px;
	display: inline-block;
	position: relative;
	margin: 5px;
	box-shadow: 0 0 2px 2px #ccc;
	vertical-align: middle;
	transition-duration: 0.5s;
	padding: 0.5rem;
}
div.page-item>a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-size: 0;
	z-index: 1;
	transition-duration: 0.3s;
}
#page.subpages div.page-item>div {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}
#page.subpages div.page-item .detail {
	width: 50%;
}
#page.subpages div.page-item>.thumb {
	text-align: right;
}
div.page-item .detail {
	text-align: left;
}
div.page-item .detail>.title {
	font-size: 1.6rem;
	margin: 0.2rem auto;
	color: #28166f;
	border-bottom: solid 2px #28166f;
	font-weight: 300;
}
div.page-item:hover {
	/*opacity: 0.4;*/
	background-color: rgba(255,255,255,1);
	
}
div.page-item>.thumb {
	text-align: left;
	vertical-align: middle;
}
div.page-item>.thumb>img {
	padding: 0.1rem 0.2rem;
	box-shadow: 0 0 2px 0 #888;
	background-color: #fff;
	height: 111px;
}
div.page-item:hover>.thumb>img {
	/*background-color: rgba(255, 255, 255, 0.5);*/
	box-shadow: none;
}
div.page-item:hover .title {
	color: #000;
	border-color: #ccc;
}

div.page-item.product>div:nth-last-of-type(-n+2) {
	/*display: inline-block;*/
	min-width: 30%;
	max-width: 50%;
	display: table-cell;
}
div.page-item.product>div.atts {
	vertical-align: top;
	max-width: 68%;
	font-size: 0.9rem;
	text-align: right;
	background-color: #E7E7E7;
	width: 160px;
	min-width: 50%;
	/*height: 100%;*/
	/*box-shadow: -1px -1px 1px 0px #28166f;*/
	/*border-left: solid 1px #28166f;*/
}
div.page-item>div.atts a {
	padding-right: 0.1rem;
	position: relative;
	z-index: 2;
	color: #28166f;
	text-decoration: none;
	display: block;
	opacity: 0.7;
	word-break: keep-all;
	margin: 0.2rem 0;
}
div.page-item>div.atts a:after{
   content: "\00AB";
}
div.page-item>div.atts a:hover {
	/*color: #75c5f0;*/
	opacity: 1;
}
div.page-item>div.atts:before {
	content: "Prílohy";
	border-bottom: solid 1px #ccc;
	color: #777;
	font-size: 0.8rem;
	text-align: right;
	display: block;
	margin: 0 0.3rem;
}
	
/*END PAGE LIST*/
/*GALLERY LIST*/
#gallery-list {
	text-align: center;
}
#gallery-list div.thumb {
	display: inline-block;
	min-width: 300px;
	width: 44%;
	min-height: 6rem;
	margin: 0 0.6rem;
}
#gallery-list div.thumb-info {
	width: 100%;
	padding: 0;
}
#gallery-list div.thumb-bg-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 0.7;
	transition-duration: 0.5s;
}
#gallery-list div.thumb:hover div.thumb-bg-wrapper {
	opacity: 1;
}
#gallery-list div.thumb-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: contain;
	background-position: center right;
	background-repeat: no-repeat;
	box-shadow: inset 0 0 0.3rem 0.3rem #FFF;
}
/*END GALLERY LIST*/
/*GALLERY DETAIL/PICS*/
#gallery-pics {
	font-size: 0;
	text-align: left;
	/*text-align: center;*/
}
#gallery-pics>div.image-thumb {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0.1rem;
	opacity: 0.6;
	transition-duration: 0.5s;
	border: solid 0.1rem rgba(0,0,0,0);
}
#gallery-pics>div.image-thumb:hover {
	opacity: 1;
	box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,0.7);
	border-color: #FFF;
}
#gallery-pics img.thumbs {
	width: 170px;
	/*height: 100%;*/
}
/*END GALLERY DETAIL/PICS*/
/*FILE LIST*/
#file-list {
	margin: 1.2rem 0;
}
/*END FILE LIST*/
div#list_left {
	display: none;
}
div.holder-center {
	position: relative; 
	margin: 0 auto;
}
.centered {
	text-align: center;
}
div#foot {
	position: absolute;
	width: 100%;
	bottom: 0;
}
.holder-foot {
	background-image: url(../images/tpl/textures/mochaGrunge.png);
}
div#afterfoot {
	/*background-color: blue;*/
}
footer {
	display: block;
	width: 100%;
	/*background-color: #2b2b2b;*/
	overflow: hidden;
	max-width: 1600px;
	margin: 0 auto;
	text-align: center;
}
footer>div {
	display: inline-block;
	vertical-align: top;
	margin: 1%;
	width: 31%;
	min-width: 300px
}
footer>div:first-of-type {
	text-align: left;
}
footer>div:last-of-type {
	text-align: right;
}
footer div.social-panel {
	box-shadow: none;
}
footer #links {}
footer #links a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
footer #links a:not(:last-of-type):after {
	content: " | ";
}
footer #links a:hover {
	color: #28166f;
}
/*COPYRIGHT*/
p.copy {
	display: inline-block;
	margin: 0;
	vertical-align: bottom;
	font-size: 0.8rem;
	color: #000;
}
#afterfoot {
	position: relative;
	height: 40px;
	/*line-height: 40px;*/
}
/*END COPYRIGHT*/




/*STYLING*/
/*
#right-cont {
	display: none;
	float: right;
	width: 250px;
	min-height: 500px;
	overflow: hidden;
}

#popular_articles {
	margin: 25px;
}

#nav-button, #nav-panel {
	display: none;
}

#nav-button {
	position: absolute;
	width: 32px;
	height: 32px;
	background-image: url('../images/icons/menu.png');
	margin: 5px;
	padding: 5px;
	right: 0;
	border: 1px solid #fff;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 5px;
	  transition-duration: .5s;
}
#nav-button.active {
  transform: rotate(90deg);
  transition-duration: .5s;
}
#nav-panel {
	display: none;
	width: 100%;
	background: #000;
	
}
#nav-panel li{
	
}
*/
div.scrollableArea 
{
	/* If you don't want the images in the scroller to be selectable, try the following
		block of code. It's just a nice feature that prevent the images from
		accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/*


#highlights-banner .view {
  vertical-align: middle;
	height: auto;
	 display: table-cell;

}
.view {
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
}
#highlights-banner .mask {
	   padding-top: 50px;

}
#popular_articles h2 {
	font-size: 0.9em;
}
#popular_articles .info{
	margin-top: 40px;
}

.counter {
	position:absolute;   
	right: 0;
	bottom: 0;
	background: rgba(255,0,0,.5);
}
span.counter_detail {
	position: absolute;
	margin-top: -20px;
}
.view .mask {
   white-space: normal;
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 0 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}


.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
				

.slide img {
	max-width: 100%;;
  max-height: 100%;

}
*/

@media screen and (max-width: 980px){
	#page {
		/*margin: 15px;*/
	}
	/*
	#right-cont {
		width: 100%;
		margin: 5px;
	}
	#popular_articles {
		width: 200px;
		margin: 0 auto;
	}
	*/
	#page {
		/*width: 100%;*/
	}
	/*
	#logo {
		width: 9em;
		height: 6em;
		margin-left: -4.5em;
	}
	#top-nav ul li:nth-child(3){
		margin-left: 200px;
	}

	#latest-articles {
		float: none;
		margin: 0 auto;
	}
	*/
}
@media screen and (max-width: 880px){
	/*
	#top-nav ul li:nth-child(3){
		margin-left: 170px;
	}
	.lst-article p{
		width: 380px;
	}

*/
}	
@media screen and (max-width: 780px){
	/*
	#foot_left {
		width: 100%;
	}

	#foot_right {
		display: none;
	}
	
	#related-articles .view {
		float: left;
		margin: 5px;
	}
	.view .mask{
		padding: 0;
	}
	.view h2{
		font-size: .7em;
	}
	.view p{
		font-size: .6em;
	}
	#latest-articles hr {
	display: block;
}
	.lst-article p{
		margin-top: 5px;
		width: 300px;
	}
		#latest-articles {
width: auto;
	}
	#main{
		margin-top: 60px;
	}
	#header-left, #header-right {
		display: none;
	}
	#nav-button,#nav-panel {
		display: block;
	}
	#top-nav {
		display: none;
	}
	#logo {
		width: 6em;
		height: 4em;
		margin-left: -3em;
	}
	header {
		position: fixed;
		left: 0;
		top: 0;
	}
*/
}
@media screen and (max-width: 560px){
	/*
	.lst-article p{
		width: 200px;
	}
*/
}
@media screen and (max-width: 480px){
	/*
#form-contact-container {
	width: auto;
	margin: 15px;
}
	#main,#latest-articles, .lst-article,.lst-article p {
		width: 100%;
		margin: 0;
	}
	#latest-articles {
		width: auto;
		margin: 20px;
	}

	#highlights-banner {
		height: 0px !important;
		overflow: hidden;
	}
	.social-holder {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 70px;
		float: none;
	}
	#header-center {
		height: 70px;
	}
	.lst-article .thumb {
		float: none;
		width: 100%;
		height: auto;
	}
	.lst-article h2 {
	font-size: 1.0rem;
	}
	*/
}

/*SYS CTNTRL*/
#sys-controls {
	display: none;
}
/*PWRD*/
#pwrd {
    height: 40px;
    position: absolute;
    right: 1%;
    bottom: 0;
    width: 80px;
    display: inline-block;
}
.pwrd-ie {
    transition-duration: 1s;
}
.pwrd-no-ie {
    background-image: url("../images/kustom/clr-s.png");
    background-position: center center;
    background-size: contain;
    transition-duration: 1s;
}
.pwrd-no-ie:hover {
    background-image: url("../images/kustom/blk-s.png");
    transition-duration: 1s;
}
.pwrd-ie:hover {
    transition-duration: 1s;
}
#pwrd a {
    display: block;
    height: 40px;
    width: 80px;
    z-index: 1000;
}
#pwrd:hover {
    cursor: pointer;
}
/*END PWRD*/