/* cmsms stylesheet: core modified: 08/28/17 14:37:50 */



body, input {font-family: Arial, Helvetica, sans-serif;};;;/* --- deklarace fontů --------- *//* */
a:hover, a:active, a:focus {outline: 0;}
a:focus {     outline: none;}button::-moz-focus-inner {border: 0;}
a, img  {border: 0 none; }
img:visited {border: 0 none;}
body {margin: 0;padding:0;text-align: left; color: rgb(32,25,21);background-color: ;}
a {text-decoration: none;}
a:visited {text-decoration: none;border: none;}
a:hover {text-decoration: none;}
img {vertical-align: middle;  }
h1, h2, h3, h4, h5 {margin: 0;padding: 0;letter-spacing: 0.02em;}
p {margin: 0;}
#stranka {position: relative;width: 100%;margin:0 auto;}
#obr{position: relative;top: 0px;left: 0px;width: 100%;box-shadow: rgb(153, 153, 153) 0px 0px 6px;}
.cleaner {clear: both;}@media only screen and (min-width: 200px) and (max-width: 100%) {#stranka {position: relative;width: 100%;margin: 0 auto;min-height: 1300px; }
#obr{position: relative;top: 0px;left: 0px;width: 100%;overflow: hidden;margin: 0;padding: 0;}}
.hrubej {position: relative;width: 100%;background-color: white;}
.zrcadlo {position: relative;width: 90%;margin: 0 auto;background-color: transparent;}
.sipka {width: 108px;height: 112px;}
.sipka-dolu {background-image: url(img_css/tlacitko_sipka_dolu_elphee.svg)}
.sipka-dolu:hover {background-image: url(img_css/tlacitko_sipka_dolu_elphee_hover.svg)}
.sipka-nahoru {background-image: url(img_css/sipka_nahoru.png);}
.sipka-nahoru:hover {background-image: url(img_css/sipka_nahoru-hover.png);}
.dvasloup {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 40px;-moz-column-gap: 40px;column-gap: 40px;/*column-rule: 1px solid lightblue;*/}


/* uvodni obrazek s headlinem */
/* Container holding the image and the text */
.container {
    position: relative;
}

/* Bottom right text */
.text-block {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: black;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}

#top_image {position:relative;}
#top_headline {
    position: absolute;
    bottom: 0px;
//    left: 50%;
    background-color: black;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:center;
}




/* cmsms stylesheet: kontakt modified: 08/28/17 14:44:11 */
#kontakt {background-color: rgb(48, 39, 24);}
#kontakt div.zrcadlo {height: 40px; width:960px;}
#kontakt div.zrcadlo a {font-family: Arial;font-size: 18px;line-height: 40px;color: rgb(105, 158, 60);}
#kontakt div.zrcadlo a:hover {color: rgb(222, 210, 168);font-family: Arial;}
#kontakt div.zrcadlo .mail{position: absolute;display: block;margin: 0;right: 230px;}
#kontakt div.zrcadlo .tel{position: absolute;display: block;margin: 0;right: 0px;}
/* cmsms stylesheet: banner modified: 08/02/17 13:08:47 */
/*#banner {height: 430px;} *//* cmsms stylesheet: claimy modified: 08/28/17 17:29:24 */
#banner {position:relative;width:100%;height:auto;}
#banner div.hrubej {position:relative;width:100%;height:auto;}
/* #banner div.zrcadlo {position:relative;} */
#banner div.zrcadlo {position:relative;width:960px;}


#top_banner {position:relative;max-width:100%;}


.containerBox {
    position: relative;
//    display: inline-block;
//background: green;
align:center;
}

.text-box {
    position: absolute;    
    height: 100%;
    text-align: center;    
//    width: 100%;
	width:960px;
//	background: green;
}

.text-box:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: bottom;
}

h1 {
   display: inline-block;
   font-size: 28px; /*or whatever you want*/
   color: rgb(255,255,255);   
//   color: rgb(222,210,168);   
//   background-color: rgba(255,255,255,0.8);
   padding-left: 30px;
//   padding-right: 30px;
//   padding-top: 20px;
   padding-bottom: 160px;
}

/* Container holding the image and the text */
.kontejner {
  position: relative;
  text-align: left;
  color: white;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 50px;
  left: 160px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 160px;
  color: rgb(48,39,24);
}

/* Centered text */
.centered {
  position: absolute;
  top: 20%;
  left: 13%;
//  transform: translate(-50%, -50%);
  color: rgb(48,39,24);
}

/* Centered text */
.centered2{
  position: absolute;
  bottom: 15%;
  left: 13%;
//  transform: translate(-50%, -50%);
  color: white;
}

/* Centered eshop button v banneru */
.centered3{
  position: absolute;
  top: 10%;
  left: 40%;
  text-align: center;
}

.centered3 p {font-size: 20px;font-weight: bold;line-height: 15px;height: 15px;width: 200px;color: rgb(48,39,24);background-color: rgb(199, 171, 89);padding-top: 10px;padding-bottom: 10px;}
.centered3 p:hover {color: rgb(105, 158, 60);background-color: rgb(199, 171, 89);padding-top: 10px;padding-bottom: 10px}


/* Centered eshop button v zapati */
.centered4{
  position: absolute;
  top: 110px;
  left: 0px;
  text-align: center;
}
.centered4 p {font-size: 20px;text-align: center;font-weight: bold;line-height: 15px;height: 15px;width: 200px;color: rgb(48,39,24);background-color: rgb(199, 171, 89);padding-top: 10px;padding-bottom: 10px;}
.centered4 p:hover {color: rgb(105, 158, 60);background-color: rgb(199, 171, 89);padding-top: 10px;padding-bottom: 10px}




#claimy {background-color: rgb(219, 219, 219);}
#claimy div.zrcadlo {height: 360px; width:960px;}
#claimy div.zrcadlo ul {position: absolute;left: 0px;display: block;height: auto;padding: 0px;margin: 0px;}
#claimy div.zrcadlo ul li {position: relative;display: block;height: 360px;width: 300px;float: left;padding-top: 30px;}
#claimy div.zrcadlo ul li:nth-child(1) {padding-right: 30px;}
#claimy div.zrcadlo ul li:nth-child(2) {padding-right: 30px;}
#claimy div.zrcadlo ul li p {font-size: 15px;line-height: 20px;height: 130px;width: 300px;color: rgb(222, 210, 168);text-align: center;background-color: rgb(48, 39, 24);padding-top: 15px;padding-bottom: 15px;}
#claimy div.zrcadlo ul li p span {font-size: 18px;line-height: 22px;text-transform: uppercase;}
#claimy div.zrcadlo ul li p:hover {color: rgb(48,39,24);background-color: rgb(199, 171, 89);}
#claimy div.zrcadlo ul li a{font-family: Arial;}
/* cmsms stylesheet: pata modified: 09/07/17 16:42:09 */

#pata {background-color: rgb(48, 39, 24);}
#pata div.zrcadlo {height: 450px; width:960px;}
#pata div.zrcadlo img {position: absolute;display: block;top: 36px;left: 0px;}
#pata div.zrcadlo .adr {position: absolute;display: block;margin: 0;top: 160px;left: 0px;font-size: 15px;line-height: 20px;color: rgb(222, 210, 168);}
#pata div.zrcadlo .adr a {font-family: Arial;font-size: 15px;line-height: 20px;color: rgb(222, 210, 168);}
#pata div.zrcadlo .adr a:hover {color: rgb(105, 158, 60);font-family: Arial;}.sipka-nahoru {position: absolute;width: 70px;height: 72px;right: 0px;top: 36px;}
#pata div.zrcadlo .pata {position: absolute;display: block;margin: 0;bottom: 30px;left: 0px;font-size: 12px;line-height: 15px;color: rgb(222, 210, 168);}
#pata div.zrcadlo a.mob {color: rgb(16,129,221);}


/* cmsms stylesheet: social modified: 07/10/17 13:41:45 */
.social {position: absolute;top: 260px;right: -160px;width: 420px;  /*512 443 375 305 235*/height: 80px;background-color: rgb(219, 219, 219);}
.icons {width: 50px;height: 50px;margin: 15px;margin-right: 0;}
#facebook-bg {fill: rgb(48,39,24);   /*#39589C*/width: 50px;height: 50px;}
#facebook:hover 
#facebook-bg {fill: #39589C;}
#linkedin-bg {fill: #1883BD;width: 50px;height: 50px;}
#linkedin:hover 
#linkedin-bg {fill: red;}
#twitter-bg {fill: #31A9E1;width: 50px;height: 50px;}
#twitter:hover 
#twitter-bg {fill: red;}
#googleplus-bg {fill: #BF392C;width: 50px;height: 50px;}
#googleplus:hover 
#googleplus-bg {fill: red;}
#youtube #youtube-bg {fill: rgb(48,39,24);width: 50px;height: 50px;}
#youtube:hover 
#youtube-bg {fill: #B02D26;}
/* cmsms stylesheet: duvody modified: 08/28/17 14:01:48 */
#duvody div.zrcadlo {height: 400px; width: 960px;}
#duvody div.zrcadlo ul {position: absolute;left: 0px;display: block;height: auto;padding: 0px;margin: 0px;}
#duvody div.zrcadlo ul li {position: relative;display: block;height: 440px;width: 300px;float: left;padding-top: 30px;}
#duvody div.zrcadlo ul li:nth-child(1) {padding-right: 30px;}
#duvody div.zrcadlo ul li:nth-child(2) {padding-right: 30px;}
#duvody div.zrcadlo ul li h2 {font-size: 18px;line-height: 22px;text-transform: uppercase;text-align: center; color: rgb(48,39,24);}
#duvody div.zrcadlo ul li p {font-size: 15px;line-height: 20px;height: 130px;width: 300px;text-align: center;padding-top: 15px;padding-bottom: 15px; color: rgb(48,39,24);}
#duvody div.zrcadlo ul li p span {font-weight: bold;}
#duvody div.zrcadlo ul li a {position: relative;top: 20px;display: block;height: 40px;width: 300px;color: rgb(222, 210, 168);background-color: rgb(48, 39, 24);font-family: Arial;font-size: 18px;line-height: 40px;letter-spacing: 1px;text-transform: uppercase;text-align: center;}
#duvody div.zrcadlo ul li a:hover {color: rgb(105, 158, 60);background-color: rgb(48, 39, 24);}
/* cmsms stylesheet: video modified: 07/20/17 13:55:02 */
#video div.zrcadlo {height: 322px; width:960px;}
#video div.zrcadlo ul {position: absolute;left: 0px;display: block;height: auto;padding: 0px;margin: 0px;}
#video div.zrcadlo ul li {position: relative;display: block;height: 322px;width: 465px;float: left;padding-top: 30px;}
#video div.zrcadlo ul li:nth-child(1) {padding-right: 30px;}#video div.zrcadlo ul li:nth-child(2) {padding-right: 0px;}
#video div.zrcadlo ul li iframe {border: 0px solid rgb(48,39,24);}
#video div.zrcadlo ul li iframe:hover {border: 0px solid rgb(53, 132, 154);}
/* cmsms stylesheet: menu modified: 07/20/17 12:45:11 */
#menu div.zrcadlo {height: 75px;}
#menu div.zrcadlo img {position: absolute;left: 0px;padding-top: 6px;}
#menu div.zrcadlo ul {position: absolute;right: 0px;display: block;height: auto;padding: 0px;margin: 0px;}
#menu div.zrcadlo ul li {position: relative;display: block;height: 75px;width: 130px;float: left;padding-top: 20px;padding-right: 5px;}
#menu div.zrcadlo ul li:nth-child(5) {padding-right: 0px;}
#menu div.zrcadlo ul li p {font-size: 13px;line-height: 15px;height: 15px;width: 130px;color: rgb(48, 39, 24);text-align: center;text-transform: uppercase;background-color: rgb(219, 219, 219);padding-top: 10px;padding-bottom: 10px;}
#menu div.zrcadlo ul li p:hover {color: rgb(48, 39, 24);background-color: rgb(162, 75, 25);font-weight: bold;}
#menu div.zrcadlo ul li a{font-family: Arial;}
/* cmsms stylesheet: dotazy modified: 09/08/17 11:02:50 */
#dotazy {background-image: url(img_css/banner_home_kun_sv.jpg);background-repeat: no-repeat; background-position: center; background-size:100%;}
#dotazy div.zrcadlo {height: 460px; width: 960px; font-size: 13px;line-height: 15px;font-weight: bold;color: rgb(48, 39, 24);}
#dotazy div.zrcadlo h2 {font-size: 18px;line-height: 22px;text-transform: uppercase;padding-top: 60px;color: rgb(48, 39, 24);}
#dotazy div.zrcadlo input[name="email"] {height: 25px;width: 300px;font-family: Arial}
#dotazy div.zrcadlo textarea[name="message"] {height: 50px;width: 300px;max-height: 90px;max-width: 960px;font-family: Arial}
#dotazy div.zrcadlo input[type="submit"] {height: 40px;width: 300px;font-size: 18px;text-transform: uppercase;color: rgb(222, 210, 168);background-color: rgb(48, 39, 24);cursor: pointer;border: none;}
#dotazy div.zrcadlo input[type="submit"]:hover {color: rgb(105, 158, 60);background-color: rgb(48, 39, 24);margin-bottom: 20px;}
/* cmsms stylesheet: menu_home modified: 07/12/17 14:08:49 */
#menu_home div.zrcadlo {height: 75px; width:960px;}
#menu_home div.zrcadlo img {position: absolute;left: 0px;padding-top: 6px;}
#menu_home div.zrcadlo ul {position: absolute;right: 0px;display: block;height: auto;padding: 0px;margin: 0px;}
#menu_home div.zrcadlo ul li {position: relative;display: block;height: 75px;width: 130px;float: left;padding-top: 20px;padding-right: 5px;}
#menu_home div.zrcadlo ul li:nth-child(1) p{background-color: rgb(48, 39, 24)}
#menu_home div.zrcadlo ul li:nth-child(5) {padding-right: 0px;}
#menu_home div.zrcadlo ul li p {font-size: 13px;line-height: 15px;height: 15px;width: 130px;color: rgb(105, 158, 60);text-align: center;text-transform: uppercase;background-color: rgb(219, 219, 219);padding-top: 10px;padding-bottom: 10px;}
#menu_home div.zrcadlo ul li p:hover {color: rgb(105, 158, 60);background-color: rgb(199, 171, 89);font-weight: bold;}
#menu_home div.zrcadlo ul li a{font-family: Arial;}