/* EasyWeb html style file */



body {font-family: 'Source Sans Pro', sans-serif; font-size:14px; color:#000; margin:0; padding:0; position:relative; height:100%; background:#fff}

table.tabulkaPruhledna th,
table.tabulkaPruhledna td {background:transparent !important; border:none !important; padding:0 !important; line-height: 1.5em;}
table.tabulkaPruhlednaStred th,
table.tabulkaPruhlednaStred td {background:transparent !important; border:none !important; padding:0 !important; line-height: 1.5em; }



/* txt  */


table.tabulkaPruhledna {border-collapse:collapse; border-spacing:0; margin:0 0 15px 0}




table.tabulkaPruhlednaStred {border-collapse:collapse; border-spacing:0; margin:0 auto 15px auto !important}



p {margin:0 0 1.8em 0; padding: 0; line-height:1.5em;}

h1 {font-size:2.0em; margin:0 0 1.0em 0; font-weight:600; color:#080808; }
h2 {font-size:1.8em; margin:0 0 0.7em 0; font-weight:600; color:#080808;}
h3 {font-size:21px; margin:0 0 0.7em 0; font-weight:bold; color:#3b3b3b;}
h4 {font-size:17px; margin:0 0 0.6em 0; font-weight:bold; color:#080808;}
h5 {font-size:15px; margin:0 0 0.5em 0; font-weight:bold; color:#080808;}
h6 {font-size:13px; margin:0 0 0.4em 0; font-weight:bold; color:#080808;}

a {text-decoration:underline; color:#000; outline:none;}
a:hover {text-decoration:none; color:#000;}
a img {border:none}
img { border: 0; }

#benefits {width:1200px; margin:0 auto; padding:45px 0; display:table}
#benefitsL {display:table-cell; width:33%; vertical-align:middle; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 1% 0 0}
#benefitsC {display:table-cell; width:22.5%; vertical-align:middle; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 2% 0 0;}
#benefitsR {display:table-cell; margin:0; vertical-align:middle; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.benefitsTitle {font-size:1.6em; line-height:1.2em}
.benefitsTitle strong {font-weight:600}
.benefitsTitle span {font-weight:600; color:#012472}
#benefitsIn {width:100%; }
#ben01, #ben02, #ben03, #ben04 {float:left; width:48%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#ben01, #ben03 {margin:2% 4% 2% 0;}
#ben02, #ben04 {margin:2% 0 2% 0;}
#ben01 a, #ben01 span {background:url(4a07a4de-9582-4150-8182-418ccca90192) no-repeat left center}
#ben02 a, #ben02 span {background:url(2d2f93f1-260c-4e21-ad2c-f2774b1f1923) no-repeat left center}
#ben03 a, #ben03 span {background:url(39cdb14e-2d7e-4f77-97b1-41a2b21553aa) no-repeat left center}
#ben04 a, #ben04 span {background:url(d722e1cb-3e09-43df-9335-4eb175a16a4f) no-repeat left center}
#ben01 a, #ben02 a, #ben03 a, #ben04 a, #ben01 span, #ben02 span, #ben03 span, #ben04 span {padding:0 0 0 56px; height:46px; display:table-cell; vertical-align:middle; color:#0d0d0d; text-decoration:none; line-height:1.3em}
#ben01 a:hover, #ben02 a:hover, #ben03 a:hover, #ben04 a:hover {color:#0d0d0d; text-decoration:underline;}

.hpBannerTitle {margin:1.0em 0; text-align:center; font-size:1.5em; color:#0d0d0d; height:2.0em}
.hpBannerTitle strong {font-weight:600}
#hpBannerNav {display:block}
#hpBannerNav>ul {margin:0; padding:0; list-style:none}
#hpBannerNav>ul>li {float:left; margin:0 0 0 4.3%; width:29%}
#hpBannerNav>ul>li>a>span>img {width:100%; max-width:100%; display:block}
#hpBannerNav>ul>li>a {display:block; color:#fff; text-decoration:none; }
#hpBannerNav>ul>li>a>strong {display:table; width:100%; height:59px; font-weight:400}
#hpBannerNav>ul>li>a>strong>span {height:59px; display:table-cell; padding:0 10px; vertical-align:middle; background:#012472; width:100%; text-align:center; text-transform:uppercase; font-weight:600}
#hpBannerNav>ul>li>a:hover>strong>span {background:#043196}
#hpBannerNav>ul>li>a>span.hpBNavImg {display:table; background:#fff; width:100%; text-align:right}
#hpBannerNav>ul>li>a>span.hpBNavImg img {max-width:166px; display:block; float:right}

.hpBannerText {font-size:2.8em; font-weight:700; color:#ffffff; text-shadow:1px 1px #b0730f; text-align:center; padding:10px 0; background: url(98542250-80e2-4605-88e6-458bdaf15423) repeat left top; text-transform:uppercase; margin:0 0 20px 0}
.hpBannerText2 {font-size:2.3em; display:block; font-weight:700; color:#ffffff; text-shadow:1px 1px #b0730f; text-align:center; padding:10px 0; background: url(98542250-80e2-4605-88e6-458bdaf15423) repeat left top; text-transform:uppercase; margin:0 0 20px 0}
.countdownRight .hpBannerImgBox p {padding:0 10px}
.countdownRight .hpBannerImgBox {padding:0!important}
.countdownRight {width:auto!important; margin:0 auto; display:table}
.hpBannerImgBox {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}


img.obtokVlevo { float: left; padding-right: 30px; padding-bottom: 20px; }



img.obtokVpravo { float: right; padding-left: 30px; padding-bottom: 20px; }



p.odrazkaVelka { font-size: 17px; margin: 0 0 15px 0; color: #000; background: url(f9674af3-89d7-41e3-8c8f-d6980bc4248b) no-repeat left 3px; min-height:32px; padding:0 0 0 42px; line-height:34px; display:inline-block}



a.ikonaPDF { margin: 0 0 5px 0; color: #000; /*background: url(c943fbb4-71b8-4b7d-b57f-eb1d12b32e1a) no-repeat left center;*/ min-height:18px; /*padding:0 0 0 25px;*/ line-height:18px; display:inline-block; text-decoration:underline}
a.ikonaPDF:hover {text-decoration:none}
a.ikonaPDF:before {color:#ff0000; display: inline-block; font-family:FontAwesome; font-size:18px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin: 0 10px 0 0; content: "\f1c1";}



a.ikonaDOC { margin: 0 0 5px 0; color: #000; /*background: url(c943fbb4-71b8-4b7d-b57f-eb1d12b32e1a) no-repeat left center;*/ min-height:18px; /*padding:0 0 0 25px;*/ line-height:18px; display:inline-block; text-decoration:underline}
a.ikonaDOC:hover {text-decoration:none}
a.ikonaDOC:before {color:#307EB6; display: inline-block; font-family:FontAwesome; font-size:18px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin: 0 10px 0 0; content: "\f1c2";}



a.ikonaXLS { margin: 0 0 5px 0; color: #000; /*background: url(c943fbb4-71b8-4b7d-b57f-eb1d12b32e1a) no-repeat left center;*/ min-height:18px; /*padding:0 0 0 25px;*/ line-height:18px; display:inline-block; text-decoration:underline}
a.ikonaXLS:hover {text-decoration:none}
a.ikonaXLS:before {color:#71AA1A; display: inline-block; font-family:FontAwesome; font-size:18px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin: 0 10px 0 0; content: "\f1c3";}



table.vychoziTabulka {border-collapse:collapse; border-spacing:0; margin:0 0 15px 0}
table.vychoziTabulka tr th {background:#2D353B; color:#fff; font-weight:bold; padding:5px 10px; border:1px solid #2D353B;}
table.vychoziTabulka tr td {padding:5px 10px; border-bottom:1px dashed #665D52; text-align:center}



table.tabulkaZebra {border-collapse:collapse; border-spacing:0; margin:0 0 15px 0; width:100%}
table.tabulkaZebra tr:nth-child(2n) td {background:#E8EAEB; color:#000; padding:5px 10px;}
table.tabulkaZebra tr:nth-child(2n+1) td {background:#d3d3d3; color:#000; padding:5px 10px;}



p.zvyraznenyText { font-size: 14px; margin: 0 0 15px 0; color: #fff; background: #012472; min-height:24px; padding: 15px 20px;}
p.zvyraznenyText a {color: #94c11e;}
p.zvyraznenyText a:hover {color: #94c11e;}



p.zvyraznenyTextRed { font-size: 16px; margin: 0 0 15px 0; min-height:24px; padding: 15px 20px; border:2px solid #d20000}



p.poharZlato {padding:0 0 8px 25px; font-weight:600;background:url(1a1a2fd7-4720-42cc-8776-e06ef127da08) no-repeat left 2px; margin:0;}



p.poharStribro {padding:0 0 8px 25px; font-weight:600;background:url(9277fd2f-833b-487f-a871-825c5cc21ad5) no-repeat left 2px; margin:0;}



p.poharBronz {padding:0 0 8px 25px; font-weight:600;background:url(e7559081-3685-4192-8b7e-d6294e8ef38e) no-repeat left 2px; margin:0;}



a.btnYellow {display:block; float:left; padding:6px 10px; background:#FFD800; color:#000; border:1px solid #E4C400; text-decoration:none; font-weight:600; font-size:1.1em; margin:0 0 15px 0;}
a.btnYellow:hover {background:#ffea00; color:#000; text-decoration:none; border:1px solid #eac902;}






table.kontakt {border-collapse:collapse; width:100%}
table.kontakt td {padding:5px 0}        

 


img.imgResp {width:100%; max-width:1200px}    
 



a.tlacitko { font-size: 14px;  background: #93C120;
  color: #000 !important;
  height: 24px;
  line-height: 24px;
  padding: 15px 40px;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  display: table;
  margin:0 auto 15px auto;
  text-align: center;}
a.tlacitko:hover {background:#a9d930; color:#000; text-decoration:none  !important}
 


a.tlacitkoModre, .guestsWrapR a.tlacitkoModre { font-size: 0.8em;  background: #012472;
  color: #fff !important;
  padding: 10px 30px;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  margin:0 0 15px 0;
  text-align: center;}
a.tlacitkoModre:hover, .guestsWrapR a.tlacitkoModre:hover {background:#0a3287; color:#fff; text-decoration:none  !important}
 

.vlevo { float: left; padding-right: 30px; padding-bottom: 20px; }
.vpravo { float: right; padding-left: 30px; padding-bottom: 20px; }

.greyH2 {color:#606060; font-weight:600}


#boxMain ul.greyButton, .boxMain ul.greyButton {margin:0 0 20px 0; padding:0; list-style:none; width:100%}
#boxMain ul.greyButton li, .boxMain ul.greyButton li {background:#e8eaeb url(37c12b07-65e5-440f-ac4e-fd44d905b664) no-repeat right center; color:#000; font-weight:600; text-transform:uppercase; padding:14px 30px 14px 20px; font-size:1.4em; display:block; margin:0 0 16px 0; }
#boxMain ul.greyButton li.btnReg, .boxMain ul.greyButton li.btnReg {background:#e8eaeb; background-image:none; position:relative; padding: 14px 180px 14px 20px;}

#boxMain ul.greyButton li.btnReg em, .boxMain ul.greyButton li.btnReg em {font-style:normal; position:absolute; top:15px; right:15px; padding:0 10px; height:38px; line-height:38px; color:#000; background:#FFD800; border:1px solid #E7C700; font-size:0.7em; text-transform:none;}
#boxMain ul.greyButton li.btnReg em:hover, .boxMain ul.greyButton li.btnReg em:hover {background:#ffe400}

@media screen and (max-width: 549px) { 
	#boxMain ul.greyButton li.btnReg, .boxMain ul.greyButton li.btnReg {padding: 14px 20px 60px 20px;}
	#boxMain ul.greyButton li.btnReg em, .boxMain ul.greyButton li.btnReg em {top:inherit; bottom: 10px; right: 50%; transform: translateX(50%);}
}


#boxMain ul.greyButton li.btnFotoVystavy, .boxMain ul.greyButton li.btnFotoVystavy {background:#e8eaeb url(37c12b07-65e5-440f-ac4e-fd44d905b664) no-repeat right center;}

#boxMain ul.greyButton li a, .boxMain ul.greyButton li a {display:block; text-decoration:none; padding:0 0 0 50px;}
#boxMain ul.greyButton li a strong, .boxMain ul.greyButton li a strong {font-weight:600;  }
#boxMain ul.greyButton li a>strong, .boxMain ul.greyButton li a>strong {display:block;}
#boxMain ul.greyButton li a span, .boxMain ul.greyButton li a span {font-weight:400; display:block; font-size:0.7em}

#boxMain ul.greyButton li.btnPravidlo a, .boxMain ul.greyButton li.btnPravidlo a {background: url(0c31795e-79c9-419c-8a7b-614d7109ab18) no-repeat left center;}
#boxMain ul.greyButton li.btnKalendar a, .boxMain ul.greyButton li.btnKalendar a {background: url(bccfbaba-6c40-41cb-b185-5cfe600f85da) no-repeat left center;}
#boxMain ul.greyButton li.btnVysledek a, .boxMain ul.greyButton li.btnVysledek a {background: url(31279a45-ea20-4cf6-836b-3a8e6eecb061) no-repeat left center;}
#boxMain ul.greyButton li.btnFotoVystavy a, .boxMain ul.greyButton li.btnFotoVystavy a {background: url(0db17064-1ddb-44d9-ae47-9902fe31d548) no-repeat left center;}

#boxMain ul.greyButton li.btnProgram a, .boxMain ul.greyButton li.btnProgram a {background: url(6a824059-3f17-4e52-8daf-8a660c04978f) no-repeat left center;}


#boxMain ul.greyButton li.btnWorkshop a, .boxMain ul.greyButton li.btnWorkshop a {background: url(bcc5df49-0132-44bb-9e0f-eed6fbf72e96) no-repeat left center;}
#boxMain ul.greyButton li.btnMoznost a, .boxMain ul.greyButton li.btnMoznost a {background: url(0cdb53f4-7da4-4b86-ae38-7a624e607b1d) no-repeat left center;}
#boxMain ul.greyButton li.btnVyprodej a, .boxMain ul.greyButton li.btnVyprodej a {background: url(b2957bd0-fad3-4ea6-a00b-9754459128bb) no-repeat left center;}
#boxMain ul.greyButton li.btnSoutez a, .boxMain ul.greyButton li.btnSoutez a {background: url(730b0532-39b2-474a-897c-1bfaf970fc82) no-repeat left center;}
#boxMain ul.greyButton li.btnReg a, .boxMain ul.greyButton li.btnReg a {background: url(2f0a9411-2cde-4232-be35-c3da87d4e909) no-repeat left center;}



.btnNikon a {background: url(208bfc1c-7e8c-463e-b5f8-1aa53ff9a839) no-repeat left center;}
#boxMain ul.greyButton li:hover {background-color:#b4b4b4}

.blueFomeiLink {background:url(82114b89-4178-424b-9716-b0d6323bf702) no-repeat left center; color:#012472; font-weight:400; padding:2px 0 2px 28px; font-size:1.0em; margin:0 0 16px 0; text-decoration:none; display:block}
.blueFomeiLink:hover {color:#012472; text-decoration:underline}
/*
.greyButton {background:#e8eaeb url(37c12b07-65e5-440f-ac4e-fd44d905b664) no-repeat right center; color:#000; font-weight:600; text-transform:uppercase; padding:14px 0 14px 20px; font-size:1.4em; display:block; margin:0 0 16px 0; text-decoration:none}
.greyButton span {padding:0 0 0 50px;}
.btnWorkshop span {background: url(bcc5df49-0132-44bb-9e0f-eed6fbf72e96) no-repeat left center;}
.btnVyprodej span {background: url(b2957bd0-fad3-4ea6-a00b-9754459128bb) no-repeat left center;}
.btnMoznost span {background: url(0cdb53f4-7da4-4b86-ae38-7a624e607b1d) no-repeat left center;}
.btnNikon span {background: url(208bfc1c-7e8c-463e-b5f8-1aa53ff9a839) no-repeat left center;}
.greyButton:hover {background:#b4b4b4 url(37c12b07-65e5-440f-ac4e-fd44d905b664) no-repeat right center; text-decoration:none}


*/
.fbEvent {margin:25px 0 0 0}

.twoBtn {display:block; width:100%; padding:0 0 40px 0}
.twoBtn a {display:block; float:left; margin:0 40px 10px 0}

.guestsBox {margin:0 0 20px 0}
.guestsWrap {margin:0 0 30px 0}
.guestsWrapL {float:left; width:25%; margin:0 5% 0 0; padding:10px 0 0 0}
.guestsWrapR {float:left; width:70%; margin:0}
.guestsWrapR a {color:#012472; text-decoration:underline; font-weight:600}
.guestsWrapR a:hover {color:#012472; text-decoration:none}
.guestsWrapR h4 {color:#484848}

#boxLeft #boxMain img.imgNoResp {width:auto; max-width:auto; margin:10px 0 10px 0}

.kudyL {float:left; width:48%; margin:0 4% 0 0}
.kudyR {float:left; width:48%; }

#cookiePanel {background:#012472; color:#fff; opacity: 0.98; filter: alpha(opacity=98); -moz-opacity: 0.98; -khtml-opacity: 0.98; }

#cookiePanel>div {font-size:1.0em}
#cookiePanel a {text-decoration:underline; color:#c90000}
#cookiePanel a:hover {text-decoration:none; color:#c90000}
#cookiePanel input {background: #fff; color:#000!important}
#cookiePanel input:hover {background: #bfc4ca; color:#000!important}



h4.h4Blue {color:#012472}




p.fotoCelaSirka img, #boxBlogPld p.fotoCelaSirka img {max-width:100%; height:auto}



div.youtubeVideo50 {position:relative; padding-bottom:30.25%; padding-top:30px; height:0; overflow:hidden; margin: 0 4% 20px 0; float:left; width:48%;}
div.youtubeVideo50:nth-child(2n) {margin:0 0 20px 0}
div.youtubeVideo50 iframe {position:absolute; top:0; left:0; width:100%; height:100%;}



.tableFomeiTop tr td {padding:2px 10px 2px 0; vertical-align:top}

@media screen and (max-width: 999px) {
	.kudyL, .kudyR {float:none; width:100%; margin:0 0 20px 0}
}
@media screen and (max-width: 600px) {
	div.youtubeVideo50 {margin: 0 0 20px 0;width:100%; padding-bottom:56.25%;}
}


@media screen and (max-width: 420px) {
	.guestsWrapL {display:none}
	.guestsWrapR {width:100%}
}

@media screen and (min-width: 768px) and (max-width: 999px) {
   #boxMain ul.greyButton li.btnReg em {position:relative; top:auto; right:auto; margin:5px 0 0 0; float:left; height:36px; line-height:36px;}
   #boxMain ul.greyButton li.btnReg a {}
}



strong.strongTitle {font-size:1.2em; display:block; margin:0 0 10px 0}



span.spanLi {display:block; font-size:1.0em; padding:4px 0 4px 15px; color:#0e0e0e; text-decoration:none; background:url(/templates/main/images/rightLi.png) no-repeat left 10px}
span.spanLi strong {margin:0 5px 0 0}


/*#boxLeft #boxMain .tableDoprava tr td img {width:100px}*/
#boxMain .tableDoprava {border-collapse:collapse}
#boxMain .tableDoprava ul li {background:none; padding:0}
#boxMain .tableDoprava tr td {padding:10px 20px 0 0; border-bottom:1px solid #e6e6e6}
#boxMain .tableDoprava tr:last-child td {border:none}
#boxMain .tableDoprava tr td:nth-child(2n) {padding:10px 0 0 0}
#boxMain .tableDoprava tr td em {color:#94C11E; font-weight:600}
.tableDoprava tr td {width:18%}
.tableDoprava tr td:nth-child(2n) {width:82%}


.tabBoxIn .divTab {float:left; width:45%; margin:0 10% 10% 0;}
.tabBoxIn .divTab:nth-child(2n) {margin:0 0 10% 0;}
.tabBoxIn .divTab table {width:100%; border-collapse:collapse;}
.tabBoxIn .divTab table tr td {border-top:1px solid #d8d8d8; padding:5px;}
.tabBoxIn .divTab table tr th {text-align:left; padding:5px; background:#94C11E; color:#fff; font-weight:400;}
.tabBoxIn .divTab table tr th:nth-child(3n),.tabBoxIn .divTab table tr td:nth-child(3n) {text-align:right;}
.tabBoxIn .divTab table tr td:first-child {padding:0 0 0 15px;}
/*
.slider-cs .sliderItem:nth-child(2) .hpBannerBBtn, .slider-sk .sliderItem:nth-child(2) .hpBannerBBtn {
    display: none;
}*/

@media screen and (min-width: 768px) and (max-width: 999px) {
	#boxMain .tableDoprava tr td em {display:block}
	.tabBoxIn .divTab {width:100%; margin:0 0 10% 0;}
}
@media screen and (max-width: 650px) { 
	.tabBoxIn .divTab {width:100%; margin:0 0 10% 0;}
	
}
@media screen and (max-width: 600px) { 
	#boxMain ul.greyButton li.btnReg em {position:relative; top:auto; right:auto; margin:5px 0 0 0; float:left; height:36px; line-height:36px;}
	
}


@media screen and (max-width: 480px) { 
	#boxMain .tableDoprava tr td em {display:block}
	
}

.nocountdownBackground {padding:0 !important; background:none !important}

#headerMenu .hMSImg {width:36px}

.blogWideImg {    max-width: 100% !important;}



table.bunkyVlevo th,
table.bunkyVlevo td {text-align: left !important}



table.bunkyVpravo th,
table.bunkyVpravo td {text-align: right !important}



table.bunkyStred th,
table.bunkyStred td {text-align: center !important}



