body { margin: 0;  font-size: 16px;  }
body#homepage { background-attachment: fixed;background-size: cover; }
body#homepage footer p a { color: #fff; }
body#homepage footer { background: transparent; }
body#homepage header { background: transparent; }
body#homepage header .navbar {    background-color: transparent;    border-color: transparent; }
#wysiwygbody { color: #000; background-image: none;  background-color: #fff; }
body.loggedin .adminPage { margin: 0 auto; max-width: 990px; }
.panel.bg-primary {  color: #000 !important;}

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

#homepageImages img { border: 15px solid #fff; margin-bottom: 15px; }



@media (max-width: 768px)
{
	.nav > li { text-align: center; }
}


.container-fluid {}
.galleryList { margin: 0 0px; }
.galleryList>div { text-align: center;  }
.galleryList .col-sm-3 { padding: 30px; }
.galleryList .col-sm-3 img { }
.galleryList .col-sm-6 { padding: 30px; }
.galleryList .col-sm-6 img { }
.galleryList h4 { text-transform: uppercase; font-weight: 300; }

.gallery-img { overflow:hidden; position:relative;}
.gallery-img a {color: #3b3b3b; font-size: 11px; }
.gallery-img .overlay    {pointer-events: none;  background:rgba(0,0,0,.2); text-align:center; padding:0;  opacity:0;  -webkit-transition: opacity .25s ease; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.gallery-img:hover .overlay { opacity:1;}
.gallery-img:hover a { text-decoration: none !important;}
.gallery-img .plus       { width: 100%;font-weight:300; color:rgba(255,255,255,.85); font-size:18px; line-height: 30px; position: absolute; top: 50%; margin-top: -15px; display: block; text-align: center }

a:hover img:not(.noopacity) { filter: grayscale(0%) contrast(100%) brightness(100%); transition:all 0.2s linear;	 }
.nadpisH1 { padding: 50px; text-align: center; margin-bottom: 0px}
h1, .h1 {    font-size: 17px;    font-weight: 400;    text-transform: uppercase;}
h4, .h4 {    font-size: 17px;    font-weight: 400;    text-transform: uppercase;}

header { position: relative;z-index: 999;padding-bottom: 10px;background-color: transparent; min-height: 90px; }
header.administrace { position: static; }
header .container-fluid{ padding-left: 40px; padding-right: 40px;  }

footer {padding: 30px 15px;  }
footer p {  text-transform: lowercase; font-size: 8px; color: #e2e2e2; line-height: 25px; letter-spacing: 1px; margin-bottom: 0; }
footer p a { color: #e2e2e2; }
footer p a:hover { color: #000000; text-decoration: underline }

.carousel-caption h1 { font-weight: 200;line-height: 1.2 font-size: 100px;text-transform: uppercase; color: #fff;  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.75); }
.carousel-caption p { text-transform: uppercase; font-weight: bold; display: block; color: #fff; font-size: 16px; text-shadow: none;  }
.carousel  { margin: 0 auto 50px; max-width: 1600px; padding: 0 30px; }
.carousel .item { height: auto;background-position: center center;background-size: cover; }

#content { margin: 40px auto 0px auto; }
#homepage #content {  background-color: transparent; }
.img-full {    min-width: 100%;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {    border-color: #fff;}

input.error { border: 1px dashed red;}
label.error { display: block; color: red; font-weight: normal; }
.w200 { width: 450px !important}
.w60 { width: 120px !important}
.w50 { width: 100px !important}
.w25 { width: 50px !important}
.w30 { width: 70px !important}

fieldset { margin: 30px 0}


/** bootstrap **/
#menu{    position: relative;}

.navbar { background-color: transparent; border-color: transparent;  min-height: 60px; z-index: 999; margin-bottom: 0; text-transform: uppercase; }
.navbar .nav > li > a { padding: 10px 15px;}
.navbar .navbar-icons > li > a { padding: 10px 0 0 5px;}
.navbar .navbar-icons { margin-left: 10px; }
.navbar-brand,.navbar > .container-fluid .navbar-brand { white-space: normal; padding: 5px 0px 5px; height: auto; float: none;margin: 0 auto;    width: auto;    display: block;    max-width: 390px; margin-bottom: 30px; margin-top: 30px;  }
.navbar-header { margin-top: 15px; float: none;}
.navbar-default .navbar-nav > li > a  {font-size: 17px }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {    color: #888; text-decoration: underline;   background-color: transparent;}
.navbar-default .navbar-icons > li > a { font-size: 18px; }
.navbar-default .navbar-nav > li > a.highlight { background-color: #df0093; color: #FFFFFF;  }
.navbar-default .navbar-nav > li > a.highlight:hover { background-color: #000; color: #FFFFFF;  }
.carousel-caption h1 { text-shadow: 0px 6px 35px rgba(0, 0, 0, 0.4); }
.navbar-nav { margin: 0 auto;  }
.navbar-nav .nav { font-size: 18px; color: #b7b7b7; margin-top: 11px; padding-left: 4px}
.navbar-nav .nav > li > a { padding: 10px 0px; color: #b7b7b7; line-height: 24px; }

.navbar-default .navbar-text { text-transform: lowercase; font-size: 10px; color: #000; line-height: 25px; letter-spacing: 1px;}
.navbar-toggler {   max-width: 390px; border: 1px solid #000 !important;  text-align:left;  border-radius: 10px;  background-color: #fff; margin-right: 0px; padding: 8px}
.navbar-default .navbar-collapse { border: 0; }

@media (max-width: 768px)
{
	.nadpisH1 { padding: 50px 0;}
	.galleryList .col-sm-6 { padding: 15px 0;}
	.gallery-img a { display: block; text-align: center }
	.gallery-img a img { margin: 0 auto;}
	.navbar .nav > li > a {    padding: 10px 20px;}
	.carousel-caption  { top: 20px;}
	.carousel-caption img { max-width: 75px}
	.carousel-caption h1 { font-size: 40px; }
	body { margin: 0px}
	.container-fluid > .navbar-header {margin-right: -30px;margin-left: -20px;}
	.navbar-brand { margin: 5px auto !important; }
	.navbar-header { margin-top: 0 !important;}
	#content { margin-top: 0 !important; }
	.navbar-brand .display-4 { font-size: 3rem!important; margin-bottom: 1rem;  }

}
@media (max-width: 500px)
{
	.carousel-caption  { top: 0px;}
	.carousel-caption img { max-width: 75px}
	.carousel-caption h1 { font-size: 35px; }
	.navbar-brand .display-4 { font-size: 2.5rem!important; margin-bottom: 1rem;  }
	body { margin: 0px}
	.container-fluid > .navbar-header {margin-right: -30px;margin-left: -20px;}
}
@media (min-width: 768px)
{
	.carousel-caption  { top: 50px; }
	.carousel-caption h1 { font-size: 50px; }
	.carousel-caption p {font-size: 20px; }
	.navbar > .container-fluid .navbar-right {   margin-right: 0px; margin-top: 23px;  }
	.navbar > .container-fluid .navbar-icons {   margin-right: -30px; }
}

@media (min-width: 992px)
{
	.carousel-caption  { top: 100px; }
	.carousel-caption h1 { font-size: 60px; }
}
@media (min-width: 1200px)
{
	.carousel-caption  { top: 125px; }
	.carousel-caption h1 { font-size: 70px; }
}
@media (min-width: 1400px)
{
	.carousel-caption  { top: 150px; }
	.carousel-caption h1 { font-size: 80px; }
}
@media (min-width: 1600px)
{
	.carousel-caption  { top: 175px; }
	.carousel-caption h1 { font-size: 100px; }
}



.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {    color: #888;  text-decoration: underline;  background-color: transparent;}

.navbar-inverse  {  background-color: #222;  border-color: #080808; min-height: 30px; z-index: 1000; }
.navbar-inverse .navbar-header {  margin-top: 7px}
.navbar-inverse .navbar-brand {   padding: 5px 0 0 0;}
.navbar-inverse .navbar-nav > li > a {  color: #fff; padding-top: 12px; padding-bottom: 13px; padding-left: 20px; padding-right: 20px; font-size: 14px;  }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {    background-color: #890d12;   color: #FFFFFF;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {  background-color: #890d12; }
.navbar-inverse .navbar-nav > li.active > a {  background-color: #890d12; }
.navbar-inverse .navbar-nav > li > a.highlight:hover { background-color: #520d55;   }

.bigger { font-size: 120%;}

.nahledy .panel  { min-height: 120px; }
.nahledy .panel  { min-height: 120px; }
.nahledy .panel-body  { height: 120px; padding: 5px; display: table-cell !important;  vertical-align: middle !important; }
.nahledy .panel img {  }
.nahledy  {  padding-top: 10px;    text-align: center;    margin-top: 20px;    line-height: 4; }
.nahledy a img { text-align: center; vertical-align: middle; margin: 10px 10px;}

.gallery {  margin-top: 10px;}
.gallery > a {   display: inline-block;  margin: 0 7px 7px 0; }




/** CORE **/

.marginT0 { margin-top: 0px !important;}.marginT, .marginT1 { margin-top: 10px !important;}.marginTT, .marginT2 { margin-top: 20px !important;}.marginTTT, .marginT3 { margin-top: 30px !important;}.marginTTTT, .marginT4 { margin-top: 40px !important;}.marginTTTTT, .marginT5 { margin-top: 50px !important;}.marginTTTTTT, .marginT6 { margin-top: 60px !important;}.marginTTTTTTT, .marginT7 { margin-top: 70px !important;}.marginTTTTTTTT, .marginT8 { margin-top: 80px !important;}
.marginB0 { margin-bottom: 0px !important;}.marginB, .marginB1 { margin-bottom: 10px !important;}.marginBB, .marginB2 { margin-bottom: 20px !important;}.marginBBB, .marginB3 { margin-bottom: 30px !important;}.marginBBBB, .marginB4 { margin-bottom: 40px !important;}.marginBBBBB, .marginB5 { margin-bottom: 50px !important;}.marginBBBBBB, .marginB6 { margin-bottom: 60px !important;}.marginBBBBBBB, .marginB7 { margin-bottom: 70px !important;}.marginBBBBBBBB, .marginB8 { margin-bottom: 80px !important;}
.marginR0 { margin-right: 0px !important;}.marginR, .marginR1 { margin-right: 10px !important;}.marginRR, .marginR2 { margin-right: 20px !important;}.marginRRR, .marginR3 { margin-right: 30px !important;}.marginRRRR, .marginR4 { margin-right: 40px !important;}.marginRRRRR, .marginR5 { margin-right: 50px !important;}.marginRRRRRR, .marginR6 { margin-right: 60px !important;}.marginRRRRRRR, .marginR7 { margin-right: 70px !important;}.marginRRRRRRRR, .marginR8 { margin-right: 80px !important;}
.marginL0 { margin-left: 0px !important;}.marginL, .marginL1 { margin-left: 10px !important;}.marginLL, .marginL2 { margin-left: 20px !important;}.marginLLL, .marginL3 { margin-left: 30px !important;}.marginLLLL, .marginL4 { margin-left: 40px !important;}.marginLLLLL, .marginL5 { margin-left: 50px !important;}.marginLLLLLL, .marginL6 { margin-left: 60px !important;}.marginLLLLLLL, .marginL7 { margin-left: 70px !important;}.marginLLLLLLLL, .marginL8 { margin-left: 80px !important;}

.paddingT0 { padding-top: 0px !important;}.paddingT1,.paddingT { padding-top: 10px !important;}.paddingT2,.paddingTT { padding-top: 20px !important;}.paddingT3,.paddingTTT { padding-top: 30px !important;}.paddingT4,.paddingTTTT { padding-top: 40px !important;}.paddingT5,.paddingTTTTT { padding-top: 50px !important;}.paddingT6,.paddingTTTTTT { padding-top: 60px !important;}.paddingT7,.paddingTTTTTTT { padding-top: 70px !important;}.paddingT8,.paddingTTTTTTTT { padding-top: 80px !important;}
.paddingB0 { padding-bottom: 0px !important;}.paddingB1,.paddingB { padding-bottom: 10px !important;}.paddingB2,.paddingBB { padding-bottom: 20px !important;}.paddingB3,.paddingBBB { padding-bottom: 30px !important;}.paddingB4,.paddingBBBB { padding-bottom: 40px !important;}.paddingB5,.paddingBBBBB { padding-bottom: 50px !important;}.paddingB6,.paddingBBBBBB { padding-bottom: 60px !important;}.paddingB7,.paddingBBBBBBB { padding-bottom: 70px !important;}.paddingB8,.paddingBBBBBBBB { padding-bottom: 80px !important;}
.paddingL0 { padding-left: 0px !important;}.paddingL,.paddingL1 { padding-left: 10px !important;}.paddingLL,.paddingL2 { padding-left: 20px !important;}.paddingLLL,.paddingL3 { padding-left: 30px !important;}.paddingLLLL,.paddingL4 { padding-left: 40px !important;}.paddingLLLLL,.paddingL5 { padding-left: 50px !important;}.paddingLLLLLL,.paddingL6 { padding-left: 60px !important;}.paddingLLLLLLL,.paddingL7 { padding-left: 70px !important;}.paddingLLLLLLLL,.paddingL8 { padding-left: 80px !important;}
.paddingR0 { padding-right: 0px !important;}.paddingR,.paddingR1 { padding-right: 10px !important;}.paddingRR,.paddingR2 { padding-right: 20px !important;}.paddingRRR,.paddingR3 { padding-right: 30px !important;}.paddingRRRR,.paddingR4 { padding-right: 40px !important;}.paddingRRRRR,.paddingR5 { padding-right: 50px !important;}.paddingRRRRRR,.paddingR6 { padding-right: 60px !important;}.paddingRRRRRRR,.paddingR7 { padding-right: 70px !important;}.paddingRRRRRRRR,.paddingR8 { padding-right: 80px !important;}

.strankovani a {   font-size: 14px; cursor: pointer; height:20px; display: inline-block; padding: 6px 10px;  letter-spacing: -1px;  margin-top:4px;  line-height: 20px;    text-decoration: none;  background-color: #641164;  color: #000}
.ui-autocomplete { z-index: 9999 !important; }

.black { color: #000 !important;  }
.black a { color: #000 !important;  }
.red,.errorfont { color: #E24A60 !important}
.errorfont { font-weight: bold}
.white { color: white }
a.white:hover { color: white }
.pink { color: #e24a60 }
.blue {color: #244ca5}
.lblue {color: #496bf3}
.green {color: #0fb398}
.gray {color: #808080}

.opacity100	{filter: alpha(opacity=100); -moz-opacity:1; opacity: 1;}
.opacity90	{filter: alpha(opacity=88); -moz-opacity:0.88; opacity: 0.8;}
.opacity70	{filter: alpha(opacity=75); -moz-opacity:0.75; opacity: 0.7;}
.opacity50	{filter: alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}
.opacity30	{filter: alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3;}

.click { cursor: pointer}
.clickhover { cursor: pointer;}
.clickhover:hover { cursor: pointer;filter: alpha(opacity=75); -moz-opacity:0.75; opacity: 0.7;}
.moveIT { cursor: move}

/* Classes */
.hide,.hidn,.form-inline .hidn { display: none}
.bold { font-weight: bold}
.uppercase { text-transform: uppercase }
.cls{clear:both;}
.rel { position: relative}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.ir{margin:0 0 3px 10px;border:3px solid #ACD146;}
.il{margin:0 10px 3px 0;border:3px solid #ACD146;}
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.captcha { width: auto !important;}
.wrong{text-decoration:line-through;}
.odd{background:#C7CCCC;}
.small { font-size: 10px;}
.normal { font-size: 16px; line-height: 1.42857143;}
.bigger { font-size: 16px; line-height: 24px}
.big { font-size: 25px; line-height: 26px; }
.huge { font-size: 34px; line-height: 36px; }
.hr { overflow: hidden; height: 1px; line-height: 1px; border-top: 1px solid #dbe1fd; border-bottom: 0px; margin: 30px 0 }
.decimal { font-size: 50% !important; display: inline !important;    line-height: 2em !important;   vertical-align: text-top;}