/* Import ------------------------------------------------- */
@import url("../fonts/fonts.css");

/* Reset --------------------------------------------------------------------- */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, th, td {
	border:0;
	margin:0;
	outline:none;
	padding:0;
}
html {height:100%;}
:focus {outline:0}
a:focus {outline: none}
table {border-collapse:collapse; border-spacing:0}
ul {list-style:none;}


/* základní nastavení -------------------------------------------------- */
body {background:#f5f6f7;}
.container {max-width:980px;}

a, button, a img, span, strong {
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
a {
	text-decoration:underline;
	color:#000;
}
a:hover {text-decoration:none;}
section, footer {
	float:left;
	width:100%;
	position:relative;
}

/* header ---------------------------- */
header {
	width:100%;
	background:#fff;
	z-index:10;
}
header .navbar-header .col-sm-5 a {
	font-family:'robotoregular';
	text-decoration:none;
	color:#000;
	font-size:28px;
	line-height:66px;
	padding:18px 0;
	display:inline-block;
}
header .navbar-header .col-sm-7 {padding-top:36px;}
header .navbar-header a strong {
	font-family:'robotothin';
	font-style:normal;
}
header img{margin:0px 15px 0px 0;}
header .col-sm-2 {
	text-align:right;
	padding-right:0;
}
header .col-sm-2 span a {
	background:#3b5998;
	color:#fff;
	border-radius:4px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	display:inline-block;
	margin-left:8px;
}
header .col-sm-2 span+span a {background:#e52d27;}
header .col-sm-2 span a:hover {background:#1a315f;}
header .col-sm-2 span+span a:hover {background:#b21711;}
header .col-sm-5 {padding:0 10px;}
header .col-sm-5 .form-control {
	border-radius:0;
	border-color:#dddddd;
	box-shadow:none;
	border-right:none;
}
header .col-sm-7 .btn {
	border-radius:0;
	border-color:#dddddd;
	border-left:none;
	outline:none;
}
header .col-sm-7 {
	line-height:34px;
	font-size:14px;
	
}
header .col-sm-7 a {text-decoration:none;}
header .col-sm-7 a:hover {color:#999;}
header .col-sm-7 i {
	margin-left:5px;
	color:#c2c2c2;
}
header .navbar {
	background:none;
	border:none;
	margin-bottom:-26px;
	z-index:10;
}
.vrchniMenu {
	height:52px;	
	width:100%;
}
.vrchniMenu li {
	padding:0 0 0 0;
	float:left !important;
	text-align:center;
	border-right:solid 1px #004f93;
	background-color:#86c6df;
}
.vrchniMenu li:last-child {border-right:none;}
.vrchniMenu li a {
	font-size:17px;
	font-family:'robotomedium';
	text-transform:uppercase;
	line-height:52px;
	color:#fff !important;
	width:100%;
	float:left;
	text-decoration:none;
	padding:0;
}
.vrchniMenu li a:hover {
	color:#fff !important;
	background-image:linear-gradient(#00b1f0, #00b1f0);
}
.vrchniMenu li a.active, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-image:linear-gradient(#249eeb, #1689e5);
    color: #fff !important;
}
header .navbar-toggle {
	margin-top:25px;
	z-index:10;
}
header .navbar-collapse {
	border-top:none;
	padding:0;
}
.dropdown-menu {
	float: left;
	min-width: 100%;
	padding: 0;
	margin:0 0 0 0 !important;
	font-size:14px;
	text-align:left;
	list-style: none;
	background-color: #fff;
	border:none;
	border-radius:0px;
}
.dropdown-menu li {
	float:none !important;
	border:none;
	height:auto !important;
	padding:0;
	border-bottom:solid 1px #004f93;
}
.dropdown-menu li a {
	font-size:14px;
	line-height:30px;
	color:#fff !important;
	padding:5px 20px;
	float:none;
	text-decoration:none;
}
.dropdown-menu li a:hover {
	color:#fff !important;
	background-image:linear-gradient(#249eeb, #1689e5);
}
ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; } /* otevření menu bez kliknutí */
header.fixed {
	position:fixed;
	top:0;
	height:80px;
	z-index: 9999;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
header.fixed .navbar-header .col-sm-5 a {padding: 5px 0;}
header.fixed .navbar-header .col-sm-8 {padding-top:6px;}
header.fixed .navbar-header .col-sm-7 {
    padding-top: 16px;
}
header.fixed img{
	margin:3px 0px 5px 0;
	width:220px;
}
header .navbar-header .col-sm-4 a {
	line-height:66px;
	padding:4px 0;
}
header.fixed .vrchniMenu {
	float:right;
	margin-top:-5px;
	width:72%;
}
header.fixed .vrchniMenu li a {
	font-size:13px;
	line-height:36px;
}
/*
header .navbar-header .col-sm-4 {
	padding-top:36px;
}
*/
header.fixed .navbar-header .col-sm-4 {
    padding-top: 6px;
}
.fixed-menu {padding-top:104px;}

/* banner home page ---------------------------- */
#banner {
	overflow:hidden;
	background:#fff;
	z-index:1;
}
#banner .col-sm-12 h1 {
	position:absolute;
	left:0%;
	top:120px;
	z-index:10;
	width:100%;
	font-family:'robotolight';
}
#banner .col-sm-12 h1 strong {
	background:rgba(255,255,255,.9);
	float:left;
	color:#00aeee; 
	padding:15px 30px;
	font-size:36px;
	font-weight:normal;
	margin:2px;
}
#banner .col-sm-12 h1 em {
	font-style:normal;
	background:rgba(255,255,255,.9);
	float:left;
	color:#00aeee; 
	padding:15px 30px;
	font-size:36px;
	margin:2px;
}
#banner .col-sm-12 h1 span {
	background:rgba(17,124,225,.9);
	display:inline-block;
	color:#fff; 
	padding:15px 25px;
	font-size:36px;
	margin:2px;
	float:left;
}

/* rozcestnik ---------------------------- */
#rozcestnik {
	z-index:5;
	margin-top:-90px;
}
#rozcestnik .col-sm-3 {padding:0;}
#rozcestnik ul li a {
	background:rgba(0,0,0,.5);
	text-decoration:none;
	font-size:21px;
	font-family:'robotoregular';
	display:block;
	text-align:center;
	color:#fff;
	padding:15px 0;
	border-bottom:solid 3px #116ee1;
}
#rozcestnik ul li+li a {border-bottom:solid 3px #0db8ff;}
#rozcestnik ul li+li+li a {border-bottom:solid 3px #2edde5;}
#rozcestnik ul li+li+li+li a {border-bottom:solid 3px #2bbac1;}
#rozcestnik ul li a strong {
	font-weight:normal;
	border-right:dotted 1px #fff;
	display:block;
}
#rozcestnik ul li:last-child a strong {border-right:none;}
#rozcestnik ul li a strong span {display:block;}
#rozcestnik ul li a:hover, #rozcestnik ul li a.active {background:rgba(0,0,0,.75);}



/* obsah ---------------------------- */
#obsah {
	padding-top:15px;
	padding-bottom:15px;
	background-color: #6192c2;
}
#obsah .nav-tabs>li.active>a, #obsah .nav-tabs>li.active>a:hover, #obsah .nav-tabs>li.active>a:focus {
	cursor: default;
	border-bottom-color: transparent;
	font-size:21px;
	background-color:#fff;
	font-family:'robotobold';
	color:#000;
	padding:15px 18px;
	border:solid 1px #fff;
}
#obsah .nav-tabs>li>a {
	border-radius:0;
	background-color:#e9e9ea;
	font-family:'robotolight';
	font-size:21px;
	color:#707070;
	border:solid 1px #e9e9ea;
	padding:15px 18px;
	border-bottom:solid 1px #d7d7d7;
	border-left:solid 1px #d7d7d7;
	text-decoration:none;
}
#obsah .nav-tabs>li>a:hover {
	
	background-color:#ccc;

	color:#707070;
	border:solid 1px #e9e9ea;
	padding:15px 18px;
	border-bottom:solid 1px #d7d7d7;
	border-left:solid 1px #d7d7d7;
	text-decoration:none;
}


.tabAktuality {
	background:url(../images/aktualityOff.png) no-repeat 16px center;
	padding-left:44px !important;
}
#obsah .nav-tabs>li.active>a.tabAktuality, #obsah .nav-tabs>li.active>a.tabAktuality:hover, #obsah .nav-tabs>li.active>a.tabAktuality:focus {
	background:#fff url(../images/aktuality.png) no-repeat 16px center;
}



#obsah .nav-tabs {
	border-bottom:none;
	margin-bottom:20px;
}
#obsah .col-sm-12 {
	padding-left:10px;
	padding-right:10px;
	background-color: #fff;
}

#obsah .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color: #00aeee;
}

#obsah .col-sm-12 h2 {
	font-size:21px;
	background:#fff;
	font-family:'robotobold';
	color:#000;
	padding:15px 18px;
	border:solid 1px #fff;
	margin-bottom:20px;
}
#obsah .nav-tabs>li>a img {margin-right:10px;}
#obsah .col-sm-12>div {
	background:#fff;
	margin-bottom:20px;
}
#obsah .col-sm-12>div>div {
	padding:20px;
	display:inline-block;
	width:76%;
}

#obsah .col-sm-12.col-50 img {
	display: inline-block;
	margin-top: -91px;
	
}
#obsah .col-sm-12>div>div>h3 {
	font-size:18px;/*21px;*/
	font-family:'robotobold';
	margin-bottom:10px;
}
#obsah .col-sm-12>div>div>h3>a {color:#000;}
#obsah .col-sm-12>div>div>p {
	font-size:14px;
	font-family:'robotoregular';
	margin-bottom:10px;
}
#obsah .col-sm-12>div>div>time {
	background:#f2f2f2;
	border-radius:2px;
	display:inline-block;
	padding:4px 6px;
	font-size:12px;
	font-family:'robotoregular';
	margin-top:5px;
}
#obsah .col-sm-12>div>div>span>a {
	background:#117ce1;
	color:#fff;
	float:right;
	font-size:14px;
	font-family:'robotobold';
	text-decoration:none;
	line-height:32px;
	line-height:24px;
}
#obsah .col-sm-12>div>div>span>a:hover {background:#00aeee;}
#obsah .col-sm-12>div>div>span>a>strong {
	font-weight:normal;
	padding:0 10px;
	padding:0 6px;
}
#obsah .col-sm-12>div>div>span>a>span {
	background:#1a95e9;
	padding:0 10px;
	line-height:32px;
	line-height:24px;
	display:inline-block;
}
#obsah .col-sm-12>div>div>span>a:hover>span {background:#015297;}
#obsah .col-sm-3 {
	padding-left:10px;
	padding-right:10px;
}
#obsah .col-sm-3>div {
	background:#fff;
	padding:20px;
	margin-bottom:20px;
}
#obsah.homePage .col-sm-3>div>h4 {
	border-bottom: solid 2px #ebebeb;
	color: #117ce1;
	padding-bottom: 15px;
	font-size: 21px;
}
#obsah.homePage .col-sm-3>div>h6 {
	border-bottom: solid 2px #ebebeb;
	background:url(../images/udalosti.png) no-repeat 0 4px;
	color:#abc12b;
	padding-bottom:15px;
	padding-left:22px;
	font-size:21px;
}
#obsah .col-sm-3>div>h5 {
	border-bottom:solid 2px #ebebeb;
	color:#abc12b;
	padding-bottom:15px;
	font-size:21px;
}
#obsah .col-sm-3>div>ul>li {
	border-bottom:solid 1px #ebebeb;
	padding:10px 0;
}
#obsah .col-sm-3>div>ul>li:last-child {
	border-bottom:none;
	padding-bottom:0;
}
#obsah .col-sm-3>div>ul>li>time {
	background:#f2f2f2;
	border-radius:2px;
	display:inline-block;
	padding:2px 6px;
	font-size:12px;
	font-family:'robotoregular';
	margin-right:5px;
}
#obsah .col-sm-3>div>ul>li>a, #obsah .col-sm-3>div>ul>li>div {
	font-size:14px;
	font-family:'robotoregular';
	padding: 2px 6px 0px 0px;
}
#obsah .col-sm-3>div>h5 {
	border-top:solid 2px #ebebeb;
	padding-top:20px;
	margin-top:10px;
	padding-left:22px;
	background:url(../images/kalendar.png) no-repeat 0 24px;
}
#obsah .col-sm-3>div>h5>a {
	font-size:16px;
	font-family:'robotobold';
	color:#117ce1;
}

/* footer ------------------------------------------ */
footer {
	background:#e3e4e5;
	padding:60px 0;
	color:#636363;
}
footer .col-sm-7 {padding-left:0;}
footer ul li {
    font-family:'robotobold';
	display:inline-block;
	padding:0 6px;
	border-right:solid 1px #636363;
	font-size:14px;
	line-height:14px;
}
footer ul li:first-child {padding-left:0;}
footer ul li:last-child {
    padding-right:0;
	border-right:none;
}
footer ul li a {
    color:#636363;
	text-decoration:none;
	font-size: 13px;
}
footer p {
    font-family:'robotobold';
	font-size:14px;
	line-height:14px;
}
footer h2 {
    font-family:'robotobold';
	font-size:18px;
	line-height:30px;
}
footer h2 strong {font-family:'robotothin';}

footer .col-sm-4 a {
    color:#636363;
	text-decoration:none;
	display:inline-block;
	padding-left:9px;
	margin-left:9px;
	line-height:12px;
	border-left:solid 1px #636363;
}
footer .col-sm-4 strong {font-family:'robotothin';}
footer a:hover {color:#9a9b9c;}




/* sluzby ---------------------------- */
#banner2 {height:136px;}
#obsah.obsahStyl .col-sm-3>div>h4 {color:#117ce1;}
#obsah.obsahStyl .col-sm-3>div.submenu>ul>li {
	background:url(../images/li.png) no-repeat 0 16px;
	padding-left:12px;
}
.obsahStyl h1 {
	background:#fff;
	padding:20px;
	font-size:36px;
	font-size:30px;
	font-family:'robotobold';
	color:#117ce1;
	border-bottom:solid 1px #e4e4e4;
}
.obsahStyl .col-sm-9>div {
	background:#fff;
	padding:20px;
	margin-top:3px;	
}
.obsahStyl .col-sm-9>div>.row>.col-sm-12>h2 {
	font-size:24px;
	font-family:'robotomedium';
	margin-bottom:30px;
}
.obsahStyl .col-sm-9>div>.row>.col-sm-12>h4 {
	font-size:18px;
	color:#656a72;
	font-family:'robotomedium';
	margin:30px 0 15px 0;
}
.obsahStyl .col-sm-9>div>.row>.col-sm-12>table {
	width:100%;
	border:solid 1px #f3f3f3;
	margin:10px 0;
}
.obsahStyl .col-sm-9>div>.row>.col-sm-12>table th {
	font-size:15px;
	color:#656a72;
	font-family:'robotoregular';
	background:#f3f3f3;
	padding:10px;
}
.obsahStyl .col-sm-9>div>.row>.col-sm-12>table td {
	font-size:14px;
	color:#000;
	font-family:'robotobold';	
	padding:10px;
}
.obsahStyl .col-sm-9>div>.row>.col-sm-9>h3 {
	font-size:21px;
	font-family:'robotobold';
	margin-bottom:10px;
}
.obsahStyl .col-sm-9>div>.row>.col-sm-9>h3>a {color:#000;}
.obsahStyl .col-sm-9>div>.row>.col-sm-9>p {
	font-size:14px;
	font-family:'robotoregular';
	margin-bottom:10px;
}
.obsahStyl .col-sm-9>div>.row>.col-sm-9>time {
	background:#f2f2f2;
	border-radius:2px;
	display:inline-block;
	padding:4px 6px;
	font-size:12px;
	font-family:'robotoregular';
	margin-top:5px;
}
.obsahStyl .col-sm-9>div>.row>.col-sm-9>span>a {
	background:#117ce1;
	color:#fff;
	float:right;
	font-size:14px;
	font-family:'robotobold';
	text-decoration:none;
	line-height:32px;
}
.obsahStyl .col-sm-9>div>.row>.col-sm-9>span>a:hover {background:#00aeee;}
.obsahStyl .col-sm-9>div>.row>.col-sm-9>span>a>strong {
	font-weight:normal;
	padding:0 10px;
}
.obsahStyl .col-sm-9>div>.row>.col-sm-9>span>a>span {
	background:#1a95e9;
	padding:0 10px;
	line-height:32px;
	display:inline-block;
}
.obsahStyl .col-sm-9>div>.row>.col-sm-9>span>a:hover>span {background:#015297;}


#obsah .col-sm-3>div>h4, #obsah .col-sm-9>div>.row>.col-sm-9>h3>a, #obsah .col-sm-12>div>div>h3>a {color:#117ce1;}

#obsah.mesto .col-sm-3>div>h4, #obsah.mesto .col-sm-9>div>.row>.col-sm-9>h3>a, #obsah.mesto .col-sm-12>div>div>h3>a, #obsah.mesto .col-sm-3>div>ul>li>a:hover {color:#00aeee;}


#obsah.mesto h1 { 
color: #000;
}

#obsah.obsahStyl .col-sm-3>div>h4 {
	border-bottom: solid 2px #ebebeb;
	padding-bottom: 15px;
	font-size: 21px;
}

#obsah.sluzby .col-sm-3>div>h4, #obsah.mesto .col-sm-3>div>h4, #obsah.urad .col-sm-3>div>h4 {
	border-bottom: solid 2px #ebebeb;
	padding-bottom: 15px;
	font-size: 21px;
}


.mesto .col-sm-9>div>.row>.col-sm-9>span>a {background:#117ce1;}
.mesto .col-sm-9>div>.row>.col-sm-9>span>a:hover {background:#00aeee;}
.mesto .col-sm-9>div>.row>.col-sm-9>span>a>span {background:#1a95e9;}
.mesto .col-sm-9>div>.row>.col-sm-9>span>a:hover>span {background:#015297;}


.mesto .col-sm-9.white {
	background-color:#fff;
}

/* styleguide ----------------------------------- */
.styleguide {
	border-bottom:solid 1px #e4e4e4;
	padding-bottom:20px;
/*	min-height: 460px;*/
}
.styleguide h2 {
	color:#00aeee;
	font-size:24px;
	font-family:'robotomedium';
	padding-bottom:10px;
}
.styleguide h3 {
	color:#656a72;
	font-size:18px;
	font-family:'robotomedium';
	padding-bottom:10px;
}
.styleguide h3 time {
	color:#b6b6b6;
	font-size:14px;
	font-family:'robotoregular';
}
.styleguide h4 {
	color:#656a72;
	font-size:16px;
	font-family:'robotomedium';
	padding-bottom:10px;
}
.styleguide p {
	color:#000;
	font-size:14px;
	font-family:'robotoregular';
	padding-bottom:20px;
}
.styleguide p img.pull-left {
	margin:4px 20px 2px 0;
}
.styleguide .vetsi {
	font-size:15px;
	font-family:'robotomedium';
}

.styleguide table {
	width:100%;
	border:solid 1px #acacac;
	margin:10px 0 20px 0;
}
.styleguide table th {
	font-size:15px;
	color:#656a72;
	font-family:'robotobold';
	background:#f3f3f3;
	padding:10px;
}
.styleguide table td {
	font-size:14px;
	color:#000;
	font-family:'robotoregular';	
	padding:10px;
	border-bottom:solid 1px #ebebeb;
}

.styleguide .modraTabulka {border:solid 1px #117ce1;}
.styleguide .modraTabulka th {
	color:#fff;
	font-family:'robotoregular';
	background:#117ce1;
}
.styleguide .trSeda {background:#f7f7f7;}

.styleguide table tr:last-child td {border-bottom:none;}
.styleguide table td[rowspan] { border-bottom: inherit; }
.styleguide table {border:solid 1px #117ce1;}
.styleguide table th {
	color:#fff;
	font-family:'robotoregular';
	background:#117ce1;
}
.styleguide tr:nth-child(odd) {background:#f7f7f7;}


.styleguide ul, .styleguide ol {padding:0 0 20px 0;}
.styleguide ul li, .styleguide ol li {
	background:url(../images/li2.png) no-repeat 0 5px;
	font-family:'robotoregular';
	font-size:14px;
	padding:0 0 5px 20px;
}
.styleguide ol li {
	background:none;
	padding: 0 0 5px 5px;
	margin-left: 20px;
	}
.styleguide ul li.col-sm-4, .styleguide ol li.col-sm-4 {
	background:none;
	font-family:'robotoregular';
	font-size:14px;
	padding:15px;
}
.styleguide form {
	background:#f7f7f7;
	padding:20px;
	margin-bottom:20px;
	border-bottom:solid 1px #dedede;
}
.styleguide form>.row>.col-sm-6 {padding:15px !important;}
.styleguide form .form-control {
	height:40px;
	border-radius:2px;
}
.styleguide form textarea {
	min-height:100px;
	border-radius:2px;	
}
.styleguide form .btn {
	background:#117ce1;
	color:#fff;
	float:left;
	margin-top:15px;
	font-size:14px;
	font-family:'robotobold';
	text-transform:uppercase;
	line-height:40px;
	padding:0 0 0 20px;
	border-radius:0;
}
.styleguide form .btn:hover {background:#00aeee;}
.sluzby .col-sm-9>div>.row>.col-sm-9>span>a>strong {
	font-weight:normal;
	padding:0 10px;
}
.styleguide form .btn>span {
	background:#1a95e9;
	padding:0 15px;
	line-height:40px;
	margin-left:15px;
	display:inline-block;
	float:right;
}
.styleguide form .btn:hover>span {background:#015297;}
.strankovani {
	width:100%;
	text-align:center;
	background:#fff;
	margin-top:5px;
	padding:30px 0;
}
.strankovani li {
	display:inline-block;
	font-size:14px;
	font-family:'robotoregular';
	color:#656a72;
	margin:5px;
}
.strankovani li a {
	display:block;
	color:#656a72;
	background:#e5e5e5;
	line-height:32px;
	min-width:32px;
	text-decoration:none;
}
.strankovani li.gray a {
	color:#fff;
	background:#656a72;
}
.strankovani li a:hover {
	color:#fff;
	background:#00aeee;
}

.strankovani li .dark-grey {
	background-color: #656a72 !important;
	color: #fff;
}

/* skrolovaci buton ---------------------- */
.scrollup {
	visibility:hidden;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}
.scrollup i {
	position: fixed;
	border-radius: 25px;
	bottom: 20px;
	right: 20px;
	padding: 10px 13px;
	line-height: 1;
	font-size: 20px;
	text-align: center;
	color: #FFF;
	cursor: pointer;
	background-color: rgba(227,0,15,.5);
    -webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
	z-index: 10;
}
.scrollup i:hover {
	background-color:#00aeee;
}

.scrollup.cd-is-visible, .scrollup.cd-fade-out, .no-touch .scrollup:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.scrollup.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.scrollup.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .scrollup:hover {
  background-color: #e86256;
  opacity: 1;
}

.gone {font-style: italic;color: gray !important;}
.aright {text-align:right;}
.nowrap {white-space:nowrap;}

/* mobilní zařízeni od šířky 1366px ----------------------------------- */
@media (max-width: 1366px){
	.ae {visibility:visible !important;}
	#banner .col-sm-12 h1 {top:60px;}

}

/* mobilní zařízeni do šířky 1025px ----------------------------------- */
@media (max-width: 1025px){
	.ae {visibility:visible !important;}
	#banner .col-sm-12 h1 {top:80px;}
	#banner .item img {
		height:400px;
		width:auto;
	}
	header .col-sm-6 {
		line-height:36px;
		font-size:12px;
	}
	     header .navbar-header a strong {font-family:'robotoregular';}

}



/* mobilní zařízeni od šířky 980px ----------------------------------- */
@media (max-width: 980px){
	.ae {visibility:visible !important;}
	#banner .col-sm-12 h1 {display:none;}
	header .navbar-header .col-sm-4 a {
		font-size:24px;
		line-height:66px;
		padding:10px 0;
	}
	header .navbar-header .col-sm-6 {padding-top:30px;}
	header img{margin-right:0px;}
	header .col-sm-2 span a {
		width:24px;
		height:24px;
		line-height:24px;
		margin-left:4px;
	}
	header .col-sm-7 {
		line-height:36px;
		font-size:10px;
	}
	header .col-sm-6 i {margin-left:5px;}
	.vrchniMenu li {
		padding:0 0 0 0;
		text-align:center;
		border-right:solid 1px #919190;
		background:#686d75;
	}
	.vrchniMenu li a {font-size:14px;}

	header.fixed {height:90px;}
	header.fixed .navbar-header .col-sm-8 {padding-top:30px;}
	header.fixed .vrchniMenu {
		float:right;
		margin-top:0;
		width:100%;
	}
	

}


/* mobilní zařízeni od šířky 667px ----------------------------------- */
@media (max-width: 667px){
	.ae {visibility:visible !important;}
	header {min-height:130px;}
	header .col-sm-4 {padding-left:15px;}
	header .navbar-header .col-sm-8 {padding-top:0px;}
	header .col-sm-6 {font-size: 13px;}
	header .col-sm-2 {
		padding-right:15px;
		padding-top:5px;
	}
	#obsah li.col-sm-6 {width:50%;}
	#obsah .tab-pane .col-sm-6 {
		width:50%;
		float:left;
	}
	.collapse ul.nav li.dropdown ul.dropdown-menu{ /* otevření celého menu na mobilu */
        display: block;   
        border: 0 none;
        box-shadow: none;
        float: none;
        margin-top: 0;
        position: static;
        width: auto; 
    }
	.dropdown-menu {margin:0 !important;}
	.vrchniMenu {height:auto;}
	.vrchniMenu li {
		padding:0 0 0 15px;
		float:none !important;
		text-align:left;
		border-right:none;
		border-bottom:solid 1px #919190;
		display:block;
	}
	.vrchniMenu li:last-child {border-bottom:none;}
	.vrchniMenu li a {
		line-height:34px;
		width:auto;
		float:none;
		display:block;
		padding:0 0 0 20px;
	}
	footer .col-sm-7 {padding-left:15px;}
	footer .col-sm-4 {text-align:left !important;}
	
}


/* mobilní zařízeni od šířky 580px ----------------------------------- */
@media (max-width: 580px){
	.ae {visibility:visible !important;}
	table th {
		font-size:13px !important;
		padding:5px !important;
	}
	table td {
		font-size:12px !important;
		padding:5px !important;
	}
	header {min-height:140px;}
	header .navbar-header .col-sm-4 a {padding:5px 0;}
	header .navbar-header .col-sm-8 {padding-top:6px;}
	header img{margin-left:15px;}
	header .col-sm-2 {
		padding-right:5px;
		padding-left:0;
	}
	header .col-sm-2 span a {
		width:20px;
		height:20px;
		line-height:20px;
		margin-top:5px;
		margin-left:0px;
	}
	header .col-sm-6 {
		line-height:20px;
		font-size:12px;
	}
	header .navbar {margin-bottom:0;}
	.collapse ul.nav li.dropdown ul.dropdown-menu{ /* otevření celého menu na mobilu */
        display: block;   
        border: 0 none;
        box-shadow: none;
        float: none;
        margin-top: 0;
        position: static;
        width: auto; 
    }

	.dropdown-menu {margin:0 !important;}
	.vrchniMenu {height:auto;}
	.vrchniMenu li {
		padding:0 0 0 15px;
		float:none !important;
		text-align:left;
		border-right:none;
		border-bottom:solid 1px #919190;
		display:block;
	}
	.vrchniMenu li:last-child {border-bottom:none;}
	.vrchniMenu li a {
		line-height:34px;
		width:auto;
		float:none;
		display:block;
		padding:0 0 0 20px;
	}
	.full {width:100%; float:left;white-space: nowrap;}
	.owl-carousel .item img {height:80px;}
	#rozcestnik {margin-top:-80px;}
	#rozcestnik ul li a {font-size:17px;}
	#banner2 {height:80px;}
	#banner .item img {height:80px;}
	.ImageWrapper img {width:100%;}
	
	#obsah .nav-tabs>li {
		float:none;
		display:block;
	}
	#obsah .col-sm-3 img {margin:0 0 15px 5px;}	
	footer .col-sm-4 {text-align:left !important;}
	footer .col-sm-7 {padding-left:15px;}
	footer ul li {
		display:block;
		padding:3px 0;
		border-right:none;
		line-height:20px;
	}
	#owl-home {visibility:hidden;}  
		#obsah .col-sm-12>div>div {
    width: 100% !important;
}
#obsah .col-sm-12.col-50 img {
    
    margin-top: 0px;
	 display: block;
    margin: 0 auto;
}

}	
#breadcrumbs {
	background: #fff;
	padding: 18px;
	font-size: 14px;
	font-family: 'robotoregular';
	color: #000;
	border-bottom: solid 1px #e4e4e4;
	margin-bottom:3px;
}
.styleguide ul li ul {
padding: 5px 0 0 0;
}

#obsah.obsahStyl .col-sm-3>div.submenu>ul>li>ul>li {
	background:url(../images/li.png) no-repeat 0 7px;
	padding:2px 0 2px 12px;
}

#obsah .col-sm-3>div>ul>li>ul>li>a {
	color:#686D75;
	font-size:14px;
	font-family:'robotoregular';
}

#obsah.obsahStyl .col-sm-3 li.active {
	font-weight:bold;
}

}


/* mobilní zařízeni od šířky 380px ----------------------------------- */
@media (max-width: 380px){
	#obsah .nav-tabs li.col-sm-6 {
		width:50%;
		float:left;
		padding-right:5px;
	}
	#obsah .nav-tabs li.col-sm-6 + li.col-sm-6 {
		padding-right:10px;
		padding-left:5px;
	}
#obsah .nav-tabs>li.active>a, #obsah .nav-tabs>li.active>a:hover, #obsah .nav-tabs>li.active>a:focus {font-size:16px;}
#obsah .nav-tabs>li>a {font-size:16px;}
.tabAktuality {
	background:url(../images/aktualityOff.png) no-repeat 5px center;
	padding-left:36px !important;
}
#obsah .nav-tabs>li.active>a.tabAktuality, #obsah .nav-tabs>li.active>a.tabAktuality:hover, #obsah .nav-tabs>li.active>a.tabAktuality:focus {
	background:#fff url(../images/aktuality.png) no-repeat 5px center;
}

#obsah .nav-tabs {margin-bottom:15px;}
#obsah .tab-pane .col-sm-6 {width:100%;}
#obsah .col-sm-6>div>div>h3 {font-size:16px;}
#obsah .col-sm-6>div>div>p {font-size: 13px;}
#obsah .col-sm-6>div>div>span>a {
	line-height:26px;
	margin-top:5px;
}
#obsah .col-sm-6>div>div>span>a>span {line-height:26px;}

header .col-sm-4 {
	width:100%;
	padding-top:5px;
}
header .col-sm-2 {
	padding-bottom:10px;
	padding-left:15px;
	width:30%;
	text-align:left;
}
header li.col-sm-2 {width:100%;}

}

@media only screen and (min-width: 414px) and (max-width: 667px) { 
 
	 #obsah .col-50 h2 {font-size:16px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) { 
	header .navbar-header .col-sm-4 a {
font-size: 20px;
line-height: 66px;
padding: 10px 0;
}


}

.red {color: #00aeee !important;}

/* rychle odkazy */
#obsah .col-sm-3>div>ul>li {
    list-style-image: url(../images/ico02.png);
    margin-left: 24px;
    list-style-position: outside;
    margin-top: 5px;
}
#obsah .col-sm-3>div>ul>li>a, #obsah .col-sm-3>div>ul>li>div {
    font-size: 14px;
    font-family: 'robotoregular';
    padding: 2px 6px 0px 0px;
    top: -3px;
    position: relative;
}

a.btn {text-decoration:none;}