/* použité barvy
 ------ zelené
#009E5E zelená
#00A161 zelená
#d8f6e6 svetlunce zelená
#3ab47b zelená světlejší
#D7F5E5 svetlunce zelená
#B5CCB1 světle zelená hláška
#556652 tmavě zelená error
#086A43 tmavě zelená
#e2ffdd světle zelená hláška

------- červené růžové
#D1003C sytě červená
#ff0000 jasně červená
#ffeeee světlounce růžová
#f2dede světle růžová validation
#b94a48 tmavě červená
#ffe6e6 světlé růžová
#F64C65 tmavě růžová
#F5DAD3 světle růžová error
#C02230 tmavě červená error 
#eed3d7 světle růžová

------ šedé
#D5D5D5 šedá
#666    tmavě šedá
#EDEDED světle šedá
#D5D5D5 šedá
#BBB    šedá
#BFBAB0 šedá

------ ostatní
#FFF    bílá
#FFFFE0 světle žlutá
#87CEEB bledě modrá
#FF8A00 oranžová
#E88600 oranžová

*/


* { margin:0; padding:0; }
html { font-size: 0.85em; height: 100%; /*-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;*/ }
body { color:#666; background-color:#FFF; font-family: Tahoma, sans-serif, Arial; font-size-adjust: none; font-stretch: normal; letter-spacing:1px; height: 100%; }

a {	color:#009E5E; text-decoration: none; cursor: pointer; }
a:focus { outline: 0px; -moz-outline-style: none; }
a:active { outline: 0px; }
a:hover { outline: 0px; color:#086A43; text-decoration:underline; }
a:focus { }
a.tooltipFSG {
	cursor: help;
	z-index: 0;
	position:relative;
}
a.tooltipFSG em {
	display: none;
	font-style:normal;
}
a.tooltipFSG:hover {
	font-size: 100%;

}
a.tooltipFSG:hover em {
	display: block !important;
	position: absolute;
	top: -40px;
	left: 40px;
	width: 310px;
	background: #009e5e;	
	color: #FFFFFF;
	padding: 10px;
	text-decoration: none;
	z-index: 10;
	font-size: 90%;
	border-radius: 4px;
	border: 1px solid #d4d4d4; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);}
}
a.tooltipFSG span {
	display: none;
}

h1, h2, h3, h4, h5, h6 { margin: 0px 0px 10px; font-weight: normal; }
h1 { line-height: 1.25em; font-size: 1.5em; text-transform: uppercase; }
h2 { line-height: 1.2em; font-size: 1.33em; }
h3 { line-height: 1.2em; font-size: 1.33em; }
h4 { line-height: 1.25em; font-size: 1.1em; }
h5 { line-height: 1.14em; font-size: 1em; }
h6 { font-size: 1em; }

img { border-style: none; }
hr { margin: 12px 0 12px 0; background:#D5D5D5; height:1px; border:none; clear:both; }
table {	border-collapse: collapse; border-spacing: 0; }
select { width:410px; border: 1px solid #BFBAB0; padding:2px; }
input[type="text"], input[type="search"] { width: 400px; border: 1px solid #BFBAB0; padding:4px; }

.button { padding: 4px 10px 4px; border-style: none; text-align: center; color:#FFF; line-height: 20px; font-size: 1em; margin-bottom: 0px; 
  vertical-align: middle; display: inline-block; cursor: pointer; transition-duration: 100ms; background-color:#666; -moz-transition-duration: 100ms; 
  -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; }
.button:hover { border-color: #00A161; color: #FFFFFF; text-decoration: none; background-color:#00A161; }
.button.red { background-color: #F64C65; }
.button.red:hover { background-color: #FF3333; }
.button.green { background-color: #00A161; }
.button.green:hover { background-color: #086A43; }
.button.silver { background-color: #EDEDED; color:#666; }
.button.silver:hover { background-color: #666; color: #FAFAFA; }
.button.small { font-size: 80%; padding: 3px 7px; }
.button.medium { font-size: 110%; padding: 7px 12px; }
.button.large { font-size: 125%; padding: 7px 12px; }

.tabs { margin:0px; height:26px; list-style-type:none; }
.tabs li { float:left;}
.tabs li a { color:#666; background-color:#D5D5D5; padding:10px 15px 10px 15px; outline: 0; text-transform: uppercase; font-weight:bold; border-width:0px 1px 0px 1px;  border-style:solid; border-color:White}
.tabs li:first-child a {border-left:0px}
.tabs li:last-child a {border-right:0px} 
.tabs li a:hover { color:#000; text-decoration:none; }
.tabs li a.selected { background-color:#EDEDED; }
.tab-contents { background-color:#EDEDED; padding:12px; }


.clear { clear:both; }

#body { min-height:100%; }
#header { background-color:#FFF; }
#top-bar { background-color:#009E5E;  } /*height:28px;*/
#top-bar-left { float:left; color:#FFF; padding:4px; }
#top-bar-right { float:right; }
#top-bar a, #top-bar span { color:#d8f6e6; padding: 5px 10px; border-left: 1px solid #3ab47b; border-right: 1px solid #3ab47b; margin-left:-1px; display:inline-block; float:left; }
#top-bar a:hover { color:#00A161; background-color:#D7F5E5; text-decoration:none; }

#logo-bar { clear:both; }
#logo { float:left; padding:10px 0 20px 14px; }
#site { margin-left:120px; }
#site-name {}
#site-desc {}
#logo-bar #search-bar { float:right; padding-top:30px; padding-right:14px; }
#logo-bar #search-bar input { width:250px; height:24px; line-height:24px; padding:2px; border: 1px solid #EDEDED; color:#666666; background-color:#FAFAFA; }
#logo-bar #search-bar input:focus { color:#000; background-color:#FFF; } 
#logo-bar #search-bar a { display:inline-block; height:20px; width:20px; background-color:#F1F1F1; padding:5px 0px 3px 8px; border: 1px solid #E5E5E5; margin-left:-1px; }
#logo-bar #search-bar a:hover { background-color:#009E5E; border-color:#009E5E; color:#FFF; }
 
#menu-bar { float:right; padding-top:26px; background-color:#FFF; height:34px; }
#menu-bar ul { list-style:none; }
#menu-bar li { float:left; }
#menu-bar img { width: auto; height: auto; vertical-align: middle; -ms-interpolation-mode: bicubic; max-width: 100%; }
#menu-bar a { color:#666; padding: 0px 14px; height: 2em; text-transform: uppercase; line-height: 2em; font-size: 1.33em; display: block; position: relative; }
#menu-bar a:hover { color:#FFF; background-color:#009E5E; text-decoration:none; }

#content { clear:both; background-color:#FFF; padding-top:5px; padding-bottom:40px; padding-bottom: 170px; overflow:auto; }
#content .title-block { background: url("Images/Separator.png") repeat-x scroll; background-position:left 12px; margin-top:30px; }
#content .title-block span { background-color:#FFF; padding-right:10px; }

#content .news-panel { display:inline-block; min-height:50px; padding:8px; } /*width:31%; */
#content .news-panel:hover { }
#content .news-panel h4 { margin-bottom:5px; }
#content .news-panel .body { } /*height:30px; */
#content .news-panel .date { display:none; text-align:right; padding-top:6px; color:#AAA; }

#content .auction-panel { display:inline-block; width:23.2%; min-height:50px; margin-left:8px; margin-right:8px; border:0px solid #F1F1F1; vertical-align:top} 
#content .auction-panel:hover { /*background-color:#F1F1F1;*/ }
#content .auction-panel .image { /*display: inline-block; width:31%; height:210px;*/ vertical-align:middle; text-align:center; position:relative;}
#content .auction-panel .image img {width:100%  } /*;max-height:200px;*/
#content .auction-panel .title {text-align:center; font-size:100%; font-weight:bold; padding:10px 0 10px 0; }
#content .auction-panel .time { float:left; padding-left:0px; padding-bottom:10px; }
#content .auction-panel .price { float:right; padding-right:0px; padding-bottom:10px; font-weight:bold; font-size:1em; text-align:right;}
#content .auction-panel .buy-now-price { color:#D1003C; }

#breadcrumbs { background-color:#EDEDED; color:#BBB; margin-bottom:20px; }
#breadcrumbs ul { list-style:none; padding-top:1em; padding-bottom:1em; } 
#breadcrumbs li { display:inline; padding-left:5px; padding-right:3px; }
#breadcrumbs a { color:#BBB; }
#breadcrumbs a:hover { color:#009E5E; }
#breadcrumbs-buttons { float:right; padding:8px 0; }
#breadcrumbs-buttons i { padding:0 4px; }

#footer { clear:both; background-color:#EDEDED; position: relative; margin-top: -150px;  } /*height: 150px;*/
#footer ul { list-style:none; }
#footer li { padding-bottom:4px; }
#footer-top { }
#footer-top .column { padding:10px 0px 10px 0px; width:23%; display:inline-block; vertical-align:top; margin-left:8px; margin-right:8px; }
#footer-top .more { padding-top:10px; }
#footer-copyright { clear:both; background-color:#666; color:#FFF; padding:10px; }
#footer-copyright a { color:#FFF; }

#admin-panel { background-color:Black; color:Silver; margin-top:10px; padding: 4px 10px 4px 10px; text-align:center;}
#admin-panel .admin-logo { float:left; }
#admin-panel a, #admin-panel a:link, #admin-panel a:visited { color:Silver;text-decoration:none; padding: 2px 10px 2px 10px; }
#admin-panel a:hover { color:White;text-decoration:underline }

.dialog { }
.dialog h2 { }
.dialog h3 { }
.dialog p { }
.dialog li { margin-left:16px; }
.dialog table { border:none; margin:8px;}
.dialog table td { padding:2px 8px 2px 2px; }
.dialog select { width:310px; }
.dialog .fieldset { padding:8px; background-color:#EDEDED; border-top: 1px solid #EDEDED; }
.dialog .content { padding:8px; background-color:#EDEDED; border-top: 1px solid #EDEDED; }
.dialog .help { padding:8px; background-color: #FFFFE0; border-top: 1px solid #EDEDED; }
.dialog .help a { text-decoration:underline; }
.dialog .buttons { padding-top: 10px; border-top: 1px solid #F1F1F1;}
.dialog .text-box { width:300px; }
.dialog .gray-text {color: #AAA; padding-left:10px; }
.dialog .errors { padding:8px; background-color:#ffe6e6; border-top: 1px solid #F1F1F1; }

.fieldset { padding:8px; background-color:#EDEDED; border-top: 1px solid #EDEDED; }
.buttons { padding-top: 10px; border-top: 1px solid #EDEDED;}

.display-label, .editor-label { clear:both; float:left; width:180px; text-align:right; padding-right:16px; white-space:nowrap; }
.display-label { padding-top: 8px; }
.editor-label { padding-top: 8px; } 

.display-field { margin: 0 0 0 196px; font-weight:bold; padding-top: 8px; min-height: 17px;clear:right;}
.editor-field { padding: 4px 0 0 0; margin-left:196px; }
.editor-fieldNumber { width: 200px;padding: 4px 0 0 0; }
.editor-checkbox { padding-top:10px; margin-left:196px; }
.editor-html { padding-right:8px; }
.text-box { width: 400px; border: 1px solid #BFBAB0; padding:4px; }
.text-box.multi-line { height: 6.5em; }
.numeric{ width: 110px; text-align:right;}
.longer-numeric {width: 135px; text-align:right;}
.tri-state { width: 6em; }
.editor-help { /*color:#AAA;*/ font-size:80%; padding:2px; margin-top:2px; margin-left:196px;}
.editor-help a { /*color:#AAA;*/ }
.smallheader {font-size:larger; font-weight:bold; text-align:left;padding: 0px 0px 2px 0px}
.doplnujiciText {width: 600px; border: 1px solid #BFBAB0; padding:4px; height: 3em; margin-top: 10px}

.short-space { display:inline-block; width:20px; }
.medium-space { display:inline-block; width:40px; }
.large-space { display:inline-block; width:80px; }

.medium-labels .editor-label {width: 220px}
.medium-labels .display-label {width: 220px}
.medium-labels .editor-field {margin-left: 236px}
.medium-labels .display-field {margin-left: 236px}

.long-labels .editor-label {width: 280px}
.long-labels .display-label {width: 280px}
.long-labels .editor-field {margin-left: 296px}
.long-labels .display-field {margin-left: 296px}

.Xlong-labels .editor-label {width: 340px}
.Xlong-labels .display-label {width: 340px}
.Xlong-labels .editor-field {margin-left: 356px}
.Xlong-labels .display-field {margin-left: 356px}

.XXlong-labels .editor-label {width: 400px}
.XXlong-labels .display-label {width: 400px}
.XXlong-labels .editor-field {margin-left: 416px}
.XXlong-labels .display-field {margin-left: 416px}

.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; background-color: #f2dede; color: #b94a48; padding: 10px; border: 1px solid #eed3d7; }
.validation-summary-errors ul { padding-left:20px; }
.validation-summary-errors li { padding-top:4px; }
.validation-summary-valid { display: none; }

.info-message { font-weight: bold; background-color: #e2ffdd; color: #556652; padding: 10px; border: 1px solid #B5CCB1; margin-bottom: 20px; }
.error-message { font-weight: bold; background-color: #F5DAD3; color: #C02230; padding: 10px; border: 1px solid #F5DAD3; margin-bottom: 20px; }

.grid { border: 0; border-collapse: collapse; width:100%; }
.grid thead { background-color:#EDEDED; color:#666; text-align:left; }
.grid thead th { text-align: left; padding:6px 8px; }
.grid td { vertical-align: top; }
.grid tbody tr td { background: #FFF; }
.grid tbody td { padding: 6px 8px; border-bottom:1px solid #EDEDED; }
.grid tbody td, .grid thead th { } 
.grid .grid-image { width:25px; text-align:center; }
.grid .grid-command { width:50px; text-align:center; background-color:#EEE; }
.grid .grid-check { width:25px; text-align:center; }
.grid .grid-links { color: #238; width:50px; text-align:center;  }
.grid tfoot { padding: 16px 0 6px 0; background-color: #EEE; border-right: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; font-weight:bold;}
.grid tfoot a { margin-left:6px; font-weight:normal; }

table.dataTable thead th, table.dataTable thead td { padding: 6px 8px; border-bottom-style: none; }
.dataTables_wrapper { margin-bottom:8px; }
.dataTables_filter { /*margin:8px 0;*/ }
.dataTables_filter input[type="search"] { width:200px; }
.dataTables_scrollHead { background-color:#EDEDED; }
.dataTables_wrapper .dataTables_info { color:#AAA; }
.dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom-color:#EDEDED; }

.error {width:1000px; margin:60px auto; padding-top:20px; padding-bottom:20px; background-color: #ffe6e6; border: 1px solid #eed3d7; }
.error img { float:left; margin-left:20px; margin-right:40px; }
.error h2 { margin:0; padding-bottom:8px; font-size:130%; }
.error .detail { margin-top:24px; margin-left: 140px; padding:8px;  }

.modal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; 
         background: rgba(255,255,255,.8) url('../../Content/images/loadingcircle.gif') 50% 50% no-repeat; }
body.loading {overflow: hidden; }
body.loading .modal {display: block; }

.admin-menu { border-top:1px solid #EDEDED; padding-top:16px; }
.admin-menu table { width:100%; }
.admin-menu td { vertical-align:top; }
.admin-menu li { margin-left:16px; }

.zone {}
.zone-admin { background-color: #87CEEB; padding:8px; }
.zone-header { padding-bottom:8px; font-weight:bold; }
.zone-commands { float:right; }
.zone-commands a, .zone-commands a:link, .zone-commands a:visited { padding: 2px 10px 2px 10px; }
.zone-commands .buttons { width:auto; }

.section { margin-bottom: 8px; }
.section-admin { border: 1px solid #E3E3E3; background-color: #B7E2F3; padding:8px; }
.section-header { margin-bottom:8px; line-height: 1.2em; font-size: 1.66em; text-transform:uppercase; }
.section-commands {	float:right; padding-top:0px; }

.section-html { padding:8px 0;}
.section-html h3 { padding:10px 0 0 0; } 
.section-html h4 { padding-bottom: 0px }
.section-html hr { margin: 8px 0 8px 0 }
.section-html ul { margin: 4px 0 8px 16px;list-style-type:disc; }
.section-html ol { margin: 4px 0 8px 24px;list-style-type:decimal; }
.section-html li { padding-bottom:4px; }
.section-html p { padding-bottom:5px; }

.section-news { margin-bottom:30px; }
.section-news p { padding-bottom:5px; }
.section-news .body { margin-left:150px; }
.section-news .date { float:left;padding-top:5px; }

.section-contact .section-contact-sender { width:950px; }
.section-contact .section-contact-body { height:300px;width:950px; }

.email-queue-filter { margin-bottom:8px; }
.email-queue-filter span { margin-right:10px; }
.email-queue-filter select { width:150px; }
.email-queue-filter .text-box { width:150px; }

.stripe {
    -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;
    display: inline-block; border-image: none; border-style: solid; border-width: 12px 12px 12px 60px;
    color: #FF8A00; font-size: 0.833em; line-height: 0; position: absolute; text-align: center;
    left: 0; top: 25px; width: 0; height: 0;
}
.stripe.red { border-color:#D1003C rgba(0, 0, 0, 0) #D1003C #D1003C; }
.stripe.orange { border-color: #FF8A00 rgba(0, 0, 0, 0) #FF8A00 #FF8A00;}
.stripe i { left: -40px; color: #FFFFFF; font-style: normal; position: absolute; text-transform: uppercase; white-space: nowrap; }

.ribbon-wrapper { width: 120px; height: 120px; overflow: hidden;  position: absolute; top: -1px; right: -1px; }
.ribbon { text-align: center; position: relative; padding: 7px 0; left: -5px; top: 25px; width: 160px; color: #FFF; 
  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon:before, 
.ribbon:after { content: ""; border-top: 3px solid #6e8900; border-left:  3px solid transparent; border-right: 3px solid transparent; position:absolute; bottom: -3px; }
.ribbon:before { left: 0; }
.ribbon:after { right: 0; }

.ribbon-wrapper .red { background-color: #D1003C;  }
.ribbon-wrapper .orange { background-color: #E88600; }
.ribbon-wrapper .green { background-color: #009E5E; }
.ribbon-wrapper .gray { background-color: #666; }


.wrapper {  margin-left:auto; margin-right:auto; overflow:hidden; }

@media screen and (max-width: 1200px) {
  .wrapper {  padding:0 4px; }
}

.right {float:none; text-align:right;}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;

  background-image: none;
}
.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: grey;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: grey;
}

.carousel-caption {
font-size: 30px;
}

.nav-link{
font-size: 15px;
margin-left: 10px;
}
.nav-link:hover { color:#FFF; background-color:#009E5E; text-decoration:none; }
.form-group {padding-top:5px;padding-bottom:5px;}
.form-control-static {padding:.375rem .75rem;}
.control-label {font-weight:bold;    text-align:right;}

@media screen and (max-width: 600px) {
    .control-label {text-align:left;}
}