/* GLOBAL */
html,body {
height:100%;
}
body {
/* font-family: Verdana,sans-serif; font-size: 10px; color: #000; */
font-family: Verdana, Sans-Serif; font-size: 1eM; margin : 10px 0px 0px 0px; padding : 0px; color: #221e1f;
}
a,
a:visited,
a:hover {
color: #000;
text-decoration: none;
}
.menu_menu {
position: relative;
top: 10px;
background: rgb(217, 215, 202) none repeat scroll 0% 0%;
border: medium none;
font-size: 1.2eM;
padding: 5px 10px;
}
/* HEADER */
.header {
line-height: 20px;
}
.header a:hover {
color: #d7161f;
text-decoration: underline;
}
.upmenu {
text-align: right;
margin: 0px;
padding: 0px;
padding-right: 15px;
}
.upmenu li {
display:inline;
list-style:none;
margin-left:auto;
margin-right:auto;
top:0px;
height:20px;
}
.upmenu li:not(:last-child):after{
content: " |"; color: #bdbcaf;
}
.header .user {
text-align: right;
}
.logo {
height: 100px;
}
.logo .head {
font-size: 1.2eM;
height: 100%;
}
.logo .head a {
position: absolute;
bottom: 20%;
left: 0%;
}
.logo1 {
text-align: left;
}
.logo2 {
text-align: right;
}
/*MAIN HEAD*/
.if1,
.if2 {
width: 100%;
height: 215px;
overflow: hidden;
border: none;
}
.if1b,
.if2b {
overflow: hidden;
border: medium none;
background: #E2E0D3;
}
.breadcrumbs {
padding: 15px 15px 0px;
}
.breadcrumbs hr {
margin: 10px -5px 0px;
border-color: #000;
}
.breadcrumbs .bc0 {
color: #B62025;
}
.breadcrumbs .bcX {
color: #000;
}
.breadcrumbs .bcX:before {
color: #000;
content: " > "
}
.mainhead {
padding: 0px 10px;
}
.mainhead h2 {
margin: 15px 0px 10px;
}
.mainhead h3 {
margin: 0px;
}
.mainhead h3:before{
background-color: #B62025;
color: #FFF;
padding: 3px 5px;
content: ">";
margin-right: 10px;
}
.mainhead .info p,
.mainhead .news p {
text-align: justify;
}
.mainhead .news .date {
font-weight: bold;
}
.mainhead .news .text:before,
.mainhead .news .text:after {
content: " / "
}
.mainhead .news a {
color: #B62025;
}
/*CASCADE*/
.cascade .item {
height: 240px;
float: left;
padding: 0px 10px 0px 20px;;
position: relative;
overflow: hidden;
z-index: 0;
}
.cascade .item a {
font-size: 13px;
}
@media(max-width:767px){
.cascade .item {
width: 100%;
}
.cascade .item a {
min-width: 100%;
display: block;
}
}
@media(min-width:768px){
.cascade .item {
width: 370px;
}
.cascade .item:nth-child(even) {
margin-left: 5px;
}
.cascade .item:nth-child(odd) {
margin-right: 5px;
}
.cascade .item a {
min-width: 290px;
display: block;
}
}
@media( min-width:992px ){
.cascade .item {
width: 480px;
}
.cascade .item:nth-child(even) {
margin-left: 5px;
}
.cascade .item:nth-child(odd) {
margin-right: 5px;
}
.cascade .item a {
min-width: 401px;
display: block;
}
}
@media ( min-width:1200px ) {
.cascade .item {
width: 383.33px;
}
.cascade .item:nth-child(even) {
margin-left: 0px;
}
.cascade .item:nth-child(odd) {
margin-right: 0px;
}
.cascade .item:nth-child(3n+2) {
margin-left: 10px;
margin-right: 10px;
}
.cascade .item a {
min-width: 305px;
display: block;
}
}
.cascade .item {
margin-top: 10px;
border-top: 5px;
border-top-style: solid;
}
.cascade .item hr {
margin: 0px;
border-color: #000;
margin-bottom: 15px;
}
.cascade .item p {
text-align: justify;
}
.cascade .item .arrow {
display: block;
float: left;
padding-right: 7px;
line-height: 19px;
color: #000 !important;
}
.cascade .item .arrow:before {
content: "> ";
font-weight: bold;
font-size: 11px;
}
.cascade .item_row {
padding: 3px 0px;
float: left;
width: 100%;
}
.cascade .itoggle {
height: 20px;
width: 20px;
display: block;
text-align: center;
line-height: 20px;
font-weight: bold;
font-size: 14px;
color: #FFF;
border: 1px solid #000;
cursor: pointer;
}
.cascade .infopop {
position: absolute;
z-index: 10;
background: #575852;
width: 100%;
left: 0px;
height: 100%;
top: -100%;
padding: 0px 20px;
color: #FBFBFB;
transition: 0.7s ease;
}
.cascade .islide {
top: 0%;
}
.cascade .infopop .iclose {
position: absolute;
right: 20px;
top: 15px;
color: #000;
}
.cascade .infopop a {
color: #FBFBFB;
padding: 5px 0px;
}
.footer {
height: 20px;
line-height: 20px;
margin-top: 10px;
margin-bottom: 0px;
}
.footer p {
margin: 0px;
padding: 0px;
}
.thumbnail {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: -1;
opacity: 0.20;
}
.t-arch {
background: url("../img/architekt.png") no-repeat center;
}
.t-uzpl {
background-image: url("../img/plan.png");
}
.t-dopr {
background-image: url("../img/doprava.png");
}
.t-maje {
background-image: url("../img/majetek.png");
}
.t-oizp {
background-image: url("../img/zivotni.png");
}
.t-kriz {
background-image: url("../img/krize.png");
}
.t-pama {
background-image: url("../img/pamatky.png");
}
.t-stat {
background-image: url("../img/majetek.png");
}
.t-stav {
background-image: url("../img/stavebni.png");
}
.t-mpcb {
background-image: url("../img/mpcb.png");
}
/* COLORS BASIC*/
.bg_gray {
background-color: #E2E0D3;
}
.bg_red {
/* background-color: #B62025; */
background-color: #D7161F;
}
.c_white {
color: #FFF;
}
/* COLORS CASCADE*/
/* SPEK*/
.c0 {color: #204B7C;}
.b0 {border-color: #204B7C !important;}
.bg0 {background-color: #204B7C;}
/* Útvar hlavního architekta*/
.c1 {color: #691012;}
.b1 {border-color: #691012 !important;}
.bg1 {background-color: #691012;}
/* Odbor úezmího plánování*/
.c2 {color: #D10219;}
.b2 {border-color: #D10219 !important;}
.bg2 {background-color: #D10219;}
/* Odbor dopravy a silničního hospodářství*/
.c3 {color: #ED7F01;}
.b3 {border-color: #ED7F01 !important;}
.bg3 {background-color: #ED7F01;}
/* Odbor majetkový*/
.c4 {color: #FFE697;}
.b4 {border-color: #FFE697 !important;}
.bg4 {background-color: #FFE697;}
/* Odbor Lorem Dolor*/
.c5 {color: #FFED00;}
.b5 {border-color: #FFED00 !important;}
.bg5 {background-color: #FFED00;}
/* Odbor ochrany životního prostředí*/
.c6 {color: #B0C802;}
.b6 {border-color: #B0C802 !important;}
.bg6 {background-color: #B0C802;}
/* Odbor kultury a cestovního ruchu*/
.c7 {color: #E2017A;}
.b7 {border-color: #E2017A !important;}
.bg7 {background-color: #E2017A;}
/* Odbor památkové péče*/
.c8 {color: #BC91BD;}
.b8 {border-color: #BC91BD !important;}
.bg8 {background-color: #BC91BD;}
/* Odbor správy veřejných statků*/
.c9 {color: #4B4B4A;}
.b9 {border-color: #4B4B4A !important;}
.bg9 {background-color: #4B4B4A;}
/* Stavební úřad*/
.c10 {color: #F3F1F3;}
.b10 {border-color: #F3F1F3 !important;}
.bg10 {background-color: #F3F1F3;}
/* MP*/
.c11 {color: #D9D7CA;}
.b11 {border-color: #D9D7CA !important;}
.bg11 {background-color: #D9D7CA;}
/* XXX*/
.cX {color: #D9D7CA;}
.bX {border-color: #D9D7CA !important;}
.bgX {background-color: #D9D7CA;}
.infopop .inhr {
display: inline !important;
}