body, div, span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,ul,li,nav,section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 17px;
  font-family: Century Gothic;
  font-family: 'Open Sans Condensed', sans-serif;
  color:#343129;
  vertical-align: baseline;
  list-style: none;

}


.fotobg{
position:relative;
top:0px;
left:0px;
width:100%;
height:420px;
background:#2D262D url("../img/slide0.jpg") no-repeat;
background-size:cover;
background-position:center; 
}

.tvorbabg{
position:relative;
top:0px;
left:0px;
width:100%;
height:330px;
background:#000 url("../img/slide1122.jpg")  no-repeat;
background-size:contain;
background-position:center; 
}

.fbg{
position:relative;
top:0px;
left:0px;
width:100%;
height:420px;
background:#2D262D url("../img/slide-foceni-psu.jpg")  no-repeat;
background-size:cover;
background-position:center; 
}


.grafickestudio{
position:relative;
top:0px;
left:0px;
width:100%;
height:420px;
background:#000 url("../img/slide11.jpg")  no-repeat;
background-size:cover;
background-position:center; 
}

.grafickestudio{
position:relative;
top:0px;
left:0px;
width:100%;
height:420px;
background:#000 url("../img/slide111.jpg")  no-repeat;
background-size:cover;
background-position:center; 
}


.luxbgde{
position:relative;
top:0px;
left:0px;
width:100%;
height:450px;
background:#000 url("../img/slide11-de.jpg") no-repeat;
background-size:cover;
background-position:center; 
}


.luxbgen{
position:relative;
top:0px;
left:0px;
width:100%;
height:450px;
background:#000 url("../img/slide11-en.jpg")  no-repeat;
background-size:cover;
background-position:center; 
}

.luxbgfr{
position:relative;
top:0px;
left:0px;
width:100%;
height:450px;
background:#000 url("../img/slide11-fr.jpg")  no-repeat;
background-size:cover;
background-position:center; 
}



.lux{
text-align:right;
color:#7d704c;
}

.lux a:link, .lux a:visited{
color:#dcc685;
}

.lux a:hover{
color:#7d704c;
}


body{
background:#111;
}

a{ transition: all 1s linear;}

a:link, a:visited{
color:#343129;
text-decoration:none;
}

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


.bg1{
position:relative;
background:url("black-bg.jpg") repeat fixed;
width:100%;
height:auto;
}

.bgb{
position:absolute;
background:#cdc7b9;
width:100%;
height:200px;
}

.bg2{
position:absolute;
background:#111;
width:100%;
}

.bg2s{
position:absolute;
background:#000;
width:100%;
height:50px;
}


.bg3{
position:absolute;
background:#bdb8ab url("bg2.jpg") repeat fixed;
height:200px;
}

.bg4{
position:relative;
background:#000;
width:100%;
height:750px;
}

.bg4s{
position:relative;
background:#fff;
width:100%;
height:500px;
}

.bg5{
position:relative;
background:#fff;
width:100%;
}

.bg5 a:link, .bg5 a:visited{
color:#726448;
}

.bg5 a:hover{
color:#000;
}

.strongt{font-weight:bold;font-size:18px;}


.bg6{
position:relative;
background:#111;
width:100%;
}

.bgwlarge{
position:relative;
background:#fff;
width:100%;
padding-top:10px;
}

.bwlarge a:link, .bwlarge a:visited{
color:#111;
}

.bwlarge a:hover{
color:#726448;
}

.bottom{
position:relative;
background:url("bg1.jpg") repeat fixed 0% 0%;
background-size:100%;
width:100%;
height:300px;
border-top:1px solid #fff;
}

.kontik{font-style:cursive;
font-size:18px;}

.kontik img{
	width:14%;
}

.kontik p{line-height:1.2;margin-bottom:20px;margin-top:15px;}

#grad{
position:relative;
height:75px;
background:url("black-bg.jpg") repeat fixed;
text-align:center;
}


#grad2{
position:relative;
height:75px;
background: -webkit-linear-gradient(#111, #222); /* For Safari */
background: -o-linear-gradient(#111, #222); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#111, #222); /* For Firefox 3.6 to 15 */
background: linear-gradient(#111, #222); /* Standard syntax */
} 

#wrapper {
  margin: 0 auto;
}

#wrapper.floating #top {
  display: block;
  height: 65px;
  background: #fff;
  margin-bottom: 88px;
}
#wrapper.floating header {
  min-height: 65px;
  position: fixed;
  width: 100%;
  z-index: 15;
  top: 0;
}
#wrapper.floating .categories-block {
  position: fixed;
  top: 60px;
  width: 100%;
  z-index: 10;
  margin: 0 0 0 -37px;
}
#wrapper.floating .categories-block .padding-wrap {
  padding: 0 37px;
}

#fullScreenHome {
  text-align: center;
 top: 0;
  left: 0;
  z-index: 0;
}
#fullScreenHome a.title {
  width: 100%;
  position: absolute;
  font: 12px Century Gothic;
font-family: 'Cinzel', serif;
  color: transparent;
   text-align: center;
  left: 0;
  top: 30%;
  height: 100%;
  line-height: 50%;
  word-wrap: break-word;
  z-index: 20;
 
}
#fullScreenHome #featured {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;

}
#fullScreenHome #featured .slides li {
  text-align: center;
  display: none;
}
#fullScreenHome #featured .slides li img {
  width: 100%;
}
#fullScreenHome #featured .flex-control-nav {
  position: absolute;
  margin-top: -35px;
  display: table;
  right: 90px;
  bottom: 30px;
  width: 120px;
  text-align: center;
  z-index: 99999;
}
#fullScreenHome #featured .flex-control-nav li {
  margin: 0 5px;
  display: inline-block;
}
#fullScreenHome #featured .flex-control-nav li a {
  background: url(images/slider-nav-dots.png) 0 0 no-repeat;
  cursor: pointer;
  display: block;
  width: 5px;
  height: 5px;
  text-indent: -2222px;
}
#fullScreenHome #featured .flex-control-nav li a:hover,
#fullScreenHome #featured .flex-control-nav li a.active {
  background: url(images/slider-nav-dots.png) 0 100% no-repeat;
}
#fullScreenHome #featured .flex-direction-nav {
  position: absolute;
  z-index: 10;
  width: 88%;
  max-height: 70px;
  left: 0;
  padding: 0 6%;
  top: 50%;
  margin: -18px 0 0;
}
#fullScreenHome #featured .flex-direction-nav li {
  display: inline-block;
  float: right;
  width: 38px;
  height: 70px;
  overflow: hidden;
}
#fullScreenHome #featured .flex-direction-nav li:first-child {
  float: left;
}
#fullScreenHome #featured .flex-direction-nav a {
  background: url(images/big-arrows.png) 0 0 no-repeat;
  display: block;
  width: 38px;
  height: 70px;
  overflow: hidden;
  text-indent: -999px;
 }
 
 .content{
width:100%;
height:60%;
overflow:hidden;
}




.in img, .int img, .op img:hover, .invert img a:hover
{
opacity:1.0;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
.in img:hover, .int img:hover, .op img, .invert img
{
opacity:0.9;
filter:alpha(opacity=100); /* For IE8 and earlier */
}


.op2 img:hover
{
 -webkit-filter: grayscale(100%);
}
.op2 img
{
-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
  }
  
  .int2 img{
 
-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.int2 img:hover{

-webkit-transform: scale(1.3);
	transform: scale(1.3);
}



.inz{
position:relative;
width:95%;
margin:0 auto;
}

.in{
position:relative;
width:95%;
margin:0 auto;
}

.int{
position:relative;
width:90%;
margin:0 auto;
text-align:center;
padding-top:14px;
}


.int2{
position:relative;
width:90%;
margin:0 auto;
text-align:center;
padding-top:15px;
}

.intd{
position:relative;
width:85%;
margin:0 auto;
text-align:center;
}

h2 .intd{
color:#7d704c;
}


.ins{
position:relative;
width:95%;
margin:0 auto;
line-height:3;
text-align:center;
padding-top:5px;
}

.ins ul li{
display:inline;
font-family: 'Open Sans Condensed';
font-weight:800;
}

.ins ul li a{
padding-right:4px;
padding-left:4px;
}

.ins ul li a:link, .ins ul li a:visited{
color:#efdeb2;
text-decoration:none;
border-right:1px dashed #bdb8ab;
}

.ins ul li a:hover{
color:#00c9f9;
text-decoration:none;
border-right:1px solid #ef01f7;
}

.insbig{
position:relative;
width:90%;
margin:0 auto;
text-align:center;
font-size:18px;
clear:both;
}

.insbig table{
font-size:18px;
width:50%;
}

.insbig h3{
font-family: 'Open Sans Condensed';
font-weight:bold;
color:#111;
}

.insbig h3 a:link, .insbig h3 a:visited{
color:#999;
}

.insbig h3 a:hover{
color:#444;
}

/*

 .intd img{border-radius: 70%;
 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;

}
.intd img:hover{
border-radius: 8%;

}
*/

.inbot{
position:relative;
width:100%;
margin:0 auto;
font-size:14px;
letter-spacing:2;
line-height:2;
text-align:center;
}

.inbot, .inbot a:link, .inbot a:visited{
	color:#796944;
}

.novinka1 img, img.novinka1
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.novinka1 img:hover
{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}

.coop{
font-size:14px;
color:#7d704c;
}

.coop h3{line-height:1.5;}

.coop2{
font-size:17px;
color:#7d704c;
}

.ii{
color:#ffefa7;
}

tr.t1 td{
border-bottom:2px solid #e0c7ae;
}

.t1{
color:#95785b;
}

.strongt1{
font-family: 'Open Sans Condensed';
font-weight:700;
color:#95785b;
font-size:19px;
}

.cin{font-family:'Cinzel';font-size:1em;line-height:1;}
.strongpr{font-weight:bold;font-size:1.2em;color:#725c5f;}
.curs{font-style:italic;font-size:1.1em;}
h4{font-family:'Cinzel'; color:#9c6231; font-size:1.7em;font-weight:normal;line-height:1.2;}

tr.t2 td{
border-bottom:2px solid #c0b7ae;
}

.t2{
color:#716b64;
}

.strongt2{
font-family: 'Open Sans Condensed';
font-weight:700;
color:#716b64;
}

h1, h2, h3{
color:#726448;
line-height:2.2;
font-family: 'Cinzel', serif;
font-size:22px;
}


.int h2#darker{
color:#896448;
margin-top:5px;
}

.darker h2{
color:#896448;
}

.darker h2 a:link, .darker h2 a:visited{
color:red;
}

.darker{
color:#896448;
}

.darker2{
color:#B4652B;
}

.int h3#darkerr{
color:#563f24;
font-size:25px;
}

h1{
font-size:24px;
color:#ffefa7;
letter-spacing:1;
}

.int h2{
color:#dcdcdc;
font-size:30px;
}

h3{
font-size:18px;
color:#e2af3a;
letter-spacing:1;
line-height:3;
}


h5{
font-size: 22px;
color:#dcc685;
}
  
   
  .incount, .count{
color:#dcdcdc;
 font-weight:normal;
 font-size:16px;
 }


.purple{
color:#ef01f7;
font-family: 'Cinzel', serif;
font-size:inherit;
}

.tyrquise{
color:#00c9f9;
font-family: 'Cinzel', serif;
font-size:inherit;
}

.gold{
color:#ffefa7;
font-family: 'Cinzel', serif;
font-size:inherit;
}

.a24{
	font-size:31px;
	color:#fff;
	}
	
	.red3{
color:#5bfb5e;
font-size:50px;
}

table .c2{
width:100%;
border:1px solid red;
}

.c2{
margin:auto;
text-align:left;
}

.c2 td{
padding:10px;
font-size:18px;
line-height:1;
}


.c{
margin:auto;
text-align:center;
}

.c td{
padding:40px;
width:30%;
}

table.c{width:80%;margin:0 auto;}
table .c p, .c table p{color:#f4eedd;}

.c a:hover{
color:#000;
}


.d table, .d td{
font-style:italic;
padding:10px;
font-size:19px;
}

.d td{
background:#efefef;
border-radius:21px;
}

.news table, .news td{
padding:5px;
border:1px dotted #2a2929;
border-radius:25px;
margin:auto;
text-align:center;
box-shadow: 3px 3px 5px #000;
color:#ffefa7;
}

.hpflo1{position:relative; width:33%;float:left;}

span.reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
font-size:21px;
font-weight:bold;
color:#84684d;
}

.strong{
font-family: 'Open Sans Condensed';
font-weight:700;
color:#f4eedd;
}

.strong2{
font-family: 'Open Sans Condensed';
font-weight:700;
color:#84684d;
}

.stronghp{
font-family: 'Open Sans Condensed';
font-weight:700;
font-size:21px;
line-height:2;
color:#e2af3a;
}

.stronghp a:link, .stronghp a:visited{
	color:#e2af3a;
}

.stronghp a:hover{
	color:#bbb0a9;
}

.wrap{position:relative;
	margin-bottom:20px;
margin-top:20px;
}


.interest0{width: 180px;
  height: 60px;
  position: relative;
  margin:0 auto;
  justify-content: center;
  align-items: center;}
  
.interest1{ width: 180px;
  height: 60px;
  position: absolute;}

.interest {
  width: 180px;
  height: 60px;
  cursor: pointer;
  background: transparent;
  border: 1px solid #e2af3a;
  outline: none;
  transition: 1s ease-in-out;
  text-transform:uppercase;
  font-weight:bold;
  color:#d8d6d2;
}

.interest24 {
  width: 180px;
  height: 60px;
  cursor: pointer;
  background: transparent;
  border: 1px solid #5bfb5e;
  outline: none;
  transition: 1s ease-in-out;
  text-transform:uppercase;
  font-weight:bold;
 color:#d8d6d2;
}



svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: none;
  stroke: #fff;
  stroke-dasharray: 150 480;
  stroke-dashoffset: 150;
  transition: 1s ease-in-out;
}

.interest:hover {
  transition: 1s ease-in-out;
 color:#e2af3a;
}

.interest:hover svg {
  stroke-dashoffset: -480;
}

.interest span, .interest span a {
    color:#e2af3a;
  font-size: 20px;
  font-weight:bold;
}


.novinka1{
color:#ffefa7;
margin-bottom:15px;
font-size:17px;
}

.novinka1 p{
color:#ffefa7;
}

.novinka1 a:link, .novinka1 a:visited{
	color:#ad9c7b;
}

.news a:link, .news a:visited{
color:#726448;
text-decoration:none;
}

.news a:hover, .novinka1 a:hover{
color:#ffefa7;
}


.cont{
position:relative;
  height:417px;
  width:800px;
  margin:0 auto;
}

.cont img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.cont img.c2:hover {
  opacity:0;
}


.langs{
  position:relative;
  height:65px;
  margin:0 auto;
  text-align:center;
}



.langs img, .langsd img {
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


.frame{
position:realtive;
width:600px;
height:385px;
clear:both;
}


/* second an */

#cf3a {
  position:relative;
width:600px;
height:385px;
  margin:0 auto;
}

@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4 {
  position:relative;
  margin:0 auto;
}
#cf4 img {
  position:absolute;
  left:0;
}

#cf4 img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 8s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 8s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}
#cf4 img:nth-of-type(1) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
#cf4 img:nth-of-type(2) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
#cf4 img:nth-of-type(3) {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
#cf4 img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}

.b2{
color:#999;
font-size:14pt;
}

img.flo{
position:relative;
float:right;
}

img.flo-left{
position:relative;
float:left;
margin-right:20px;
}

/*

.portfolion{
width:330px;
float:left;
}

.portfolion a:link, .portfolion a:visited{color:#ecdbb0;}
.visit a, .visit a:link, .visit a:visited{color:#7e6f52;}
.ing{
width:1000px;
margin:0 auto;
}

.portfolion{
width:330px;
float:right;
text-align:center;
}

.ing h3, .ing h3 a{
font-size:15px;
font-weight:normal;
line-height:1.5;
margin:0px;
padding:0px;
}

*/

.ing, .container, .nic {
  margin: 0;
  padding: 0;
  float: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px; /* mezery mezi boxy */
}

.nic {
  display: flex; /* aby .portfolion mohl expandovat */
}

.portfolion {
  width: 280px; /* šířka boxu */
  background: transparent; /* průhledné pozadí */
  border-radius: 12px; /* stále kulaté rohy */
  overflow: hidden; /* aby obrázek respektoval zaoblení */
  text-align: center;
  display: flex;
  flex-direction: column;

  /* odstraněný stín */
  box-shadow: none;

  /* přechod pro hover (jemné zmenšení) */
  transition: transform 0.2s ease;
}

/* Hover efekt – lehké zmenšení */
.portfolion:hover {
  transform: scale(0.98);
}

/* Obrázek */
.portfolion img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 12px; /* zaoblení stejné jako box, aby nevytékal přes rohy */
  transition: transform 0.3s ease;
}

/* Hover obrázku – jemný zoom */
.portfolion:hover img {
  transform: scale(1.03);
}



/* Text */
.portfolion h3 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  margin: 12px 0 6px 0;
}

.portfolion .breed {
  font-size: 0.9rem;
  color: #ccc;
  margin-bottom: 12px;
}

/* Základní styl tlačítka */
.portfolion .visit a {
  display: inline-block;
  padding: 8px 16px;
  margin-bottom: 15px;
  background-color: #2f2f2f; /* tmavší, méně křiklavá tmavě zlatá */
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 400;
  font-size: 0.95rem;
  transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 12px rgba(127,101,32,0.25); /* jemnější stín */
}

/* Hover – jemné zesvětlení, ale stále tlumené */
.portfolion .visit a:hover {
  background-color: #453f2f; /* světlejší, ale ne výrazně */
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(145,122,41,0.3);
}

/* Aktivní / focus */
.portfolion .visit a:active,
.portfolion .visit a:focus {
  background-color: #6D5819; /* tmavší, jemně */
  box-shadow: 0 4px 12px rgba(109,88,25,0.35);
  outline: none;
}

/* Navštívené odkazy */
.portfolion .visit a:visited {
  background-color: #2f2f2f; /* základní tlumená tmavě zlatá */
  color: #fff;
}

/* Responsivní */
@media (max-width: 1000px) {
  .portfolion { width: 45%; }
}
@media (max-width: 650px) {
  .portfolion { width: 90%; }
}

/* Definice klíčových snímků */
@keyframes slideFromLeft {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideFromRight {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Aplikace animace na boxy */
.nic:nth-child(odd) .portfolion {
  animation: slideFromLeft 0.6s ease-out forwards;
}

.nic:nth-child(even) .portfolion {
  animation: slideFromRight 0.6s ease-out forwards;
}

/* Startovní stav – průhledné a posunuté */
.portfolion {
  opacity: 0; /* vyjde z CSS animace */
}

.gray3{
width:100%;
background:url("bg-ref.jpg") repeat;
}

.gray3 a:link, .gray3 :visited{
color:#726448;
text-decoration:none;
}

.gray3 a:hover{
color:#ffefa7;
text-decoration:none;
}

.clear{
clear:both;
}


.lb-album{
	width: 900px;
	margin: 0 auto;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
}
.lb-album li{
	float: left;
	margin: 5px;
	position: relative;
}
.lb-album li > a,
.lb-album li > a img{
	display: block;
}
.lb-album li > a{
	width: 250px;
	height: 200px;
	position: relative;
	padding: 10px;
	background: #95785b;
	-webkit-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	-moz-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
}
.lb-album li > a span{
	position: absolute;
	width: 250px;
	height: 200px;
	top: 10px;
	left: 10px;
	text-align: center;
	line-height: 150px;
	color: #6e5337;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	font-size: 24px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgb(241,210,194);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.lb-album li > a:hover span{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgb(241,210,194);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
}
.lb-overlay > div{
	position: relative;
	color: rgba(27,54,81,0.8);
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	width: 550px;
	margin: 10px auto 0px auto;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	-webkit-transition: opacity 0.3s linear 1.3s;
	-moz-transition: opacity 0.3s linear 1.3s;
	-o-transition: opacity 0.3s linear 1.3s;
	-ms-transition: opacity 0.3s linear 1.3s;
	transition: opacity 0.3s linear 1.3s;
}
.lb-overlay div h3,
.lb-overlay div p{
	padding: 0px 10px;
	width: 200px;
	height: 60px;
}
.lb-overlay div h3{
	font-size: 20px;
	float: left;
	text-align: right;
	border-right: 1px solid #95785b;
	color:#433528;
}
.lb-overlay div h3 span,
.lb-overlay div p{
	font-size: 16px;
	font-style: italic;
}
.lb-overlay div h3 span{
	display: block;
	line-height: 6px;
}
.lb-overlay div p{
	text-align: left;
	float: left;
	width: 260px;
}
.lb-overlay a.lb-close{
	background: #a6775e;
	z-index: 1001;
	color: #fff;
	position: absolute;
	top: 43px;
	left: 50%;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	width: 50px;
	height: 23px;
	overflow: hidden;
	margin-left: -25px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s linear 1.2s;
	-moz-transition: opacity 0.3s linear 1.2s;
	-o-transition: opacity 0.3s linear 1.2s;
	-ms-transition: opacity 0.3s linear 1.2s;
	transition: opacity 0.3s linear 1.2s;
}
.lb-overlay img{
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
}

.ruby{
    width: 10px;
    height: 10px;
    background: #111;
    position: relative;
    -webkit-animation: ruby 5s; /* Chrome, Safari, Opera */
    animation: ruby 5s;
border-radius:3px;
animation-iteration-count: infinite;
text-align:center;
}

@-webkit-keyframes ruby {
    0%   {background:#111; left:0px; top:0px;}
    25%  {background:#DCC685; left:300px; top:0px;}
    100%  {background:#111; left:0px; top:0px;}
   }
@keyframes ruby {
    0%   {background:#111; left:0px; top:0px;}
    25%  {background:#DCC685; left:300px; top:0px;}
       100%  {background:#111; left:0px; top:0px;}
    


}



.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 80px 100px 120px 100px;
}
.lb-overlay:target img {
	-webkit-animation: fadeInScale 1.2s ease-in-out;
	-moz-animation: fadeInScale 1.2s ease-in-out;
	-o-animation: fadeInScale 1.2s ease-in-out;
	-ms-animation: fadeInScale 1.2s ease-in-out;
	animation: fadeInScale 1.2s ease-in-out;
}
.lb-overlay:target a.lb-close,
.lb-overlay:target > div{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
@-webkit-keyframes fadeInScale {
  0% { -webkit-transform: scale(0.6); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes fadeInScale {
  0% { -moz-transform: scale(0.6); opacity: 0; }
  100% { -moz-transform: scale(1); opacity: 1; }
}
@-o-keyframes fadeInScale {
  0% { -o-transform: scale(0.6); opacity: 0; }
  100% { -o-transform: scale(1); opacity: 1; }
}
@-ms-keyframes fadeInScale {
  0% { -ms-transform: scale(0.6); opacity: 0; }
  100% { -ms-transform: scale(1); opacity: 1; }
}
@keyframes fadeInScale {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
    height: 100%;
}

.clear{
clear:both;
}


input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


.ie7 body{
	overflow:hidden;
}

.container{
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.container > header{
	padding: 20px 30px 10px 30px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
}
.container > header h1{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 35px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: rgba(27,54,81,0.8);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    padding: 0px 0px 5px 0px;
}
.container > header h1 span{
	color: #c7957b;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.container > header h2, p.info{
	font-size: 16px;
	font-style: italic;
	color: #4a3124;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
}
/* Header Style */
.codrops-top{
	font-family:'Arial Narrow', Arial, sans-serif;
	line-height: 24px;
	font-size: 11px;
	width: 100%;
	background: #000;
	opacity: 0.9;
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
}
.codrops-top a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.codrops-top a:hover{
	color: #fff;
}
.codrops-top span.right{
	float: right;
}
.codrops-top span.right a{
	float: none;
	display: inline;
}

p.codrops-demos{
	text-align:center;
	display: block;
	padding: 14px;
}
p.codrops-demos a,
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
    display: inline-block;
	border: 1px solid #ddd;
	border-color: #ddd #aaa #aaa #ddd;
	padding: 4px 10px 3px;
	font-size: 13px;
	line-height: 18px;
	margin: 0px 3px;
	font-weight: 800;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: rgba(27,54,81,0.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
}
p.codrops-demos a:hover{
	background: #fff;
}
p.codrops-demos a:active{
	background: #e5e5e5;
	background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
}
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
	color: #999;
}
/* Media Queries */
@media screen and (max-width: 767px) {
	.container > header{
		text-align: center;
	}
	p.codrops-demos {
		position: relative;
		top: auto;
		left: auto;
	}
}

h2#bg5, .bg5 h2{
color:#999;
}


.bigger{
font-size:17px;
}

/* price */

.cenik table{
margin:auto;
text-align:center;
    padding:15px;
    color:#fff;
        background:transparent;
	font-size:18px;
}

.cenik table a:link, .cenik table a:visited{
color:#a8d262;
}

.cenik table a:hover{
color:#aefe29;
}

.cenik table .purp{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #ff5bb8;
    border:1px solid #ff5bb8;
    border-bottom:3px solid #8a041f;
    background-color:#306fa7;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #ee379f),
        color-stop(0.51, #8a041f),
        color-stop(0.87, #ca0a43)
        );
    background: -moz-linear-gradient(
        center bottom,
        #ee379f 2%,
        #8a041f 51%,
        #ca0a43 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	font-size:19px;
	}
	
	.cenik table .wi{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#000;
    text-shadow:1px 1px 1px #fff;
    border:1px solid #fff;
    border-bottom:3px solid #888;
    background-color:#999;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #fff),
        color-stop(0.51, #888),
        color-stop(0.87, #bdbdbd)
        );
    background: -moz-linear-gradient(
        center bottom,
        #fff 2%,
        #888 51%,
        #bdbdbd 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	font-size:19px;
	}

	
		.cenik table .gre{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #d1ff82;
    border:1px solid #b1ea4f;
    border-bottom:3px solid #618225;
    background-color:#73982e;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #c5f37c),
        color-stop(0.51, #618225),
        color-stop(0.87, #90c837)
        );
    background: -moz-linear-gradient(
        center bottom,
        #c5f37c 2%,
        #618225 51%,
        #90c837 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	font-size:19px;
	}
	
	.cenik table .blu{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #99e6ff;
    border:1px solid #5daaef;
    border-bottom:3px solid #13577a;
    background-color:#306fa7;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #87c2de),
        color-stop(0.51, #13577a),
        color-stop(0.87, #548cc1)
        );
    background: -moz-linear-gradient(
        center bottom,
        #87c2de 2%,
        #13577a 51%,
        #548cc1 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	font-size:19px;
	}
	
	.cenik table .lu{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #ffdf90;
    border:1px solid #e1d0a4;
    border-bottom:3px solid #786545;
    background-color:#306fa7;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #e1d0a4),
        color-stop(0.51, #786545),
        color-stop(0.87, #b1995c)
        );
    background: -moz-linear-gradient(
        center bottom,
        #e1d0a4 2%,
        #786545 51%,
        #b1995c 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	font-size:19px;
	}
	
	

		.cenik table .ll{
text-align:center;
    padding:15px;
    color:#ffe8b7;
	 text-shadow:1px 1px 1px #000;
    	font-size:18px;
	background:url("lux_bg.jpg") repeat;
	background-size:100%;
	}
	
			.cenik table .ww{
text-align:center;
    padding:15px;
    color:#fff;
 text-shadow:1px 1px 1px #000;
    	
	background:#191919;
	font-size:17px;
	}
	
		.cenik table .no{
text-align:right;
    padding:15px;
    color:#afafaf;
    text-shadow:1px 1px 1px #000;
   	font-size:17px;
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-bottom:1px solid #222;
	border-radius:15px;
	}
	
.cenik table .p1{
font-size:30px;
font-weight:bold;
text-shadow:1px 1px 1px #000;
color:#fff;
}

.cenik table .p2{
font-size:30px;
font-weight:bold;
text-shadow:1px 1px 1px #000;
color:#78B4D1;
}

.cenik table .p3{
font-size:30px;
font-weight:bold;
text-shadow:1px 1px 1px #000;
color:#B4E06D;
}

.cenik table .p4{
font-size:30px;
font-weight:bold;
text-shadow:1px 1px 1px #000;
color:#E1308E;
}

/* bott */


.cenik table .purp2{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#000;
    text-shadow:1px 1px 1px #ff5bb8;
    border:1px solid #ff5bb8;
	border-top:3px solid #8a041f;
    background-color:#306fa7;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #ee379f),
        color-stop(0.51, #8a041f),
        color-stop(0.87, #ca0a43)
        );
    background: -moz-linear-gradient(
        center bottom,
        #ee379f 2%,
        #8a041f 51%,
        #ca0a43 87%
        );
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	font-size:20px;
	font-weight:bold;
	}
	
	.cenik table .wi2{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#000;
    text-shadow:1px 1px 1px #fff;
    border:1px solid #fff;
	border-top:3px solid #888;
    background-color:#999;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #fff),
        color-stop(0.51, #888),
        color-stop(0.87, #bdbdbd)
        );
    background: -moz-linear-gradient(
        center bottom,
        #fff 2%,
        #888 51%,
        #bdbdbd 87%
        );
        -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	font-size:20px;
	font-weight:bold;
	}

	
		.cenik table .gre2{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
 color:#000;
    text-shadow:1px 1px 1px #d1ff82;
    border:1px solid #618225;
	border-top:3px solid #73982e;
    background-color:#b1ea4f;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #c5f37c),
        color-stop(0.51, #618225),
        color-stop(0.87, #90c837)
        );
    background: -moz-linear-gradient(
        center bottom,
        #c5f37c 2%,
        #618225 51%,
        #90c837 87%
        );
       -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	font-size:20px;
	font-weight:bold;
	}
	
	.cenik table .blu2{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
     color:#000;
    text-shadow:1px 1px 1px #99e6ff;
    border:1px solid #5daaef;
	border-top:3px solid #13577a;
    background-color:#306fa7;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #87c2de),
        color-stop(0.51, #13577a),
        color-stop(0.87, #548cc1)
        );
    background: -moz-linear-gradient(
        center bottom,
        #87c2de 2%,
        #13577a 51%,
        #548cc1 87%
        );
        -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	font-size:20px;
	font-weight:bold;
	}
	
	.cenik table .lu2{
text-align:center;
box-shadow: 3px 3px 5px #000;
    padding:15px;
    color:#000;
    text-shadow:1px 1px 1px #ffdf90;
    border:1px solid #e1d0a4;
    border-top:3px solid #786545;
    background-color:#306fa7;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, #e1d0a4),
        color-stop(0.51, #786545),
        color-stop(0.87, #b1995c)
        );
    background: -moz-linear-gradient(
        center bottom,
        #e1d0a4 2%,
        #786545 51%,
        #b1995c 87%
        );
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	font-size:20px;
	font-weight:bold;
	}
	
.red, .red a:link, .red a:visited{
color:#C40401;
font-size:inherit;

}

.red2{
color:#C40401;
font-size:20px;
}

.red a:hover{
color:#5B7914;
}

.dd table, .dd td{
text-align:center;
padding:10px;
}


.skrt{
text-decoration: line-through;
color:#f4eedd;
}



/*


lightb

*/



/* Preload images */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#ifra{
border:none; overflow:hidden; width:300px; height:490px
}

.high{
color:#bd9749;
}

.ruby2 {
display:block;
width:350px;
margin:0 auto;
border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #F8F8F8, rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), #F8F8F8, rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), #F8F8F8, rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), #F8F8F8, rgba(0,0,0,0)); 
margin-top:15px;
margin-bottom:10px;
}

.next{
font-size:15px;
color:#999;
}

.small{
font-size:11px;
}

.cont9{
	position:relative;
	margin:0 auto;
	width:900px;
	}

/* Add a black background color to the top navigation */
.topnav {
  background-color: #111;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #efdeb2;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  font-weight:bold;
  line-height:1;
  transition: all 1s linear;
}

/* Change the color of links on hover 
-webkit-transition: color 1s;
        -moz-transition:    color 1s;
        -ms-transition:     color 1s;
        -o-transition:      color 1s;
        transition:         color 1s;
		*/
.topnav a:hover {
  background-color: #000;
   color: #00c7df;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #985d6f;
   color: #f6f6e6;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
} 

			
			
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 992px) {
	
	.topnav a {
  float: left;
  display: block;
  color: #efdeb2;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  font-weight:bold;
  line-height:1.2;
  font-size:4vw;
}

		
    .topnav a:not(:first-child) {display: none;font-size:6vw;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  
  
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;font-size:6vw;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
	font-size:6vw;
  }
  
  .cont9{
	position:relative;
	margin:0 auto;
	width:auto;
		}
		
		.bigger{
font-size:4vw;
}

.int2 .darker, .strong, .inta p{
font-size:4vw;
}

.stronghp{
font-size:5.5vw;
line-height:1.3;
font-family: 'Open Sans Condensed';
font-weight:700;
}


	
	.tvorbabg{
position:relative;
top:0px;
left:0px;
width:100%;
max-height:290px;
background:#000 url("../img/slide1122.jpg")  no-repeat;
background-size:cover;
background-position:center; 
}

h3{
font-size:4vw;
letter-spacing:1;
line-height:1.2;
text-align:center;
}	

h4{ font-size:5vw;}

table .c, .c table{width:100%;color:#fff;}
table .c p, .c table p{color:#f4eedd;}
table .c .strong{color:#fff;}
table .d {font-size:2vw;}
table .d strong{font-size:2vw;}

.c2 td{
padding:10px;
font-size:19px;
line-height:1;
border:1px dotted #dcdcdc;
}

.c td, .d td{
padding:10px;
display:block;
width:100%;
font-size:4vw;
}


.c td img{
	width:65%;
	}
	
	tr.t1 td, tr.t1{
font-size:4vw;
}
	
	.strongt1{
font-family: 'Open Sans Condensed';
font-weight:700;
color:#95785b;
font-size:5vw;
}
	
	
.insbig table{
width:80%;
}


.insbig td{font-size:2vw;}
	

	
	.portfohpi img{width:100%;}

.bg4{
position:relative;
width:100%;
height:auto;
}

.coop h3{line-height:1;}

 
.int2{background:#fff; width:100%;} 
 .int2 h2{
line-height:1;
}

  .int2 img{border:none;
	  border-radius: none;
 -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
      -ms-transition: none;
          transition: none;

}
.int h1{font-size:4vw;line-height:1;color:#ffefa7;}
.int h2{font-size:3vw;line-height:1;}


.interest0{width: 100%;
  height: 150px;
  position: relative;
  margin:0 auto;
  justify-content: center;
  align-items: center;}
  
.interest1{ width: 100%;
   height: 150px;
  position: absolute;}

.interest {
  width: 100%;
  height: 150px;
  font-size: 3.5vw!important;
  color:#d8d6d2;
}

.interest24 {
  width: 100%;
  height: 150px;
  font-size: 3.5vw!important;
  color:#5bfb5e;
}

svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: none;
  stroke: #fff;
  stroke-dasharray: 150 480;
  stroke-dashoffset: 150;
  transition: 1s ease-in-out;
}

.interest:hover {
  transition: 1s ease-in-out;
  background: #fff;
}

.interest:hover svg {
  stroke-dashoffset: -480;
}


.int h3#darkerr{
	font-size:4vw;
	}
	
	
.strongt{font-weight:bold;font-size:3vw;}


.inbot{
font-size:1.9vw;
line-height:1.2;
}


span.reverse {
font-size:4vw;
}

.kontik img{
	clear:both;
	display:block;
	margin:0 auto;
	width:80%;
}

  .incount, .count{
 font-size:1.5vw;
 }


}

h1, h2, h3{
line-height:1;
margin-bottom:10px;
padding-top:5px;
}

h3{color:#726448;}

.move, .move2{
	color:#726448;
font-family: 'Cinzel', serif;
font-size:22px;
padding:0px;
margin:0px;
	}

.move {
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}

.move:first-of-type {    /* For increasing performance 
                       ID/Class should've been used. 
                       For a small demo 
                       it's okaish for now */
  animation: showup 7s infinite;
}

.move:last-of-type {
  width:0px;
  animation: reveal 7s infinite;
}

.move:last-of-type move2 {
  margin-left:-310px;
  animation: slidein 7s infinite;
}

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-770px; }
    20% { margin-left:-770px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:310px;}
    80% {opacity:1;}
    100% {opacity:0;width:310px;}
}

iframe{margin:  auto; display:block;}




* {
  margin: 0;
  padding: 0;
}

.container {
  width: 100%;
 
}

.item {
  height: 330px;
  width: 330px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  float:right;
}

/* animation */
.appear {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}

.appear.inview {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.appear2 {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}

.appear2.inview2 {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}

.appear2.inview2:nth-child(1) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.appear2.inview2:nth-child(2) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.appear2.inview2:nth-child(3) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.appear2.inview2:nth-child(4) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.appear2.inview2:nth-child(5) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.appear3 {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}

.appear3.inview {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}