@charset "UTF-8";
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;	
	color: #696969;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.01em;
}


article p {
    letter-spacing: 0.00em;
	line-height: 180%;
}
.bold {
	font-weight: 400;
}
.boldest {
	font-weight: 600;
}
.sikme {
	font-style: italic;
}
.darker {
	color: #454545;
}
.modra {
	color: #18428e;
}
.odsad {
	margin-left: 20px;
}
.tensie {
	font-weight: 300;
}


a, a:visited {
	color: #696969;
	text-decoration: none;
}
a:hover, a:active, a:focus, a.thispage {
    color: #18428e;
    text-decoration: none;
	cursor:pointer;
}
a:hover {
	cursor:pointer;
}


h1 {
	font-size: 20px;
	font-weight: 600;
	color: #000000;
}
h2 {
	font-size: 14px;	
	text-transform: uppercase;
	line-height: 140%;	
	font-weight: 600;
	color: #18428e;
}
h3 {
	font-size: 16px;
	font-weight: 400;
	color: #454545;
	/*color: #18428e;*/
}


.margini_top {
	margin-top: 35px;
}
.margini_top2 {
	margin-top: 25px;
}
.margini_top3 {
	margin-top: 10px;
}
.margini_top4 {
	margin-top: 5px;
}
.margini_top_minus {
	margin-top: -30px;
}
.margini_zero_top {
	margin-top: 0;
}
.margini_zero_bottom {
	margin-bottom: 0;
}
.margini_bottom {
	margin-bottom: 35px;
}
.margini_bottom2 {
	margin-bottom: 10px;
}
.margini_bottom3 {
	margin-bottom: 44px;
}
	
.sirka {
	max-width: 828px;
}
.sirka2 {
	max-width: 940px;
}
.sirka3 {
	max-width: 780px;
}


.stred {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.text_right {
	text-align: right;	
}
.text_center {
	text-align: center;
}


.zvodidlo {
	width:100%;
	height: auto;
}
.sive {
	background-color: #454545;
}


header {
	display: block;	
	width: 100%;
	background-color: #ececec;
}


.slideshowcontainer {
	width: 100%;
	background-color: #454545;
}
.slideshow {
	margin-left: auto;
	margin-right: auto;

}


.stripe {
	height: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #454545;
}


main, footer {
	display: block;	
	width: 100%;
}


footer {
	color: #a7a9ab;
	font-size: 11px;
	font-weight: 300;
}

.kontakt_mobil { 
	list-style-type: "M:"; 
	padding: 0;
    margin: 0;
}
.kontakt_email { list-style-type: "E:"; }



/* jssor slider bullet navigator skin 13 css */
            /*
            .jssorb13 div           (normal)
            .jssorb13 div:hover     (normal mouseover)
            .jssorb13 .av           (active)
            .jssorb13 .av:hover     (active mouseover)
            .jssorb13 .dn           (mousedown)
            */
.jssorb13 div, .jssorb13 div:hover, .jssorb13 .av {
     background: url(images/jssor.png) no-repeat;
     /*overflow: hidden;*/
     cursor: pointer;
}
.jssorb13 div {
     background-position: -5px -5px;
}
.jssorb13 div:hover, .jssorb13 .av:hover {
     background-position: -35px -5px;
}
.jssorb13 .av {
     background-position: -65px -5px;
}
.jssorb13 .dn, .jssorb13 .dn:hover {
     background-position: -95px -5px;
}


/* jssor slider arrow navigator skin 12 css */
            /*
            .jssora12l              (normal)
            .jssora12r              (normal)
            .jssora12l:hover        (normal mouseover)
            .jssora12r:hover        (normal mouseover)
            .jssora12ldn            (mousedown)
            .jssora12rdn            (mousedown)
            */
            .jssora12l, .jssora12r, .jssora12ldn, .jssora12rdn {
                position: absolute;
                cursor: pointer;
                display: block;
                background: url(images/arrows.png) no-repeat;
                overflow: hidden;
            }

            .jssora12l {
                background-position: -16px -37px;
            }

            .jssora12r {
                background-position: -75px -37px;
            }

            .jssora12l:hover {
                background-position: -136px -37px;
            }

            .jssora12r:hover {
                background-position: -195px -37px;
            }

            .jssora12ldn {
                background-position: -256px -37px;
            }

            .jssora12rdn {
                background-position: -315px -37px;
            }
								


.gallery{
  width: 100%;
}

.gallery h2{
  padding:5px;
  margin:0;
  text-align:center;
  color: #000;
  font-size: 2em;
}

.gallery p{
  clear:both;
  padding:5px;
  margin:0;
  text-align:center;
}

.gallery p a, .gallery p a:visited{
  color: #000;
}

.gallery ul{
  margin:0;
  padding:0;
  font-size:1em;
  list-style:none;
}

.gallery li{
  padding:0;
  margin:5px;
  height:180px;
  width:180px;
  float: left;
  display: inline;
  background:#000;
  overflow:hidden;
}

.gallery li img{
	width:100%;
	height:auto;
  border: none;
  padding: 0;
  margin: 0;
}

.gallery li a{
  text-decoration: none;
  display: block;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.gallery li a:hover{
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity:1;
}






@media only screen and (max-width : 765px) {
.desktop {
	display: none;
}


.logo	{
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.isocert {
	position:absolute;
	top: 7px;
	right: 7px;
}


.okraj {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;	
}
.okraj2 {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;	
}
.okraj3 {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;	
}


.head_white_back {
	height: 127px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
.head_white_things {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	top: 10px;
}
.head_white_nav_nadpis {
	color: #18428e;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 0px;
}
.head_white_nav_podnadpis {
	color: #a8aaad;
	font-weight: 600;
	font-size: 14px;	
	white-space: nowrap;
}


.head_grey_back {
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ececec;
	position: relative;
	top: -15px;
	margin-bottom:-30px;
	z-index:100;
}


/* click-nav */
.click-nav {
	z-index:900;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 30px;
}
.click-nav ul {
	padding: 0;
	margin: 0;
}
.click-nav ul li {
	list-style:none;
	cursor:pointer;
}
.click-nav ul .clicker {
	position: absolute;
	height: 30px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index:901;
	display: inline-block;
}
.stripes {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.click-nav ul li ul {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	text-align: center;
	background: #ececec;
	padding-top: 30px;
}
.click-nav ul li ul a {
	/*transition:background-color 0.2s ease-in-out;
	-webkit-transition:background-color 0.2s ease-in-out;
	-moz-transition:background-color 0.2s ease-in-out;*/
	display:block;
	padding: 15px 0px 15px 0px;
	/*color:#C6C6C6;*/
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0.09em;
	font-weight: 600;
}
.rulez	{
	height: 1px;
	border: 0;
	border-top: 1px dotted #18428e;
	background: #ececec;
	color:#ececec;
	margin: 0px;
	padding: 0;
}
/*.click-nav ul li a:hover {
	background:#F2F2F2;
}*/
/* Fallbacks */
.click-nav .no-js ul {
	display:none;
}
.click-nav .no-js:hover ul {
	display:block;
}
/* click-nav END */


.fotogaleria_thumb {
	width: 100%;
	height:auto;
	border: 1px solid #a8aaad;
}
}


@media only screen and (min-width : 766px) {
.mob {
	display: none;
}


.okraj {
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	padding-right: 50px;	
}
.okraj2 {
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;	
}
.okraj3 {
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;	
}


.head_white_back {
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
.head_white_things {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	top: 15px;
}


.head_white_nav {
	position: absolute;
	padding: 0px;
	margin: 0px;
	right: 0px;
	top: 0px;
	z-index:902;
}
.head_white_nav ul {
	margin: 0px;
	padding: 0px;
}
.head_white_nav li {
    display: inline;
    list-style: none;
	font-size: 12px;
	color: #454545;
	font-weight: 600;
}
.head_white_nav li a, .head_white_nav li a:visited {
}
.head_white_nav li a:hover, .head_white_nav li a:active, .head_white_nav li a:focus, .head_white_nav li a.thispage {
}



.slovakia {
	vertical-align: top;
	margin-top: -5px;
	margin-right: 5px;
}
.isocert {
	vertical-align: top;
	margin-top: 8px;
	margin-left: 13px;
	margin-right: 0px;
}
.head_white_nav_text {
	display: inline-block;
	text-align: right;
}
.head_white_nav_nadpis {
	color: #18428e;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	white-space: nowrap;
	margin-top: 1px;
	margin-bottom: 0px;
}
.head_white_nav_podnadpis {
	color: #a8aaad;
	font-weight: 600;
	font-size: 16px;	
	white-space: nowrap;
	margin-top: -1px;
}
.head_white_nav_pokec {
	color: #ffffff;
	background: #b5443b;
	font-size: 14px;
	font-weight: 600;
	line-height: 28px;
	display:inline-block;
	float:right;
	height: 28px;
	margin-top: 56px;
	padding-left:5px;
	padding-right:5px;	
}
.head_white_nav_pokec_img {
	float: right;
	width: 20px;
	height: 28px;
	margin-top: 56px;	
}

.head_grey_back {
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ececec;
	position: relative;
	top: -20px;
	margin-bottom:-40px;
	z-index:902;
}


.head_grey_nav {
    margin-right: 0px;
    margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 100%;
}
.vlavo {
	float:left;
	margin-left: 20px;
	margin-right: 0px;
}
.vpravo {
	float:right;
	margin-left: 0px;
	margin-right: 20px;
}
.head_grey_nav ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.head_grey_nav li{
    display: inline;
    list-style: none;
	text-transform: uppercase;
	line-height: 40px;
	margin: 0;
	padding:0;
}
.head_grey_nav li{
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.01em;
}
.head_grey_nav li a, .head_grey_nav li a:visited {
	color: #454545;
	display: inline-block;
	position: relative;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin: 0;
	height: 40px;
}
.head_grey_nav li a:hover, .head_grey_nav li a:active, .head_grey_nav li a:focus, .head_grey_nav li a.thispage {
	color: #18428e;
}
.vert {
	background-color: #c2c2c2;
	width:1px;
	height:9px;
	display:inline-block;
	margin:0;
	padding:0;
}


.slide_pokec {
	position: absolute; 
	padding: 0;
	margin: 0;
}
.slide_pokec_nadpis {
	font-size: 16px;
	font-weight: 600;
}


.inlajn1 {
	float: left;
	width:49%;
}
.inlajn2 {
	float:right;
	width:49%;
}	
.inlajn3 {
	display: inline-block;
	width:32%;
	vertical-align:top;
}
.vertbottom {
	vertical-align:bottom;
}

.tabulka {
	width: 100%;
	border: 0;
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 0;
	font-size: 0;

}
.riadok {
	display: table-row;
}
.bunka {
    display: table-cell;
	padding: 5px 5px;
}
.fotogaleria_thumb {
	width: 100%;
	height:100%;
	border: 1px solid #a8aaad;
}
.sirka4 {
	max-width: 838px;
}
.neromal {
	display:none;
}

}
@media only screen and (max-width : 930px) {
.romal {
	display:none;
}
.neromal {
	display: inherit;
}
}
@media only screen and (max-width : 930px) {
.romal {
	display:none;
}
.neromal {
	display: inherit;
}
.head_grey_nav li {
	font-size: 11px;
}
.vert {
	background-color: #c2c2c2;
	width:1px;
	height:8px;
	display:inline-block;
	margin:0;
	padding:0;
}
}
@media only screen and (max-width : 877px) {
.romal {
	display:none;
}
.neromal {
	display: inherit;
}	
.head_grey_nav li {
	font-size: 10px;
	font-weight: 700;
}
.head_grey_nav li a, .head_grey_nav li a:visited {
	padding-right: 1px;
	padding-left: 1px;
}
.vert {
	background-color: #c2c2c2;
	width:1px;
	height:7px;
	display:inline-block;
	margin:0;
	padding:0;
}
.head_white_nav_pokec {
	color: #ffffff;
	background: #b5443b;
	font-size: 12px;
	font-weight: 700;
	line-height: 25px;
	display:inline-block;
	float:right;
	height: 25px;
	margin-top: 54px;
	padding-left:1px;
	padding-right:1px;	
}
.head_white_nav_pokec_img {
	float: right;
	width: 20px;
	height: 25px;
	margin-top: 54px;	
}
}

/* toto je kvoli 2 stlpcom v produktoch */
@media only screen and (min-width : 751px) and (max-width : 880px) {
.hrubascreen {
	display: none;
}
}
@media only screen and (min-width : 881px) {
.tenkascreen {
	display: none;
}
}
@media only screen and (max-width : 750px) {
.tenkascreen {
	display: none;
}
}