body {margin: 0; padding: 0; font-family: arial; font-size: 15px; line-height: 20px; color: #252525; background: #1f1a17;}
.stred {margin: auto; width: 1000px; padding: 0;}

/************************************************************************************
 * HLAVIČKA
 ************************************************************************************/
.ID-hlavicka {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;}
#hlavicka {float: left; width: 100%; height: 106px; padding: 0; margin: 0; background: #ffffff;}
#hlavicka .logo {float: left; margin: 21px 0 0 0; padding: 0;}

#hlavicka .hlavicka {float: right; margin: 30px 0 0 0; padding: 0; line-height: 25px; font-size: 16px; font-family: Open Sans, arial; font-weight: normal;}
#hlavicka .hlavicka .modul {float: left; margin: 0 22px 0 12px; padding: 0;}
#hlavicka .hlavicka p {display: table-cell; height: 50px; margin: 0; padding: 0; vertical-align: middle; text-align: left;}
#hlavicka .hlavicka span {display: inline-block; padding: 0; margin: 0 0 0 10px; font-size: 23px; font-weight: 300; font-style: italic;}


#hlavni-menu {float: left; width: 100%; height: 66px; padding: 0; margin: 0 0 19px 0; background: #0093dd;}
#hlavni-menu .menu {float: left; padding: 0; margin: 0; list-style: none; border-right: 1px solid #0070a8;}
#hlavni-menu .menu > li {float: left; padding: 0; margin: 0;}
#hlavni-menu .menu > li > a {float: left; padding: 0 20px 0 20px; margin: 0; height: 66px; line-height: 66px;
border-left: 1px solid #0070a8; border-right: 1px solid #32afee; text-shadow: 0 1px 0 #002537;
font-size: 17px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff; text-transform: uppercase; text-decoration: none;}
#hlavni-menu .menu > li:first-child > a {border-left: 0;}
#hlavni-menu .menu:hover > li.active > a {background: none;}
#hlavni-menu .menu:hover > li:hover > a {background: #1f1a17;}
#hlavni-menu .menu > li.active > a {background: #1f1a17;}

/* vysouvací menu */
#hlavni-menu .menu > li > ul {float: left; margin: 66px 0 0 0; padding: 15px 16px 20px 16px; list-style: none; position: absolute; z-index: 2000;
visibility: hidden; background: #1f1a17;}
#hlavni-menu .menu > li:hover > ul {visibility: visible;}

/* 1. stupeňˆ vysunutí */
#hlavni-menu .menu > li > ul > li {display: block; width: 303px; padding: 0; margin: 0; clear: both; position: relative;}
#hlavni-menu .menu > li > ul > li > a {display: block; line-height: 20px; padding: 7px 28px 7px 28px; margin: 0; background: url('../images/li-3.png') 6px 9px no-repeat;
font-size: 14px; font-family: Open Sans, arial; font-weight: bold; color: #ffffff; text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 #000000;
border-bottom: 1px solid #000;}
#hlavni-menu .menu > li > ul > li:first-child > a {border-top: 0 solid #fff;}
#hlavni-menu .menu > li > ul > li:hover > a {background: #3b3b3b url('../images/li-3.png') 6px 9px no-repeat;}
#hlavni-menu .menu > li > ul > li.active > a {text-decoration: underline;}


/* 2. stupeňˆ vysunutí */
#hlavni-menu .menu > li > ul > li > ul {float: left; width: 303px; margin: 0 0 0 303px; padding: 12px 15px 12px 15px; list-style: none;
position: absolute; top: 0; z-index: 2000; visibility: hidden; background: #3b3b3b;}
#hlavni-menu .menu > li > ul > li:hover > ul {visibility: visible;}
/* 2. stupeňˆ vysunutí */
#hlavni-menu .menu > li > ul > li > ul > li {display: block; padding: 0; margin: 0; clear: both;}
#hlavni-menu .menu > li > ul > li > ul > li > a {display: block; line-height: 20px; padding: 7px 28px 7px 28px; margin: 0; background: url('../images/li-3.png') 6px 9px no-repeat;
font-size: 14px; font-family: Open Sans, arial; font-weight: bold; color: #ffffff; text-decoration: none; text-shadow: 0 1px 0 #000000;}
#hlavni-menu .menu > li > ul > li > ul > li:hover > a {background: #32afee url('../images/li-3.png') 6px 9px no-repeat;}


.ID-horni {float: left; width: 100%; padding: 0; margin: 0; background: #d9effa url('../images/hlavicka.png') center 0 repeat-x; border-bottom: 1px solid #b2def5;}
#horni {float: left; width: 100%; padding: 18px 0 0 0; margin: 0 0 -1px 0; background: #d9effa url('../images/hlavicka.png') center 0 repeat-x; border-bottom: 1px solid #b2def5;}


.ID-slider {float: left; width: 644px; height: 358px; padding: 8px; margin: 0; background: #ffffff;
-webkit-box-shadow: 0 0 6px 0 #b2def5;
box-shadow: 0 0 6px 0 #b2def5;}
#slider {float: left; width: 100%; height: 358px; padding: 0; margin: 0; background: #ffffff;}
.flexslider {float: left; width: 100%; height: 358px; padding: 0; margin: 0; position: relative; overflow: hidden; background: #ffffff;}
.flexslider .slides {float: left; width: 100%; height: 358px; padding: 0; margin: 0; list-style: none;}
.flexslider .slides li {float: left; width: 100% !important; height: 358px !important; padding: 0; margin: 0; background-position: center top;}
.flexslider .slides li img {float: left; width: 100%; height: auto; padding: 0; margin: 0;}
.flexslider .slides .text {float: left; padding: 20px 34px 20px 17px; margin: 0; background: url('../images/efekt.png') 0 0 repeat; position: absolute; left: 0; top: 122px;
font-size: 21px; line-height: 27px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff; text-shadow: 0 1px 0 #042433;}
.flexslider .slides .text p {padding: 0; margin: 0;}

.flexslider .flex-control-nav {float: right; padding: 0; margin: 0; position: absolute; right: 15px; top: 18px; list-style: none;}
.flexslider .flex-control-nav li {float: left; padding: 0; margin: 0;}
.flexslider .flex-control-nav li a {float: left; width: 17px; height: 17px; padding: 0; margin: 0 5px 0 0; cursor: pointer; background: url('../images/slider-puntiky.png') 0 0 no-repeat; text-indent: -9999px; position: relative;  z-index: 200;}
.flexslider .flex-control-nav li a.flex-active {background-position: -17px 0;}

.flexslider .flex-direction-nav {padding: 0; margin: 0; list-style: none;}
.flexslider .flex-direction-nav li {float: left; padding: 0; margin: 0;}
.flexslider .flex-direction-nav li a {float: left; width: 72px; height: 141px; padding: 0; margin: 0; cursor: pointer;
background: url('../images/slider-navigace.png') 0 0 no-repeat; text-indent: -9999px; position: absolute; z-index: 250; top: 139px;}
.flexslider .flex-direction-nav li a.flex-prev {left: 0;}
.flexslider .flex-direction-nav li a.flex-next {background-position: -72px 0; right: 0;}


.ID-slider-pravy {float: right; width: 271px; padding: 10px 24px 25px 24px; margin: 0 0 21px 0; background: #ffffff;
-webkit-box-shadow: 0 0 6px 0 #b2def5;
box-shadow: 0 0 6px 0 #b2def5;}
.ID-slider-pravy .modul {float: left; width: 100%; padding: 0; margin: 0; font-size: 15px; line-height: 23px;}
.ID-slider-pravy .modul .nadpis {display: block; line-height: 31px; padding: 13px 0 13px 0; margin: 0; font-size: 24px; font-family: Open Sans, arial; font-weight: 800; color: #0093dd;}
.ID-slider-pravy .modul .modul-obal {display: block; padding: 10px 18px 0px 18px; margin: 0; border: 6px solid #b2def5; background: #d9effa;}
.ID-slider-pravy .modul p {margin: 0 0 10px 0;}


.ID-navigace {float: left; width: 100%; padding: 0; margin: 0;}
.ID-navigace .breadcrumbs {float: left; width: 100%; padding: 0 0 25px 0; margin: 0;}
.ID-navigace .breadcrumbs .nadpis {display: block; padding: 0 0 0 0; margin: 0;
font-size: 53px; line-height: 64px; font-family: Open Sans, arial; font-weight: 800; color: #0093dd; text-transform: uppercase; text-shadow: 0 1px 0 #ffffff;}
.ID-navigace .breadcrumbs a {color: #1f1a17;}
.ID-navigace .breadcrumbs {font-size: 15px; line-height: 20px; font-family: Open Sans, arial; font-weight: 300; color: #1f1a17;}


/************************************************************************************
 * OBSAH
 ************************************************************************************/
.ID-obsah {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;}
#obsah {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;}


.ID-pravy {float: right; width: 319px; padding: 0; margin: 21px 0 0 0;}
.ID-pravy .modul {float: left; width: 319px; padding: 0; margin: 0 0 20px 0; font-size: 15px; line-height: 22px;}
.ID-pravy .modul-bez-odsazeni {margin: 0 0 3px 0;}
.ID-pravy .modul .modul-obal {display: block; padding: 36px 18px 15px 18px; margin: 0; background: #d9effa; border: 1px solid #b2def5;}
.ID-pravy .modul .nadpis {display: block; padding: 0 0 25px 0; margin: 0; text-shadow: 0 1px 0 #ffffff;
font-size: 26px; line-height: 31px; font-family: Open Sans, arial; font-weight: 800; color: #0093dd;}
.ID-pravy .modul .nadpis img {float: left; padding: 0; margin: 0 10px 0 0;}

.ID-pravy .modul-bez-pozadi .nadpis {color: #1f1a17; font-weight: 800; font-size: 25px; line-height: 32px; padding-top: 10px;}
.ID-pravy .modul-bez-pozadi .modul-obal {background: none; padding: 0; border: 0;}

.ID-pravy .modul-pozadi .modul-obal {background: #0093dd; border: 0; padding: 0; color: #ffffff;}
.ID-pravy .modul-pozadi .nadpis {background: #006da4; text-transform: uppercase; text-shadow: 0px 1px 0px #001b29; margin: 0; padding: 30px 22px 24px 22px;
font-size: 27px; line-height: 34px; color: #ffffff;}


.ID-pravy .novinky {float: left; width: 100%; padding: 0; margin: 0; list-style: none;}
.ID-pravy .novinky li {float: left; width: 100%; padding: 0; margin: 0 0 6px 0;}
.ID-pravy .novinky li .datum {float: left; width: 56px; height: 56px; padding: 3px 3px 0 3px; margin: 0; background: #ffffff; text-align: center;
font-size: 18px; font-family: Open Sans, arial; font-weight: normal; color: #000000; border: 1px solid #8ad2f8; border-bottom: 3px solid #cbe9f8;}
.ID-pravy .novinky li .den_a_mesic {float: left; width: 56px; height: 38px; line-height: 38px; padding: 0; margin: 0;
font-size: 18px; font-weight: 800; background: #ffffff url('../images/datum.png') 0 0 repeat;}
.ID-pravy .novinky li .rok {float: left; width: 56px; height: 18px; font-size: 13px; line-height: 18px; color: #252525;}
.ID-pravy .novinky li .pravy {float: right; width: 240px; padding: 0; margin: 0; font-size: 13px; line-height: 19px; color: #000000;}
.ID-pravy .novinky li .pravy a {color: #000000;}
.ID-pravy .novinky li .pravy .nazev {display: block; font-size: 16px; line-height: 21px; padding: 9px 0 4px 0; font-weight: 800;}


.ID-upoutavka {float: left; width: 100%; padding: 0; margin: 20px 0 0 0 !important;}
.ID-upoutavka .modul {margin: 0 21px 0 0;}
.ID-upoutavka .konec {margin-right: 0;}
.muj_odkaz {text-decoration: none;}
.muj_odkaz:hover .nadpis {color: #000000;}



.ID-pravy .modul .menu {display: block; padding: 12px; margin: 0; list-style: none;}
.ID-pravy .modul .menu li {display: block; padding: 0; margin: 0;}
.ID-pravy .modul .menu li a {display: block; padding: 15px 28px 15px 56px; margin: 0; text-decoration: none; border-bottom: 1px solid #0093dd;
font-size: 18px; line-height: 24px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff; text-shadow: 0px 1px 0px #010004; background: #0093dd url('../images/li-3.png') 25px 19px no-repeat;}
.ID-pravy .modul .menu li a:hover, .ID-pravy .modul .menu li.active a {background: #00a9fe url('../images/li-3.png') 25px 19px no-repeat; border-bottom: 1px solid #006da4;}


.ID-levy {float: left; width: 650px; padding: 0; margin: 18px 0 0 0;}


/* Článek */
.clanek {float: left; width: 100%; padding: 0; margin: 0 0 20px 0;}
.clanek h1 {display: block; line-height: 36px; padding: 15px 0 15px 0; margin: 0; font-size: 29px; font-family: Open Sans, arial; font-weight: 800; color: #0093dd;}
.clanek h1 strong {font-weight: 300; color: #000000;}
.clanek h2, .clanek h3 {display: block; line-height: 32px; padding: 15px 0 15px 0; margin: 0;
font-size: 25px; font-family: Open Sans, arial; font-weight: 800; color: #1f1a17;}
.clanek h3 {line-height: 26px; font-size: 20px;}

.clanek ul {padding: 0; margin: 0 0 10px 0; list-style: none;}
.clanek ul li {padding: 5px 0 5px 35px; margin: 0; background: url('../images/li-2.png') 18px 12px no-repeat;}
.clanek ol {padding: 0; margin: 0 0 10px 0; list-style: decimal;}
.clanek ol li {padding: 5px 0 5px 0; margin: 0 0 0 35px;}

.odkaz, .odkaz-barva-1, .odkaz-barva-2, .bfQuickMode .bfCustomSubmitButton, .kontaktni-formular .button, .bfFormDiv .bfSubmitButton
{display: inline-block; line-height: 20px; padding: 12px 15px 12px 15px; margin: 5px 5px 5px 0; border: 0;
color: #ffffff; font-size: 15px; font-weight: 800; font-family: Open Sans, arial; text-decoration: none; text-transform: uppercase;
background: #0093dd; border-radius: 5px; cursor: pointer; text-shadow: 0 1px 0 #002537;}
.odkaz:hover {background: #231f20; text-shadow: 0 1px 0 #090808;}

.clanek hr {padding: 0; margin: 20px 0 20px 0; border-top: 1px inset #999999; border-bottom: 1px inset #ffffff; clear: both;}
.clanek img {border-color: #000000;}
.clanek > div {padding: 0; margin: 0 0 15px 0;}
.clanek .bold {font-weight: bold;}

/* tabulka */
.clanek table {width: 100%; padding: 0; margin: 0 0 15px 0; border-collapse: collapse;}
.clanek table th {padding: 10px; color: #ffffff; background: #000000; font-weight: bold; font-size: 15px; text-align: left;}
.clanek table th a {color: #ffffff;}
.clanek table td {padding: 5px 10px 5px 10px;}

.clanek table p {padding: 0; margin: 0;}
.clanek table ul {margin-bottom: 0;}
.clanek table ul li {padding-left: 25px; background: url('../images/li-2.png') 8px 12px no-repeat;}


.fotogalerie {float: left; width: 104%; padding: 0; margin: 0;}
.fotogalerie .foto {float: left; width: 150px; padding: 0; margin: 0 15px 13px 0;}
.fotogalerie .foto .obrazek {float: left; width: 150px; height: 150px; padding: 0; margin: 0; border-radius: 75px;}
.fotogalerie .foto .obrazek img {float: left; padding: 0; margin: 0; border-radius: 75px;}
.fotogalerie .foto .nazev {float: left; width: 150px; padding: 10px 0 5px 0; margin: 0; text-align: center; font-size: 13px; line-height: 18px;
font-weight: 800; font-family: Open Sans, arial;}
.highslide img {border: 0;}


/************************************************************************************
 * PATIČKA
 ************************************************************************************/
.ID-boxy {float: left; width: 100%; padding: 0; margin: 0; background: #0093dd url('../images/paticka.png') center 0 repeat-x;}
#boxy {float: left; width: 100%; padding: 38px 0 20px 0; margin: 0 0 0 0; background: #0093dd url('../images/paticka.png') center 0 repeat-x;
font-size: 15px; line-height: 25px; color: #ffffff;}
#boxy a {color: #ffffff;}
#boxy ul {padding: 0; margin: 0 0 10px 0; list-style: none;}
#boxy ul li {float: left; width: 227px; padding: 0 10px 0 28px; margin: 0; background: url('../images/li-3.png') 5px 5px no-repeat;}
#boxy .modul {float: left; width: 450px; padding: 0; margin: 0 0 10px 0;}
#boxy .modul-pravy {float: right; width: 530px;}
#boxy .modul h3.nadpis {display: block; line-height: 26px; padding: 10px 0 20px 0; margin: 0; text-shadow: 0 1px 0 #002537;
font-size: 20px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff;}


#paticka {float: left; width: 100%; padding: 26px 0 26px 0; margin: 0; font-size: 13px; font-family: arial; color: #ffffff; line-height: 19px;}
#paticka a {color: #ffffff;}
#paticka p {padding: 0; margin: 0;}


/************************************************************************************
 * OSTATNÍ
 ************************************************************************************/
p {padding: 0; margin: 0 0 15px 0;}
a {color: #0093dd; text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: 0;}
iframe {border: 0; padding: 0; margin: 0;}
.clr, .clear {clear: both;}
input, textarea, button, select, a {outline: none !important;}
input.invalid, select.invalid, textarea.invalid {border-color: #ff0000 !important; background: #ffeded !important; color: #000000 !important;}
::selection {color: #ffffff; background: #000000;}
::-moz-selection {color: #ffffff; background: #000000;}


/* Systémové zprávy */
#system-message {float: left; width: 100%; padding: 0; margin: 0;}
#system-message dt {display: none;}
#system-message dd {float: left; width: 100%; padding: 0; margin: 0;}

#system-message dd ul {list-style: none; padding: 15px 30px 15px 30px; margin: 10px 0 10px 0; background: #a80000;}
#system-message dd ul li {font-size: 15px; line-height: 20px; padding: 0; margin: 0; font-weight: bold; color: #ffffff;}
#system-message dd ul li a {color: #ffffff;}
#system-message dd.error ul {}
#system-message dd.message ul {}
#system-message dd.notice ul {}


/* Systémové tipy */
.tip-wrap {position: relative; z-index: 9999;}
.tip-wrap .tip {float: left; padding: 10px 20px 10px 20px; margin: 0; border: 1px solid #000000; background: #444444;
font-size: 15px; font-family: arial; font-weight: normal; color: #ffffff; line-height: 20px; max-width: 200px; border-radius: 8px;}
.tip-wrap .tip .tip-title {font-weight: bold;}
.tip-wrap .tip .tip-text {font-size: 14px; margin-top: 5px;}
.tip-wrap .tip-top {display: none;}
.tip-wrap .tip-bottom {display: none;}


input:focus, select:focus, textarea:focus {}


/* Navigační lišta */
.pagination {display: block; text-align: center; padding: 10px 0 0 ; margin: 0; clear: both;}
.pagination ul {display: block; padding: 0px; margin: 0px; list-style: none;}
.pagination ul li {display: inline-block; padding: 0; margin: 0 3px 0 3px;}
.pagination ul li .pagenav {display: inline-block; height: 30px; line-height: 30px; padding: 0 10px 0 10px; margin: 0px;
font-size: 13px; text-decoration: none; font-weight: bold; background: #006da4; color: #fff;}

.pagination ul li.pagination-start .pagenav,
.pagination ul li.pagination-prev .pagenav,
.pagination ul li.pagination-next .pagenav,
.pagination ul li.pagination-end .pagenav,
.pagination ul li a.pagenav
{background: #000000;}


/* formulář */
.bfQuickMode section.bfElemWrap {background-color: #eeeff1 !important;}
.bfQuickMode legend {background: #0093dd !important;}


/* kontaktní formulář */
.kontaktni-formular, .kontaktni-formular .pole {float: left; width: 100%; padding: 0; margin: 0;}
.kontaktni-formular .pole label {float: left; width: 94px; height: 43px; line-height: 43px; padding: 0; margin: 0;}
.kontaktni-formular .pole input, .kontaktni-formular textarea {float: left; width: 262px; height: 21px; line-height: 21px; padding: 10px 14px 10px 14px; margin: 0 0 9px 0;
border: 1px solid #c6c6c6; background: #eeeff1; font-family: arial; font-size: 15px;}
.kontaktni-formular textarea {width: 380px; height: 116px; padding: 14px;}
.kontaktni-formular .button {float: left; margin: 0 0 0 94px;}
.kontaktni-formular .kopie {float: left; height: 44px; line-height: 44px; padding: 0; margin: 0;}
.kontaktni-formular .kopie #jform_contact_email_copy {float: left; margin: 15px 10px 0 20px;}