body						{background: #F8F7F7;margin: auto;font-family: 'Open Sans', verdana , Arial, sans-serif; color: #000; font-size: 16px;}
h1							{font-family:'Open Sans', verdana, Arial ;font-size: 18px;color: #ffffff;}
h2                          {font-family:'Open Sans', verdana, Arial;color: #939393;}
h3                          {font-family:'Open Sans', verdana, Arial;color: #000000;}
a                           {color: #0E2C6D; text-decoration: none;}
img                         {border: 0px none;}
.red						{color: #ff0000;}
.pdf-link                   { padding-left: 40px; background: url('../img/icon_pdf2.png') no-repeat top left; line-height: 30px; vertical-align: middle; display: inline-block;}
.hidden                     { display: none;}

#logo           { float:left;padding: 0px 40px 0px 0px;}
#motto          { float: left; font-weight: 300; font-style: italic ; line-height: 80px; font-family:'Open Sans', verdana, Arial, serif; font-size: 20px; text-align: right; color: #0E2C6D; margin-right: 40px;}
                .motto1     {font-size: 14px;}
.search         {position: relative; width: 158px;line-height: 80px; float: right;vertical-align: middle; display: table-cell; margin-right: 20px;}
#search-input   {width: 106px; height: 25px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; border: 1px solid #C3C3C5; padding: 0px 2px 0px 10px;}
#lang           {font-size: 9px; color: #000; line-height: 80px;float: right; vertical-align: middle; display: table-cell;}
#lang   a       {color: #091A41;}
#lang   a:hover {color: #091A41; text-decoration: underline;}
/* pager */
#pager                  {z-index: 20; position: absolute; bottom: 10px; right: 50px;}
#pager a                {background: url('../img/point.png') no-repeat center center; height: 10px; width: 10px; display: inline-block; margin-right: 10px;}
#pager a.activeSlide    {background: url('../img/point_a.png') no-repeat center center; height: 10px; width: 10px; display: inline-block;}



#menu {background: #1541A0;}
.navbar {margin-bottom: 0px !important}
#body               { box-shadow: 6px 0 15px -4px rgba(31, 73, 125, 0.8), -6px 0 8px -4px rgba(31, 73, 125, 0.8); background: #FFF; padding: 0px 25px}
#lekarna            { position: absolute; left: 0px; top: 0px; width: 200px; height: 61px; background: url('../img/lekarna.jpg') no-repeat bottom left;margin-top: 40px; display: inline-block}

        #left-menu-h        { color: #002A40; padding: 10px 5px 10px 10px; margin-top: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #ccc; border-bottom: none; color: #fff; background: #212F4C;}
        #menu-left          { position: relative; width: 250px; margin-bottom: 80px; margin-left: 20px; display: inline-block; vertical-align: top;}
        #menu-left ul       {list-style: none; padding:0px; margin: 0px; border: 1px solid #ccc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; /*background: #00A6FF;*/}
            #menu-left ul > li   { border-bottom: 1px solid #ccc;}
            #menu-left ul > li > a{ font-size: 15px; color: #212F4C; padding: 10px 5px 10px 10px; display:inline-block; line-height:15px; font-weight: bold;}
            #menu-left a:hover{ color: #007DC0;}
            #menu-left ul > li > a:hover{text-decoration: underline;}
            #menu-left a.s{font-weight: bold;color: #007DC0;}
            #menu-left li.s > a{color: #0095E5 ;}
            #menu-left ul > li > ul.s {background-color: #c7c7c7;}
            #menu-left ul > li > ul {/*display:none;*/list-style: none; padding: 0px; margin: 0px; background: #fff; border: none; border-radius: 0px;}
            #menu-left ul > li > ul > li:first-child  { padding-top: 5px;}
            #menu-left ul > li > ul > li  { padding: 0px;margin-left: 10px;}
            #menu-left ul > li > ul > li:last-child  { border: none; padding-bottom: 5px;}
            #menu-left ul > li > ul > li > a {line-height: 14px; font-size: 12px; padding: 4px 0px 4px 0px; font-weight: normal; color: #000;}
            #menu-left ul > li > ul > li > ul > li  { padding: 0px;margin-left: 20px; border-bottom: none;}

            .dep-other      { }
            .dep-all        { cursor: pointer;}
            .dep-show,.pgs-show
                            { display: normal;}
            .dep-hide,.pgs-hide
                            { display: none;}

        #content            {position: relative; width: 100%; }
        #content-home       {position: relative;width: 970px; padding-left: 30px; }

        #content-home *,#content-home:after,#content-home::before
                            { -webkit-box-sizing:  content-box !important;-moz-box-sizing:  content-box !important; box-sizing: content-box !important;}
           #content-text    {position: relative; width: 647px; padding: 0px 35px 35px 35px; color: #091A41; font-size: 13px; overflow: hidden; min-height: 800px;display: inline-block; vertical-align: top}
               #content-text h1 {margin: 3px 0px 15px 0px; font-size: 25px; color: #0E2C6D;}
               #content-text h2,#content-text h2 a {margin: 3px 0px 0px 0px; font-size: 18px; color: #212F4C; line-height: 26px;}
               #content-text p  { margin: 3px 0px 10px 0px; line-height: 16px; font-family:verdana, Arial; color: #474F54; line-height: 140%; text-align: justify;}
               #content-text .content-sep
                            { float: left; position: relative; width: 682px; height: 2px; background: url('../img/content-sep.png') no-repeat center; margin: 20px 0px 20px 0px;}
               #content-text table{ width: 100%; border-collapse: collapse;}
               #content-text table thead td{ background: #1541A0; color: #fff; font-weight: bold;border: 1px solid #1541A0;}
               #content-text td  { border: 1px solid #B3BFD7; padding: 5px;}
               #content-text th {  background: #1541A0; color: #fff; font-weight: bold;border: 1px solid #1541A0;}
               #content-text a { color: #0931f7; text-decoration: underline;}



               /** navigace */
               #nav         { width: 100%; position: relative; height: 40px; line-height: 40px;}
               #nav ul      { list-style: none; padding: 0px; margin: 0px; margin-left: 20px;}
               #nav li      { float: left; margin-right: 0px; font-size: 12px; background: url('../img/nav_a.png') right no-repeat; padding-right: 20px;}
               #nav li:last-child{ background: none;}
               #nav a       { text-decoration: underline; font-size: 12px; }
               #nav b       {  font-size: 12px; line-height: 20px; }
               #nav a:hover { color: #ff0000;}
               #nav span    { font-size: 15px; margin-left: 5px;}

               #tree a                          { line-height: 20px; letter-spacing: 1px; text-decoration: underline; font-family:verdana, Arial, sans-serif; display: block; margin: 0px 20px;}
               #tree ul                         { list-style: none; padding: 0 0 0 1px;margin: 1px 0 0 15px;}
               #tree ul li                      { border-left:1px solid #377081; position: relative; background: url('../img/tree-li.png') no-repeat 12px 1px;}
               /*#tree ul>li                      { padding-bottom: 10px;}*/
               #tree ul li:before               {content: '';width: 10px;position: absolute;border-bottom: 1px solid #377081;left: 0px;top: 10px;}
               #tree ul li:last-child           {border-left:none;}
               #tree ul li:last-child:before    {border-left:1px solid #377081; height: 10px; margin-top:-10px;}


               #tree a:hover{ color: #f00;}


                /** homepage  */
               .home-col3-wrap   {width: 293px; height: 190px; float: left; position: relative; margin:15px 30px 15px 0px}
               .home-col3       {width: 263px; height: 90px; padding: 25px 5px 25px 25px; }
               .home-col3 ul    {margin: 0px 0px 0px 135px; padding: 0px;}
               .home-col3 li    { background: url('../img/bg_li.png') no-repeat 0px 8px; padding-left: 10px; list-style: none;}
               .home-col3-wrap .arrow{ display: none; position: absolute; top: 95px; right: -15px; width: 30px; height: 30px; background: url('../img/arrow.png') no-repeat 0px 0px;}

               .home-col2-wrap   {width: 455px; height: 280px; display:inline-block; position: relative;margin:15px 0px 15px 0px; vertical-align: top}
               .home-col2       {width: 405px; height: 180px; padding: 25px; font-size: 80%;}
               .home-col2 ul    {margin: 0px; padding: 0px;}
               .home-col2 li    { background: url('../img/bg_li.png') no-repeat 0px 8px; padding-left: 15px; list-style: none; width:100%}
               .home-col2 .date{color: #6691EC; font-size: 12px; padding-right: 15px; white-space: nowrap;}
               .home-col2 .news { border-bottom: 1px dashed; margin-bottom: 2px; padding-bottom: 2px;}
               .home-col2-wrap .links {background: #1541A0;padding: 5px;border: 1px solid #0E2C6D;color: #fff;margin: 0px 10px 15px 0px;box-shadow: 2px 2px 2px #000; display: inline-block; width: 80px;}
               .home-col2-wrap-bg {background: url('/img/bg_col2.jpg') no-repeat left bottom;}
               .home-col2 .more {text-align: right; padding-top: 5px; line-height: 23px; position: absolute; bottom: 5px; right: 30px;}

               .news-homepage   {display: table; padding-bottom: 5px;}
               .news-homepage span { display: table-cell;}
               .news-homepage a  {font-weight: bold;}
               .home-col2-wrap .title {color:#fff; font-weight: bold; font-size: 16px;   height: 35px; line-height: 35px; width: 450px; background: #007DC0; border-radius: 5px 5px 0px 0px; vertical-align: middle;}
               .home-col2-wrap .title div  { width: 185px; padding: 0px 20px 0px 20px; float: left;}
               .home-maps-links { float: right; font-size: 80%; text-transform: lowercase; font-weight: normal;}

               .news-col1       { display: inline-block; width: 135px; display: table-cell; vertical-align: top;}
               .news-col2       { display: inline-block; width: 250px; display: table-cell; vertical-align: top;}
               .home-odd{ background: url('/img/oddeleni-bg.png') no-repeat scroll 0% 0% / cover transparent;height: 280px;width: 186px;position: absolute;bottom: 2px;left: 1px;}
               .home-odd-head   {position: absolute; z-index: 100;}
               .home-odd-body   {padding-left: 195px; width: 240px; margin-top: 45px;}

               .half            {width:50%; float: left;}


               /** oddeleni */
               #dep-people  { position: relative; float: left; width: 682px; text-align: center;}
               .dep-people  { padding: 15px; border: 1px solid #6691EC; background:#CED9DD ; margin: 15px; /*width: 230px;*/ display: inline-block; min-height: 316px;}
               .dep-people i {white-space: nowrap;}
               .dep-map-img  {box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);border-radius: 10px;overflow: hidden;}
               #dep-contact { width: 100%;}
               #dep-contact table{margin-top: 20px;}
               #dep-contact td { border: none;border-bottom: 1px solid #6691EC;  text-align: right;}
               #dep-contact th {  background: #0E2C6D; color: #fff; font-weight: bold;border: 1px solid #0E2C6D;text-align: right;}

               /** mapa **/
               .list-pavilon   { list-style: none;}
               .list-pavilon a  {display: inline-block; padding: 5px;}
               .list-pavilon a:hover { background: #D5D5D5; color: #000;}
               .list-pavilon-1 {position: absolute; top: 400px; left: 0px;}
               .list-pavilon-2 {position: absolute; top: 400px; left: 580px;}
                #map-box{ position: relative;width: 700px; height: 550px;background-image: url('/img/mapa/mapa-blank.png'); overflow: hidden; display: inline-block;}

                .menu-js-map      { height: 500px; overflow-y: scroll;}
                .menu-js-map li   { border: none;}
                .menu-js-map a    { font-size: 80% !important; padding: 5px 0px;}

                /*#mapa-bg{ position: relative;top: 0px;left: 0px;border: none;}*/

               .pavilon-info   { display: none;}

               .stat-org        {padding-bottom: 20px;border-bottom: 1px solid;position: relative;float: left;margin-bottom: 20px;}
               .stat-org-img    {float: left;width: 190px;display: inline-block;}
               .stat-org-text   {float: left;display: inline-block;width: 450px;}

               .rada            {width: 33%; text-align: center;float: left; height: 320px;}
               .form            {/*background: #0095E5; border: 1px solid #0095E5 ; border-radius: 8px;*/}
               .form table td, .form table th
                                { background: none !important; border: none !important;}
               .form table input, .form table textarea { width: 80%;border: 1px solid #0095E5 ;}
               .form table input[type=submit],.form table input[type=checkbox],.form table input[type=radio] { width: auto; }
               .form table th    { text-align: right; padding-right: 10px; color: #000 !important;}

               .gallery         { display: table;}
               .gallery-img     {  vertical-align: middle;margin:0px 10px 10px 0px}
                .kariera        { margin: 15px 0 15px 0}
                .kariera th     { text-align: left; padding: 5px 5px}


    #menu-bottom-wrap   { width: 1000px; margin: auto; margin-bottom: 10px;}
    #menu-bottom        { width: 100%; text-align: center; position:relative; background:#007DC0 ; border:1px solid; border-radius:5px; color: #fff;}
        #menu-bottom a{ color:#fff; font-weight: normal; padding: 0px; display: inline-block; font-size: 90%;}
        #menu-bottom li {list-style: none; margin: 0px; display: inline-block;}
        #menu-bottom ul {margin-left: 0px; padding-left: 0px; }
        .col3       { width: 260px; float:left; position:relative; margin-right:6px; height: 150px ; padding-left: 40px;}
        .fs60       { font-size: 60%;}
         .fs80       { font-size: 80%;}
        .col3-border{ background: url('../img/bottom-menu-sep.png') no-repeat right center;}
    #partners-wrap      { width: 100%; border-top: 1px solid #BCBCBC; background: #fff; }
    #partners                 {/*width: 1000px;*/ margin: auto; text-align: center; padding: 20px 0px; }
    #partners img            {margin:15px;}

    .news               { margin-bottom: 20px;border-bottom: 1px dashed; float: left; width: 100%;}
    .news .img          { width: 50%; float: left; padding: 0px 20px 10px 0px;}
    .news .img-small    { width: 20%; float: left; padding: 0px 20px 10px 0px;}
    .news .img img,.news .img-small img      { width: 100%;}

    #footer                 { background:#F0F0F0}
        #footer-text        {width: 1000px; margin: auto; padding: 5px; text-align: center; font-size: 10px; color: #A2A4A5;}

.eu-cookies {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    background-color: #333;
    z-index: 1000;
    text-align: center;
    font-size: 12px;
    padding: 8px;
}

.eu-cookies button {
    background: green;
    color: white;
    border: none;
    font-size: 10px;
    padding: 4px;
    margin: 0px 10px;
    border-radius: 3px;
}
.eu-cookies a{ color: #fff; text-decoration: underline;}

/* alert messages */
.message-success,.message-error,.message,.error
                                    {color:#000;font-size:16px;font-weight:700;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 10px 5px 10px;margin-bottom: 10px;}
.message-success,.message           {background-color:#9F6;border:1px solid #0F0;}
.message-error                      {display: block;}
.message-error,.error               {background-color:#F66;border:1px solid red;}
.message-info                       {display: block;border: #8585364px solid; background:#FFF701; color:#000;font-size:12px;font-weight:700;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px 10px 5px 10px;margin-bottom: 10px;}

.scrollable                 {position:relative;overflow:hidden;height: 400px;width: 279px;}
    .scrollable .items      {position:absolute;height:20000em;}



.oceneni{position: absolute; right: -180px; top: 120px;}
#hci-banner{position: absolute; right: -190px; top: 350px;}
#detsky-tabor{position: absolute; left: -180px; top: 85px;}
#mailing{     position: absolute;;
    left: -180px;
    top: 482px;
    width: 164px;
    background: #007DC0;
    border: 3px solid #007DC0;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    vertical-align: middle;
}
#mailing > a { color: #fff; font-size: 14px; }
#mailing > a:hover { text-decoration: underline;}
.new-img{ max-height: 80px;}

.chat   { width: 100%; border-bottom: 1px solid #212F4C; padding-top: 15px ;}
.question { font-style: italic; width: 100%; padding-bottom: 15px;}
.answer { width: 100%;padding-bottom: 15px;}
.mandatory  { color: #f00;}

.fb-like { margin-bottom: 10px;}
.fb-like-page { margin-top: 10px;}