HTML 			{ overflow: -moz-scrollbars-vertical;overflow-y: scroll; overflow-x: hidden;}
BODY 			{ background:url(/img/detailingpozadi.jpg); color:#000; padding: 0px; margin: 0px; border: 0px; font-family: 'Open sans',Arial; font-size: 18px; line-height: 1.5em;   overflow-x: hidden; background-attachment:fixed;}

*			{ padding:0px; margin:0px; box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}
#lightbox		{ box-sizing: content-box; -moz-box-sizing: content-box;  -webkit-box-sizing: content-box;}

A			{ color:#f8b133;; text-decoration:none;}
H1			{ text-align:center; color:#222; font-size:2.8em; padding-top:5px; border-bottom:1px solid #dadada; padding-bottom:35px; }
H2			{ Xpadding-bottom:25px;color:#f8b131; font-size:1em; padding:10px 20px; border-radius:20px 20px 0 0;Xtext-align:center; margin-top:80px; Xmargin-bottom:30px; display:inline-block; background:#010101; line-height:1.5em;}
    H2 IMG		{ vertical-align:middle;}
H3			{ font-size:1.2em; padding-bottom:10px;}
H4			{ text-align:center; color:#222; font-size:1.2em; padding-top:30px; border-bottom:1px solid #dadada; padding-bottom:25px; }

.legendy H4			{ color:#f0e182; padding-bottom:25px; font-size:1.2em; text-align:center; margin-bottom:50px;}


WRAPPER			{ width:1270px; margin:0px auto; display:block;}

.page			{ width:100%; }
.page2			{ color:#eee; xbackground: #222;  margin:0px -9999rem; padding: 0.25rem 9999rem;}

#toggle-menu		{ display:none;}

.header			{ height:166px; background: #010101 url(/img/logo.png) no-repeat center; display:block; margin:0px -9999rem; padding: 0.25rem 9999rem;}
.slider			{ height:37.3vw; background:#212121; overflow:hidden; width:100vw;}
.slider IMG		{ width:100%;}
.slider2 IMG		{ width:100%;}
.menu2			{ height:113px; clear:both;background: #010101;}
.menu			{ height:113px; width:1270px; overflow:hidden;  white-space: nowrap; margin:0 auto;color:#f8b133; Xpadding-left:200px; line-height:113px; font-size:1.2em; Xwidth:100%; z-index:1000; font-weight:bold;}
    .menu A		{ padding:0 10px;Xmin-width:220px; display:inline-block; padding-right:120px;}
    .menu A:hover, .menu .Xcurrent	{ color:#fff;}
    .menu IMG		{ vertical-align:middle;}
    .menu .ll		{ display:none; }
    .menu .ll IMG	{ margin-top:25px;}

	.fixed #logo		{ vertical-align:top; opacity:1; transition: opacity 1s ease-in-out;}
	.fixed			{ position:fixed; top:0px; left:0px;background: #010101;}
	.fixed A		{ Xmin-width:150px; padding-right:60px;}

#logo 			{ opacity:0;padding-top:7px; vertical-align:middle; }
#logo2			{ display:inline-block; width:114px; height:20px; padding:0px 20px; }

.blackbox		{ background:#010101; border-radius:0 20px 20px 20px;}
.blackbox2		{ background:#010101; border-radius:0 20px 0 0; padding:20px; text-align:right;}
.blackbox3		{ background:#010101; border-radius:20px 20px 20px 20px; margin-top:60px;}

.uzsi			{ padding-top:20px; width:1270px;}

.hpauto			{  min-height:400px; Xbackground:#000; padding:25px;}
.hpauto IMG		{ float:left;}
.hpauto img:hover { opacity: 0.7; transition: opacity .55s ease-in-out; -moz-transition: opacity .55s ease-in-out; -webkit-transition: opacity .55s ease-in-out;}
.hpautotext		{ float:right; width:50%; padding-left:35px;  line-height:2.5em; font-size:1.1em; color:#b2b2b2;}
.hpautotext A		{ display:block; font-size:1.5em; color: #64c6f3; padding-top:10px; border-bottom:1px solid black; padding-bottom:10px;}
.hpautotext H3 { text-align:left; line-height:2.5em; font-size:1.0em; color:#ffffff; border-top:1px solid; border-color:#f8b131;padding-top:20px;}
.hpautotext H3 A	{ display:block; font-size:1em; color: #fff; border:0; padding:0px; border-top:1px solid; border-color:#f8b131;padding-top:20px;}
.hpmajitel1 { text-align:center; padding-left:35px;  line-height:2.5em; font-size:1.1em; color:#b2b2b2;}
.hpmajitel2 { text-align:left; padding-left:35px;  line-height:2.5em; font-size:1.1em; color:#b2b2b2;}
.hpmajitel2 H3 { text-align:left; line-height:2.5em; font-size:1.1em; color:#ffffff;}

.pujcovna H2		{ border-bottom:1px solid #222;color:#222; }
.pujcovna H3 A		{ color:#64c6f3; font-size:1.5em; text-align:center; margin-bottom:80px; display:block;}
.pujcovna P		{ color:#888; text-align:center; line-height:2em; font-size:1.2em;}
.pujcovna .pet		{ width:19%; display:inline-block; vertical-align:top; text-align:center; color:#c6c6c6;}
.pujcovna H4		{ color:#64c6f3; font-size:2em; text-align:center;}
.pujcovna .ctyri	{ width:24%; display:inline-block; vertical-align:top; text-align:center; color:#c6c6c6;}
.pujcovna .nadp		{ font-size:1.25em; color:#000; font-weight:bold;}

.aktuality		{ background:#64c6f3; padding-bottom:25px; margin:0px -9999rem; padding: 0.25rem 9999rem;}
.aktualita		{ width:920px; padding-bottom:50px; margin:0px auto;}
    .aktualita h4	{ font-size:1.3em; margin-bottom:5px; margin-left:320px; text-transform:uppercase; font-weight:bold; padding-left:0px;}
    .aktualita h5	{ font-size:1.3em; margin-bottom:1px; padding-bottom:10px; text-transform:uppercase; font-weight:bold;padding-left:0px; }
    .aktualita .datum	{ float:right; font-size:0.8em; font-weight:normal; background:url(/img/icokalendar.png) no-repeat left top; padding-left:30px; padding-bottom:5px; line-height:29px;}
    .aktualita P	{ color:white; font-size:1.1em; padding-bottom:25px; line-height:2em; display:inline-block; vertical-align:top; width:64%; position:relative; top:-10px;}
    .aktualita P A	{ color:white;}
    .aktualita .second	{ Xposition:relative; Xtop:-7px; padding-top:10px; }
    .aktualita .img	{ display:inline-block; width:300px; margin-right:25px; float: left;}
    .aktualita img:hover { opacity: 0.7; transition: opacity .55s ease-in-out; -moz-transition: opacity .55s ease-in-out; -webkit-transition: opacity .55s ease-in-out;}
    .aktualita HR	{ border:0px;border-bottom:1px solid black; clear:both; margin-bottom:20px; margin-left:320px;}
.aktvice		{ display:block; color:#64c6f3; background:white; border-radius:5px; padding:10px 5px; width:150px; text-align:center; font-weight:bold; margin:0px auto; margin-bottom:50px;}
.aktualitydetail 	{ color:white; font-size:1.1em; padding-bottom:25px;margin-bottom:50px; line-height:2em; display:inline-block; vertical-align:top; width:100%;}


.kontakty		{ Xbackground:#010101; color:#c6c6c6;}
.kontakty .pul		{ width:60%; display:inline-block; vertical-align:top; padding:2em;}
.kontakty .mini		{ width:39%; text-align:right;}

#map			{ width:100%; height:750px; }

.kontakt		{ background:#222; color:#fff; padding-bottom:15px; padding-top:20px; padding-left:200px; font-size:0.8em;}
.kontakt A		{ color:#fff;}
.kontakt P		{ display:inline-block;  line-height:2.5em; padding-left:30px;}
.kontakt .adresa	{ background: url(/img/icoadresa.png) no-repeat left center;width:35%;}
.kontakt .telefon	{ background: url(/img/icotelefon.png) no-repeat left center;width:25%;}
.kontakt .email		{ background: url(/img/icomail.png) no-repeat left center;width:23%;}

.kontaktform		{ padding-bottom:50px; background:#010101; color:#c6c6c6;}
.kontaktform .uzsi 	{ border-top:1px solid black; padding-top:30px;}
.kontaktform h3		{ text-align:center; padding-bottom:30px;}
.kontaktform .pul	{ width:39%; display:inline-block; vertical-align:top; text-align:center;}
.kontaktform .pulleft	{ width:59%; display:inline-block; vertical-align:top; text-align:center;}
.kontaktform INPUT[type='text']	{ xwidth:400px; border-radius:5px; border:0; margin-bottom:40px; padding:5px; font-size:1.2em;}
.kontaktform textarea	{ width:70%; border-radius:5px; border:0; height:130px; margin-bottom:20px; font-size:1.2em; padding:10px;}
.kontaktform SPAN	{ width:100px; display:inline-block; vertical-align:top;}
.kontaktform INPUT.red		{ border:2px solid red;}
.ksubmit		{ background:#f9b234; color:white; border-radius:5px; border:0px; display:block; width:280px; padding:5px; text-align:center; font-weight:bold; margin-left:215px;}

.social			{ padding-bottom: 50px; text-align:center;}
.social .uzsi		{ padding-top: 50px; }
.social IMG		{ vertical-align:middle;}
.social A		{ margin:0px 25px;}
.social HR		{ width:200px; display:inline-block;}

.fakturace		{ background: #ededed; padding-bottom:50px;}
.fakturace H2		{ border-bottom:1px solid #bababa;color:#222; margin-bottom:30px;}
.fakturace H3		{ color:#f9b234; font-size:0.95em;}
.fakturace IMG		{ margin:0px auto; display:block;}
.fakturace LI		{ list-style-image: url(/img/li.png);}
.fakturace .pul	{ width:49%; display:inline-block; vertical-align:top; text-align:center;}
.fakturace .cele	{ width:100%; display:inline-block; vertical-align:top; text-align:center;}
.fablok			{ padding-left:400px;}


.fandove .uzsi		{ background: #fff; color:#888; text-align:center;}
.fandove H2		{ border-bottom:1px solid #bababa;color:#222; margin-bottom:30px; }
.fandove .pul		{ width:40%; display:inline-block;}

.ukonceni		{ background:#010101; border-radius:0 0 20px 20px;}


/* detail */

.auto			{ background:#ededed; margin:0px auto; margin:0px -9999rem; padding: 0.25rem 9999rem;}
.auto H1		{ padding-top:80px;}
.auto H3		{ padding-top:20px; font-size:1.2em; text-align:center;}
.auto H4		{ padding-top:30px; color:#64c6f3; padding-bottom:25px; font-size:1.9em; text-align:center; margin-bottom:10px;}

.autopopis		{ padding-top:30px; text-align:center; font-size:1.05em; line-height:2em; color:#888;}
.galerie		{ background:#fff;}
    .galerie H2		{ color:#000; border-bottom:1px solid #dadada; margin:50px 0px; }
    .galerie IMG	{ padding:10px;}
    .galerie .vice	{ display:block; background:#64c6f3; color:white; border-radius:5px; padding:5px; width:150px; text-align:center; font-weight:bold; margin:0px auto; margin-bottom:50px; margin-top:25px;}
    .galerie .hidden	{ display:none;}
    .galerie img:hover { opacity: 0.7; transition: opacity .55s ease-in-out; -moz-transition: opacity .55s ease-in-out; -webkit-transition: opacity .55s ease-in-out;}
.techudaje		{ background:#64c6f3; margin:0px -9999rem; padding: 0.25rem 9999rem;}
.techudaje UL		{ display:table; width:100%; padding:16px 10px;}
.techudaje LI		{ display:table-cell; padding:10px;}
.techudaje IMG		{ vertical-align:middle; margin-top:-3px;margin-right:10px; }

.sediva			{ background:#212121; margin:0px auto; margin:0px -9999rem; padding: 0.25rem 9999rem;}

.paticka		{ background:#fff; color:#000; padding-bottom:25px;margin:0px -9999rem; padding: 0.25rem 9999rem;}
.paticka A		{ color:#000;}
.paticka P		{ display:inline-block;  line-height:2.5em; padding-left:50px;}
.paticka .adresa	{ background: url(/img/icoadresa.png) no-repeat left center;width:45%;}
.paticka .telefon	{ background: url(/img/icotelefon.png) no-repeat left center;width:30%;}
.paticka .email		{ background: url(/img/icomail.png) no-repeat left center;width:23%;}

.videorel		{ position:relative; display:inline-block; width:420px; height:420px;}
.video		{ background:url(/img/icovideo.png) no-repeat; display:inline-block; width:420px; height:420px; position:absolute;}

.cenik			{ background:#ededed; color:#888; padding-bottom:25px;margin:0px -9999rem; padding: 0.25rem 9999rem; padding-top:30px;}
    .cenik .fsel	{ text-decoration:underline;}
    .cenik A		{ color:white;}
    .cenik H2		{ color:#000; border-bottom:1px solid #dfdfdf; margin:50px 0px; }
    .cenik > DIV	{ padding-left:70px; width:850px; margin:0px auto;}
    .cenik .n		{ background:#64c6f3; line-height:60px; color:white; font-weight:bold; margin-top:40px;}
    .cenik .n IMG	{ float:right; margin-top:10px;}
    .cenik .s		{ background:#fff url(/img/box.png) no-repeat left -3px; line-height:40px; color:#888; margin-top:20px;}
    .cenik .s > SPAN	{ float:right; padding-right:20px; border-left:1px solid #888; width:111px; display:inline-block; line-height:30px; margin-top:5px; text-align:right;}
    .cenik .s .o		{ width:500px; border:0px;}
    .cenik .s:hover	{ background-color:#64c6f3; color:#fff; }
    .cenik .checked	{ background-image:url(/img/box2.png); }
    .cenik .x		{ line-height:40px; color:#888; margin-top:20px; text-align:right; padding-bottom:25px; height:47px;}
    .cenik .pokracuj	{ display:block; color:#888; border:1px solid #888; margin:25px auto; width:250px; padding:5px; text-align:center; font-weight:bold;}
    .cenik .vice2	{ background:#64c6f3; color:white; border-radius:5px; border:0px;}
    .cenik .objednat	{ background:#64c6f3; color:white; border-radius:5px; border:0px; display:block; margin:25px auto; width:250px; padding:5px; text-align:center; font-weight:bold; }
    .cenik .f		{ line-height:40px; padding:0px; margin-top:10px;}
    .cenik .f SPAN	{ background:#fff;  padding-left:20px; line-height:40px; display:inline-block; width:300px; margin-right:10px; vertical-align:top;}
    .cenik INPUT	{ border:0px; height:40px; line-height:40px; background:#fff; width:540px; padding:0px 10px; font-size:1.2em;}
    .cenik TEXTAREA	{ border:0px; height:150px; line-height:40px; background:#fff; width:540px; padding:0px 10px; font-size:1.2em;}
    .cenik .fi		{ display:none;}
    .cenik .hidden2	{ display:none;}
    .cenik .red		{ border:2px solid red;}
    .cenik .souhlas	{ display:inline-block;  background: url(/img/box.png) no-repeat left -3px; width:50px; height:47px; vertical-align:top;}
    .cenik .checked2	{ background: url(/img/box2.png) no-repeat; }

.potvrzeni		{ padding:300px 0px;}
    .potvrzeni H2	{ color:red; border-bottom:1px solid red;}

.dalsi			{ margin-bottom:50px;}
    .dalsi H2		{ color:#000; border-bottom:1px solid #dfdfdf; margin:50px 0px; }
    .dalsi A		{ font-size:1.3em;}
    .dalsi P		{ display:inline-block;  line-height:2.5em; padding-left:50px; width:33%; text-align:center;}

.reference		{ background:#64c6f3; color:#fff; margin:0px -9999rem; padding: 0.25rem 9999rem;}
    .reference H2	{ color:#000; border-bottom:1px solid #fff; margin:0px; margin-top:50px; }
    .reference UL	{ height:330px; overflow:hidden; margin:0px 100px; position:relative;}
    .reference LI	{ height:330px; width:100%;line-height:50px; display:inline-block; position:relative; vertical-align:top; padding-top:15px;}
    .reference LI .name	{ font-weight:bold; text-align:center; position:absolute; top:280px; width:100%; text-transform:uppercase; font-size:1.2em;}
    #slider .mask	{ position:absolute; height:330px; width:100px;}
    #pager		{ border-top:1px solid #fff; text-align:center; margin-bottom:25px; padding-top:10px;}
    #pager A		{ display:inline-block; width:14px; height:14px; background: url(/img/refpasiv.png) no-repeat; margin-right:12px;}
    #pager .active	{ background: url(/img/refactive.png) no-repeat;}

/* darkove kupony */
.dkpul			{ padding-right:40%; background:url(/img/kuponico.png) no-repeat right top;}
    .dkpul H2		{ text-align:left; padding-left:15%;}

.kupon			{ background:#212121; margin:0px auto; margin:0px -9999rem; padding: 0.25rem 9999rem; color:#888; padding-bottom:100px; line-height:60px;}
    .kupon H2		{ border-bottom:1px solid #000;margin-bottom:25px; margin-top:100px;}

.vseobecne		{ background:#212121; margin:0px auto; margin:0px -9999rem; padding: 0.25rem 9999rem; color:#fff; padding-bottom:100px;}
    .vseobecne H2	{ border:0px; margin-bottom:25px; margin-top:100px;}
    .vseobecne SPAN	{ display:inline-block; width:400px; padding-left:200px;}

.dkupon			{ padding:25px 50px;}
    .dkupon DIV		{ display:inline-block; vertical-align:top; line-height:36px; height:36px; margin:20px 0px;}
    .dkupon .pul	{ width:40%;}
    .dkupon .full	{ width:100%;}
    .dkupon .mezi	{ width:19%; padding-left:20px;}
    .dkupon INPUT, .dkupon SELECT	{ background:#f6f6f6; height:36px; border:0px;  border-radius:5px; float:right; padding:5px;}
    .dkupon .input	{ width:350px; }
    .dkupon .cena 	{ width:150px; }
    .dkupon .poznamka 	{ width:1050px; }
    .dkupon .red	{ border:2px solid red;}

.dkimg			{ width:884px; height:643px; background: url(/img/darkovykuponform.png) no-repeat; margin:25px auto; position:relative;}
    .dkimg INPUT	{ height:60px; line-height:60px; padding:10px;background:#fff; border:0px; position:absolute; font-size:1.2em;}
    .dkimg .i1		{ top:243px; left:130px; width:620px;}
    .dkimg .i2		{ top:351px; left:130px; width:620px;}
    .dkimg .i3		{ top:491px; left:77px; width:740px;}
    .dkimg .red	{ border:2px solid red;}
.dkpodminky		{ color:#aaa; font-size:0.8em; line-height:1.1em; text-align:center; padding:25px 0px;}
.dkobjednat		{ background:#64c6f3; color:white; border-radius:5px; border:0px; display:block; margin:25px auto; width:250px; padding:5px; text-align:center; font-weight:bold; margin-bottom:50px;}

/* faq + jak probiha pujceni */
.faq H2			{ color:#000; border-bottom:1px solid #dfdfdf; margin:50px 0px; }
    .faq H3		{ color:#000;padding:0px 100px;}
    .faq H4		{ color:#64c6f3; padding:10px 100px; font-size:1.2em;}
    .faq P		{ padding:0px 100px; color:#888;}

.zazitek		{ background:#212121; margin:0px -9999rem; padding: 0.25rem 9999rem;}
    .zazitek H2		{ color:#fff; border-bottom: 1px solid #64c6f3; margin-top:50px;}
    .zazitek UL		{ background: #64c6f3; margin:0px 250px; color:#fff; list-style-position:inside; padding:25px 0px;}
    .zazitek LI		{ list-style-image: url(/img/box3.png); font-weight:bold; font-size:1.5em; line-height:100px; padding:0px 75px;}

/* reference */
.referencehp		{ background:#212121; margin:0px auto; margin:0px -9999rem; padding: 0.25rem 9999rem; color:#aaa; padding-bottom:100px;}
    .referencehp H2	{ border-bottom:1px solid #000;margin-bottom:25px; margin-top:100px;}
    .referencehp UL	{ list-style-type: none;}
    .referencehp LI	{ border-bottom:1px solid black;padding:20px 200px; line-height:40px;}
    .referencehp .name	{ text-align:center; color:#fff; text-transform:uppercase; font-size:1.1em;}
    .referencehp .vuz 	{ color: #64c6f3; font-style:italic;}
    .referencehp .select	{ text-align:center; padding-bottom:25px;}
    .referencehp HR	{ border:0px; border-bottom:1px solid #000;margin-bottom:25px;}
    .referencehp SELECT	{ background:#f6f6f6; height:36px; border:0px;  border-radius:5px; padding:5px; margin-left:30px;}
    
/* chybová stránka 404 */
.chyba404		{ background:#212121; margin:0px auto; margin:0px -9999rem; padding: 0.25rem 9999rem; color:#aaa; padding-bottom:100px; text-align:center;}
    .chyba404 H2	{ border-bottom:2px solid #44748b;margin-bottom:25px; margin-top:25px;}
    .chyba404 A		{ display:block; font-size:1.5em; color: #64c6f3; padding-top:10px; padding-bottom:10px;}


/* popup */
.popup			{ position: relative;  background: #FFF url(/img/popup.jpg); width: 656px;  margin: 0px auto; height:332px;}
    .popup INPUT	{ position:absolute; top:292px; width:155px; border:1px solid black; background:white; height:21px;  font-weight:bold;}
    .popup INPUT[type=text] { left:195px; padding:0px 10px}
    .popup INPUT[type=submit] { left:360px;}

.center			{ text-align:center;}

.odrazky UL		{ padding-left:2em;}
.odrazky LI		{ text-align:left;}


.fotoalbum		{ width:254px; height:254px; display:inline-block; background:#010101; padding:6px; vertical-align:top;}

.programy .cele		{ width:100%; text-align:center; padding-bottom:1em; padding-top:2em;}
.programy .tretina	{ width:33%; display:inline-block; text-align:center; vertical-align:top;}
.programy HR		{ width:90%; margin:0 auto; border:0; border-bottom:1px solid #f8b131; padding:1em 0; padding-bottom:2em;}

.banner			{ width:100%;}

.fotoblok		{ background:#010101;}
.fotobox		{ color:#fff; width:254px; height:330px; display:inline-block; background:#010101; padding:6px; vertical-align:top; text-align:center; font-size:0.7em; overflow:hidden; line-height:1.2em;}
.fotobox SPAN		{ margin:0; padding:0; display:block; line-height:1.5em; font-weight:bold; font-size:1.2em;}

.hide			{ display:none;}