/* nacteni palety barev */
@import 'default-template.less';

/* styly */

html, body {heightXX: 100%; marginX: 0;}

body {
	font-family: 'Hind', sans-serif, arial, verdana, sans-serif; font-weight: 400; color: #2C2C2C;
}


/*-------------------------------------------------- */

form {padding: 0px; margin: 0px;}
p {}

b, strong {font-weight: 600;}

h1, h2, h3, h4, h5, .menu_field, #header #logo {
	font-family: 'Hind', sans-serif;
}

/*
h1 {font-size: 25px; font-weight: 600;}
h2 {font-size: 21px; font-weight: 600;}
h3 {font-size: 18px; font-weight: 600;}
h4 {font-size: 16px; font-weight: 300;}
h5 {font-size: 14px; font-weight: 300;}
*/


.table-layout {
	display: table;
	width: 100%;
}
.table-layout .table-cell {
	display: table-cell;
	/*border: solid 1px #ccc;*/
	vertical-align: top;
}
#mainLayout {}
#mainLayout .fixed-width-adminMenu {width: 90px; background: #00A551;}
#mainLayout .mainContent {}



.img-center {display: inline-block; margin-left: auto; margin-right: auto;}
body .row .col-space {margin-bottom: 30px;}
.col-centered{float: none; display: inline-block;}

.tooltip-inner {
    max-width: 500px !important;
	text-align: left;
}

.bg-pattern {position: relative;}
.bg-pattern .container {position: relative; z-index: 10;}
.bg-pattern:before {
  position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: 0;
  background-colorXX: rgba(0, 0, 0, 0.5);
  background-colorXX: rgba(255, 255, 255, 0.1);
  background-image: url('../images/pattern-50.png');
  background-repeat: repeat;
}

table td {padding: 2px;}

/* hl. menu */


/*
a {color: @ccolor2;}
a:hover {color: #000000;}
*/


.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.info {color: #221E1F; font-size: 12px;}
.red {color: red;}
.hide, .nodisplay {display: none;}
.hideNew {display: none;}
input.inline-block {display: inline-block;}
#obsah-webu ul.ulListSmall li {font-size: 14px;}

/* FORM error message */
p.help-block.text-danger {color: red; text-align: left;}

/* CUSTOM */
.row .customFrame {}
.row .customFrame .customFrameDiv {
	cursor: pointer; border: 1px solid #EEEEEE;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.row .customFrame .customFrameDiv img {-webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
.row .customFrame .customFrameDiv p {padding: 0 15px;}
.row .customFrame .customFrameDiv a.btn {margin-bottom: 10px;}
@media (min-width: 768px) and (max-width: 991px) {
	#obsah-webu .panel-image .panel-big {height: 258px;}
}
.panels-wrapper .panel-heading {padding: 0; margin: 0; border: 0;}
.panels-wrapper .panel-heading a {display: block; padding: 0; margin: 0; border: 0;}
.panels-wrapper .panel-heading img {padding: 0; margin: 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
.panels-wrapper .panel-body {border-left: 2px solid #EEEEEE; border-right: 2px solid #EEEEEE; border-bottom: 2px solid #EEEEEE; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
.panels-wrapper .panel-body a  {}
.panels-wrapper .panel-body h3 {}


#cmsclick {position: absolute; z-index: 2000; top: 0; left: 0; width: 50px; height: 50px;}
nav {z-index: 5;}


#menuLeft {width: 300px; text-align: left; padding: 20px 25px 20px 20px; background: #FFC900;}
#menuLeft ul {list-style-type: none; margin: 0; padding: 0; }
#menuLeft ul  li {margin-bottom: 1px;}
#menuLeft ul  li a {
	display: block; padding: 10px 20px;
	color: #333333;
	background: #FFC900;
	position: relative;
}
#menuLeft ul  li a:after {
	content: "";  
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 10px solid #FFC900;
	position: absolute; right: -10px; top: 0;
}
#menuLeft ul  li a:hover, #menuLeft ul  li.active a {
	text-decoration: none;
	background: #FFFFFF; color: #333333;
}
#menuLeft ul  li a:hover:after, #menuLeft ul  li.active a:after {
	border-left: 10px solid #FFFFFF;
}
/* active menu state */


#obsah-webu {margin: 0; _height: 400px; min-height: 40px;}
#obsah-webu td {}
#obsah-webu a {color: @ccolor1; text-decoration: underline;}
#obsah-webu a:hover {text-decoration: none;}
#obsah-webu a:hover {}
#obsah-webu ul {margin-left: 0px; padding-bottom: 3px; padding-left: 25px;}
#obsah-webu ul li {margin-bottom: 3px; float: none;}

#obsah-webu.content-admin {color: #333333; background: #FFFFFF; padding: 20px;}
#obsah-webu.content-admin, #obsah-webu .content-admin p, #obsah-webu .content-admin td, #obsah-webu .content-admin b, #obsah-webu .content-admin strong, .content-admin input, .content-admin select, .content-admin textarea {font-family: Arial CE, Arial; font-size: 14px; color: #221E1F;}
#obsah-webu.content-admin h1, #obsah-webu .content-admin h2 {color: #221E1F;}
#obsah-webu.content-admin a {color: #1C5CBC; text-decoration: underline;}
#obsah-webu.content-admin a:hover {/*text-decoration: none;*/}

#obsah-webu.content {}
#obsah-webu.content b, #obsah-webu.content strong {color: @ccolor1;}
#obsah-webu.content hr {border: 0px; background: @ccolor1; padding: 0px; margin: 10px 0; height: 3px;}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottomX: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  heightXX: 60px;
}





/* default */

.tabulka_admin, .tabulka1 {
	border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; margin-bottom: 1px; background: #F9F9F9;
	-webkit-box-shadow: inset 0 0 15px #f4f4f4; -moz-box-shadow: inset 0 0 15px #f4f4f4; box-shadow: inset 0 0 15px #FFFFFF;
}
.tabulka_admin_tr_over {background: #FFF7BE;}
.tabulka1 {margin-bottom: 5px; background: #F5F5F5;}
.tabulka1 td {border-top: 1px solid #EEEEEE;}
.formular {background: white; padding: 3px; border: 1px solid #EEEEEE;}
.add {background: #F5F5F5; border-top: 1px solid #DDDDDD; text-align: center; margin-bottom: 1px; padding: 2px;}

/* 	====================================================================================================
	LOGIN screen
	==================================================================================================== */

#login_screen {width: 500px;}
#login_screen h3 {margin: 10px 0 20px 0;}
#login_screen span.browserText {display: block; margin: 0 0 5px 0;}
#login_screen img {margin: 0 2px;}
#login_screen hr {border: 0px; border-bottom: 1px solid #FFFFFF; background: #DDDDDD; padding: 0px; margin: 0px; height: 1px; margin: 20px 0;}
#login_screen .loginSend {display: block; text-align: center;}
#login_screen .loginSendBox {text-align: left; padding: 5px 10px; margin: 15px 0 0 0;}
#login_screen .error {color: red;}
#login_screen .message {
	padding: 5px 10px; background: #CFFBCF; color: #3A8C3A;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

/* 	====================================================================================================
	CORNERS
	==================================================================================================== */

.corner {
	background: white; border: 0px solid #FFFFFF; padding: 10px; margin: 0 1px 10px 1px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.15); box-shadow: 0 0 2px rgba(0,0,0,0.15);
}
.corner-dark, .corner-blue, .corner-light {
	background: #F7F7F7; border: 1px solid #FFFFFF; padding: 8px; margin: 0 1px 10px 1px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
.corner-dark .corner-dark {background: #EEEEEE;}
.corner-blue {background: #D3EAFF;}
.corner-blue .corner-blue {background: #CBE6FF;}
.corner-dark .corner-dark .tabulka_admin {
	background: #F7F7F7;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}
.corner-dark img {margin: 0; padding: 0; border: none;}

/* 	====================================================================================================
	strankovani
	==================================================================================================== */

.vypis_strankovani {margin-top: 0px; background: #F9F9F9; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; padding: 4px; line-heightXX: 18px;}
.vypis_strankovani select {font-size: 12px;}
.vypis_strankovani form {padding: 0px; margin: 0px; float: right;}
.vypis_strankovani .left {float: left; text-align: left; padding-top: 0px; color: black; font-weight: normal; margin-right: 20px;}
.vypis_strankovani .right {float: left; text-align: right; padding-top: 0px; color: black; font-weight: normal}
.vypis_strankovani .top-space {padding-top: 0px;}
.sipky_div {}
.sipky_div div {float: left; border: 1px solid #CBE5EF; margin-right: 3px;}
.sipky_div div a {display: block; padding: 2px 8px; text-decoration: none;}
.sipky_div div a:hover {background: #ECF6FA;}
.sipky_div .sipka_selected {border: 1px solid #4C94B2; background: #F5FAFC;}
.sipky_div .sipka_selected a {color: #4C94B2; font-weight: bold;}
.sipky_div .sipka_selected a:hover {background: #F5FAFC; color: #4C94B2;}
.sipky_div .sipka_nic {border: 0px; padding: 2px 4px; margin-right: 3px;}

/* novinky - vypis */
#novinky .novinka a {color: gray;}
.novinka {padding: 10px 0px; border-top: 1px dotted silver;}
.novinka_zvyraznit {font-weight: bold; color: #339999;}

/* tabulka */
.vypis tr td {border-bottom: 1px solid #E2E2E2;}
.vypis .hlavicka {background: #F7F7F7; padding: 0px 15px 0px 0px; font-weight: bold; line-height: 16px; padding: 20px;}
.vypis .hlavicka  td {padding: 10px 15px 10px 2px; border-top: 1px solid #F3F3F3;}
.vypis td {padding: 2px 15px 2px 2px;}

#fontaktni_formular {}
#fontaktni_formular .short {width: 300px;}
#fontaktni_formular .long {width: 450px;}

/* 	====================================================================================================
	facebook
	==================================================================================================== */
	
#fb_share_button a {color: #3B5998;}
#fb_share_button a:hover {color: #3B5998;}
#obsah-webu  .fb_share_button a {display: inline-block; padding:1px 4px 2px 24px; border-radius: 3px; -moz-border-radius: 3px; height: 15px; border: 1px solid #CAD4E7; background: #ECEEF5 url('http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981') no-repeat 4px 1px; font-family: Arial; font-size: 12px; text-decoration: none; color: #3B5998;}
#obsah-webu  .fb_share_button a:hover { border-color: #9DACCE; text-decoration: none;}

.datetimepicker, .datum_od, .datum_do, .datepicker {background: white url('../images/kalendar-datapicker.png') right no-repeat;}
input.in_cislo {background: white url('../images/ico-input-integer.png') right no-repeat;}


/* 	====================================================================================================
	novinky / clanky
	==================================================================================================== */


#clanekDetail {backgroundXX: @ccolor1;}

/* 	====================================================================================================
	
	==================================================================================================== */

/*#main-LEFT {float: left; width: 735px; background: url('../images/design/bg-main.png') repeat-x;}*/
/*
#main-LEFT {float: left; width: 100%;}
#main-RIGHT {float: right; width: 230px; background: none; text-align: left; overflow: hidden;}
*/
#main-LEFT {float: left; width: 305px; background: none; text-align: center; overflow: hidden; text-align: left;}
#main-RIGHT {float: right; width: 690px; backgroundXX: #FFFFFF; text-align: center; overflow: hidden; text-align: left; border-left: 1px solid #EEEEEE;}

/* 	====================================================================================================
	CUSTOM
	==================================================================================================== */
	
.scrolloff {pointer-events: none;}
	
#anim {text-align: center;}
#flexslider-container {width: 100%; margin: 0 auto;}
#flexslider-container .flexslider {
	margin: 0 auto; background: none; width: 100%; height: 372px;
	z-index: 1; position: absolute;
}
#flexslider-container .flexslider img {/*-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;*/}
#flexslider-container .flexslider .flex-prev, .flexslider .flex-next {margin-top: -15px;}
#flexslider-container .flexslider:hover .flex-prev {opacity: 1; left: 0px;}
#flexslider-container .flexslider:hover .flex-next {opacity: 1; right: 0px;}
#flexslider-container .flex-control-nav {bottom: 15px; text-align: center; z-index: 10; margin: 0 0px 0 0; right: 0; width: 990px; background: none;}
#flexslider-container .flex-control-paging li {margin: 0 8px 0 0;}
#flexslider-container .flex-control-paging li a {width: 12px; height: 12px; display: block; background: #C8C8C8; background: rgba(200,200,200,1); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
#flexslider-container .flex-control-paging li a:hover { background: #4A4A4A; background: rgba(74,74,74,1); }
#flexslider-container .flex-control-paging li a.flex-active { background: #4A4A4A; background: rgba(74,74,74,1); cursor: default; }
#flexslider-container .flex-direction-nav .flex-prev {left: 60px;}
#flexslider-container .flexslider:hover .flex-prev {left: 15px;}
#flexslider-container .flex-direction-nav .flex-next {right: 60px;}
#flexslider-container .flexslider:hover .flex-next {right: 15px;}

.jcarousel-wrapper {}
.jcarousel-wrapper .jcarousel {width: 925px; left: 30px; background: none;}
.jcarousel-wrapper .jcarousel ul {padding: 0; margin: 0;}
.jcarousel-wrapper li {padding: 0; margin: 0 10px;}
.jcarousel-wrapper li a {display: inline-block; border: 0px solid #F5F5F5; text-decoration: none;}
.jcarousel-wrapper li a div {display: block; background: #F5F5F5; padding: 5px 0 0 5px; text-align: right; font-size: 11px;}
.jcarousel-wrapper li img {padding: 0; margin: 0;}
.jcarousel-wrapper li img {}
.jcarousel-wrapper .jcarousel-control-prev {left: -5px; background: none; border: 0;}
.jcarousel-wrapper .jcarousel-control-next {right: -5px; background: none; border: 0;}
.jcarousel-wrapper .jcarousel-pagination {display: none;}

/* 	====================================================================================================
	
	==================================================================================================== */

/* ---------------------------------- IMG hover (editor) ---------------------------------- */
img.img-hover-fade-2 {opacity: 0.7}
.img-hover-bw {
	/* nutne pro BW efekt - jQuery.BlackAndWhite.min.js */
    position:relative;
    display:inline-block;
}


#obsah-webu .customTablePadding-10 {padding: 10px;}
#obsah-webu .customTablePadding-20 {padding: 20px;}

#obsah-webu .custom-table-style1 {background: #F9F9F9; border: 1px solid #EEEEEE; border-collapse:collapse; table-layout: fixed;}
#obsah-webu .custom-table-style1 tr {padding: 0px; margin: 0px; border: 1px solid #EEEEEE;}
#obsah-webu .custom-table-style1 td {padding: 2px 8px 2px 4px; margin: 0px; border: 1px solid #EEEEEE;}
#obsah-webu .custom-table-style1 td p {padding: 0px; margin: 0px;}

#obsah-webu .custom-table-style2 {
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	margin: 2px; width: 99%; background: url('../images/pixel-alpha-25.png');
}
#obsah-webu .custom-table-style2 tr {padding: 0px; margin: 0px; border: 1px solid #EEEEEE;}
#obsah-webu .custom-table-style2 td {padding: 5px 10px; margin: 0px; }
#obsah-webu .custom-table-style2 td p {padding: 0px; margin: 0px;}

#obsah-webu .custom-table-style3 {}

/* Custom text Editoru */
#obsah-webu .customHighlightText, #obsah-webu span.customHighlightText a, #obsah-webu td span.customHighlightText, #obsah-webu td span.customHighlightText a, #obsah-webu td.customHighlightText {color: #D4FF00;}

#pswgalerie_message {
	position: absolute;
	background: #FFCB08; color: black; border: 0px solid #FFFFFF; padding: 10px; margin: 0 1px 10px 1px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.15); box-shadow: 0 0 2px rgba(0,0,0,0.15);
}

#frm_gallery_login {
	width: 300px; background: #1C1C1C; border: 1px solid #3D3B3B; padding: 15px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4); box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
}

/* 	====================================================================================================
	MENU 
	==================================================================================================== */




/* 	====================================================================================================
	NAVIGACE
	==================================================================================================== */

#navigace-container {background: @ccolor1;}
#navigace {
	font-size: 12px; color: @ccolor2; margin: 0; background: @ccolor1;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}
#navigace a {color: @ccolor2; text-decoration: underline;}
#navigace a:hover {text-decoration: underline; color: @ccolor2;}
#navigace span {color: @ccolor2;}

/* 	====================================================================================================
	INCLUDE include-novinky-text
	==================================================================================================== */

#obsah-webu ul#include_novinky_text {
	list-style: none; margin: 0; padding: 0;
	border: 0px solid #E1E8ED; margin: 0 1px 10px 1px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	/*-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); box-shadow: 0 1px 3px rgba(0,0,0,0.25);*/
}
#obsah-webu ul#include_novinky_text li {margin: 0; padding: 0; background: #F5F8FA;}
#obsah-webu ul#include_novinky_text li a.text {text-decoration: none; display: block; padding: 8px 10px; min-height: 55px; _height: 55px;}
/*#obsah-webu ul#include_novinky_text li a.text:hover {background: #E1E8ED;}*/
/*#obsah-webu ul#include_novinky_text li img {float: left; margin: 8px 10px 8px 8px;}*/
#obsah-webu ul#include_novinky_text li div.img {
	float: left; width: 43px; height: 43px; display: inline-block; background-size: cover; background-position: 50% 50%; margin: 6px 12px 6px 12px; cursor: pointer;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#obsah-webu ul#include_novinky_text li.spacer {width: auto; height: 0px; border-bottom: 0px solid #FFFFFF; border-top: 1px dashed #E1E8ED; margin: 0; padding: 0;}
#obsah-webu a.allNews {font-size: 12px; text-decoration: none;}
#obsah-webu a.allNews:hover {text-decoration: underline;}
#obsah-webu a.allNews img {width: 12px; height: auto; opacity: .4; margin: 0 0 0 2px;}

#obsah-webu .resp_tdHr hr {display: none;}
#obsah-webu .resp_show {display: none;}

/* 	====================================================================================================
	MEDIA SCREEN
	==================================================================================================== */
	
@media screen and (min-width: 1px) and (max-width: 980px) {
	/*
		.table-layout .fixed-width-adminMenu {display: block;}
		.table-layout .mainContent {display: block;}
	*/
}

/* 	====================================================================================================
	==================================================================================================== */
	
@media (max-width: 767px) {
	#menuLeft {display: none;}
	#menuMobile {display: block;}
}

@media (min-width: 768px) and (max-width: 991px) {
	nav.navbar ul.nav li a {font-size: 12px; padding-left: 5px; padding-right: 5px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	nav.navbar ul.nav li a {font-size: 15px; padding-left: 13px; padding-right: 13px;}
}