

#wrapper              {width:100%;}
header .container, 
#content .container, 
footer .container     {max-width: 980px; float:none; margin: auto; position: relative; }
header .container     {padding: 0;}

h1 {margin-top: 10px; margin-bottom: 5px; padding-top: 0px; font-size: 48px; color: #07abbc; font-family: 'PT Sans', Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif; font-weight: 100;}
h2 {color: #003c64;font-size: 20px;font-weight: bold;}
h3 {color: #07abbc;font-size: 18px;padding-bottom: 15px;}
h4 {color: #444444;font-size: 14px;font-weight: bold;padding: 10px 0;}

#logo                 {margin-top: 24px; margin-left: 20px;margin-bottom:22px; }
#logo h1              {margin:0px; padding-top:0px;font-size: 14px;}         
          
.nolpad {padding-left: 0px;}
.norpad {padding-right: 0px;}
.col-md-4 a, .col-md-8 a {color: #12697f;}

/* Header */
              
.search               {float: right;margin-right: 49px; margin-top: 10px;}
.search-field         {float: left;}
.search-field input   {width: 185px; height: 30px; border-radius: 5px; margin-right: 5px;border-color: #e8f2f3;}
.navbar button        {background-color: #2cc5d5; width: 75px; height: 30px;font-size: 13px;color: #fff;border: 0px;margin-top: 2px;}
.navbar button:hover  {background-color: #0F85A3;color: #fff;}
.navbar-toggle        {background-color: #0F85A3!important;color: #fff;width: auto!important;float: right;margin-top: 5px;}  

header                {width: 100%;height: 408px;}
header input          {border: 1px solid #fff; padding-left:10px; margin-left:3px; margin-top:2px;}

.logo-bg              {background: url(https://search.webdepozit.sk/webarchiv/public/20170224234259/http://www.sitmp.cz/img/sitmp2/bg-logo.jpg) no-repeat center top #003c64; height: 408px;}
.logo-bg-small        {background: url(https://search.webdepozit.sk/webarchiv/public/20170224234259/http://www.sitmp.cz/img/sitmp2/bg-logo.jpg) no-repeat center top #003c64; height: 235px;}                      
                                                                                               

.crumb              {padding-top: 18px; padding-left: 5px; max-width: 980px; margin: 0 auto;}
.crumb-item         {float: left; background: url(https://search.webdepozit.sk/webarchiv/public/20170224234259/http://www.sitmp.cz/img/sitmp2/arrow-right.png) no-repeat left center; padding-left: 17px;}  
.crumb-item a       {color: #07abbc;padding-right: 12px;} 
.crumb-item a:hover {color: #21dff3; text-decoration: none;}
.first-crumb        {background-image: none;padding-left: 15px;}
.crumb-active, .crumb-active a     {color: #fff;}                


.myslider {margin: 0 auto;}
.mymenu   {float: left; }


a.more       {display:inline-block; background-color: #2cc5d5; font-size: 13px; color: #fff; margin-left: 0px; margin-top: 10px; padding:2px 10px; border-radius:3px;}
a.more:hover {background-color: #003c64;color: #fff; text-decoration:none;}
    
/* Navbar */

.navbar {background-color: #07abbc; }
.navbar li:fist-child .active {border-radius: 5px 0 0 5px}
.nav li a {color: white!important; font-size: 15px;padding-left: 14px;padding-right: 15px;}
/* .nav li a {color: white!important; font-size: 15px;padding-left: 20px;padding-right: 21px;} */
.nav li a:hover, .nav li a:active {background-color: #0f85a3;}

.navbar-default .navbar-nav > li > a {line-height: 22px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {background-color: #0F85A3;}

.navbar-default .navbar-nav > li:hover {background-color: #0F85A3;}
.navbar-default li:first-child a:hover {border-radius: 5px 0 0 5px}
.navbar-nav .first-menu-item:hover {border-radius: 5px 0 0 5px}
.nav > li:first-child a {border-radius: 5px 0 0 5px}
.nav > li > a:focus, .nav > li > a:active {background-color: #0F85A3;}
                              

.navbar {position: relative; -moz-border-radius: 5px;  border-radius: 5px; }
.navbar-static-top {border-width: 0;width: 100%}
.navbar .active {background-color:#0f85a3;border-radius: 5px 0 0 5px;}
.navbar-collapse {border-radius: 5px; float: left;}

.sidebar-nav navbar{background-color: red;   }

.navbar-wrapper {width: 100%;}
.navbar-wrapper .navbar {border-radius: 5px;}
                   
.navbar-wrapper .col-md-8, .navbar-wrapper .col-md-4 {float: left;padding: 0;}                  
                           
        


/* Content */

#content {width: 100%;min-height: 305px; background-color: #fff;}
#content .quicklinks .col-md-4 {padding-top: 30px; padding-bottom: 50px;}
#content .quicklinks .col-md-8 {padding-top: 30px; padding-bottom: 49px;}

#content .quicklinks {margin-top: -50px;}
#content .quicklinks a {color: #12697f;}
#content .quicklinks a:hover {color: #00a3cd;text-decoration: none;}

.quicklinks h2 {font-weight: bold; font-size:18px; color: #002036;margin: 0;padding: 0 0 14px 0;}
.quicklinks col-md-6 {color: #444444;font-size: 13px;} 
.qlinks {color: #002036;font-size: 13px;}
.phone {margin-left: 86.5%; margin-top: -97px;}

ul {list-style-type: none; margin: 0; padding: 0;}

.help {font-size: 16px; font-weight: bold; color: #003c64;}
.title {font-size: 19px; font-weight: bold; color: #003c64;padding-bottom: 0px;padding-top: 3px;}
.archiv                  {float: right;padding-top: 23px; padding-right: 11px;}
.archiv a                {text-decoration: underline; font-size: 14px; color: #0f85a3;}        
.archiv a:hover          {text-decoration: none;}  

/* QuickLinks */

#content .quicklinks .col-md-4 {padding-left: 50px;padding-right: 0px;background-color: #ededed; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;}
#content .quicklinks .col-md-8 {margin-left: -1px;padding-left: 77px;border-left: 1px solid #ffffff; background-color: #dbe8e9; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;}                   

/* News */

.news-box                 {padding-bottom: 30px; border-bottom: 1px solid #2cc5d5; padding-left: 32px;}
.news-box .news-pad       {padding-bottom: 20px;}
.news-box .col-md-12      {padding-bottom: 10px;padding-top: 20px;}
.news-box .archiv a       {color: #12697f;}
.news-box .archiv a:hover {color: #00a3cd;text-decoration: none;}
.news                     {padding-right: 20px;}
.news h3                  {padding: 0; margin: 0;}       
.news h3 a                {color: #0f85a3; font-weight: bold; font-size: 14px;}
.news h3 a:hover          {color: #00a3cd; text-decoration: none;}

.date       {color: #000; padding-bottom: 3px;line-height: 12px;}
.left-news  {margin-left: -10px;}

.news-sidebar                     {padding-left: 20px; padding-right: 20px;}
.news-sidebar .news               {padding:0px;}
.news-sidebar .news h3                  {line-height:20px; font-size: 14px; margin-bottom:5px; margin-top:5px; }
.news-sidebar .news h3 a        {color: #0f85a3; font-weight: bold;}
.news-sidebar .news h3 a:hover  {color: #00a3cd;text-decoration: none;}
.news-sidebar-more                {background-color: #2cc5d5; width: 67px; height: 22px;font-size: 13px;color: #fff;margin-left: 0px; margin-top: 18px;}
.news-sidebar-more:hover          {background-color: #003c64;color: #fff;}
.archiv-sidebar                   {padding-top: 23px; padding-right: 11px;}              
.archiv-sidebar a                 {text-decoration: underline; font-size: 14px; color: #0f85a3;}        
.archiv-sidebar a:hover           {text-decoration: none;}  

/* Educ */

.edulogo            {float: left;margin-left: -6px; margin-top: -2px;position: relative;}
.educ               {padding-top:35px;padding-bottom: 80px;padding-left: 32px;}
.educ h2            {margin-top: 0px;padding-bottom: 15px;padding-left: 35px;padding-top: 3px;}
.educ-day           {width: 25px; text-align: left; line-height: 15px; padding-bottom:15px;font-weight: bold;float: left;color: #000;}
.educ-month         {width: 83px; text-align: left; line-height: 15px; padding-bottom:15px;float: left;color: #000;}  
.educ h3            {display: table-cell; font-size: 14px;font-weight: bold; line-height: 15px;padding:0; margin:0; padding-bottom:15px;}
.educ h3 a          {color: #0F85A3;}
.educ h3 a:hover    {color: #00a3cd;text-decoration: none;}
.educ .more         {margin-left: 2px;margin-top:20px;}
.educ .col-md-5     {padding-left: 35px;}


/* Projects */

.project-box          {padding-left: 0px;}
.project-box h2       {margin-top: 0; padding-left:0px; padding-bottom: 10px; padding-top: 5px;}
.project-box .project {margin-left: 0px;}
.project              {max-width: 340px; min-height: 75px; border-bottom: 2px solid #fff; background-color: #e5e5e5;}
.project-logo         {height: 3%; text-align: center;padding-top: 15px;}
.project-text         {height: 3%ˇ; text-align: center;font-size: 37px;color: #5b5b5b;font-weight: bold;padding-top: 8px;}
.project-link         {margin-top: 15px;padding-left: 30px;}
.project-link a       {color: #12697f;}
.project-link a:hover {color: #00a3cd;text-decoration: none;}
.first                {-moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px;}
.last                 {-moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;}



.info {float: right;text-align: right;color: #c9c9c9;}
.info a {color:#fff;font-size: 14px;}

footer              {width: 100%;min-height: 305px; background-color: #3c3c3c; margin-top:15px;}
footer container    {padding-left: 13px;}
.logofooter         {float: right; margin-right: -4px; padding-top: 10px;margin-top: -33px;}
.footer-heading     {font-size: 15px; font-weight: bold; color: #929292;padding-bottom: 15px;margin-top: -33px;}
.footer-links-box   {padding-top: 100px;}
.footer-links-box .col-md-3 {width: 28%;padding-bottom: 10px;}

footer .links       {padding-left: 15px; padding-right: 40px;}
footer .col-md-3, 
footer .col-md-9    {padding-left: 20px;}
footer .col-md-3    {width: 31%;padding-top: 0;line-height: 18px}
footer .col-md-3 a  {color:#fff;font-size: 12px;}
footer a:hover      {color: #31c6d6; text-decoration: none;}
footer .pads        {padding-left: 15px;}
footer .col2        {padding-left: 15px; padding-right: 0;}
footer .col3        {padding-left: 15px; padding-right: 0;} 
footer .infobox     {width: 24%!important; float: right; padding-right: 23px;line-height: 17px;}

.inlogo     {padding-top: 30px; padding-left: 20px;}
.footer-img {float: right;padding-top: 31px; padding-left: 5px;margin-right: -10px;} 
      
.article-page, .article-list, .article-side {padding-left: 0; padding-right: 0;}      

.article-list h2          {font-size: 19px; font-weight: 600; color: #003c64; /*padding: 5px 0; */}
.article-list h2 a        {color:#003C64;}
.article-list h2 a:hover  {color: #00a3cd;text-decoration: none;}
.article-img              {padding-top: 23px;}
.article-list .col-md-12  {padding-top: 18px;}
.article-list .col-md-7   {padding-top: 3px;}
.article-item             {padding-bottom: 0px;}
.article-item p           {font-size: 13px; line-height: 17px;}
.article-item .more       {margin-left: 2px;margin-top:20px;}

.liner {border-bottom: 1px solid #b7dae3;height: 1px; float: right; width: 100%; padding-top: 37px;}

.pager-box {margin-left: 26%;padding-top: 25px; padding-bottom: 90px;}

.pager-left           {background: url(https://search.webdepozit.sk/webarchiv/public/20170224234259/http://www.sitmp.cz/img/sitmp2/arrow-left.png) no-repeat 7px center  #2cc5d5; padding:2px 10px; padding-left: 21px; padding-right: 20px; margin-right: 35px;color: #fff; float: left; line-height: 19px; font-size: 14px; border-radius:3px; text-decoration:none}
.pager-right          {background: url(https://search.webdepozit.sk/webarchiv/public/20170224234259/http://www.sitmp.cz/img/sitmp2/arrow-right.png) no-repeat 47px center  #2cc5d5; padding:2px 10px; padding-left: 12px; padding-right: 20px; margin-left: 35px;color: #fff; float: left; line-height: 19px; font-size: 14px; border-radius:3px; text-decoration:none}
.pager-item           {font-size: 14px; color: #07abbc; float: left; padding-left: 5px; padding-right: 5px; line-height: 19px;}
.pager-active a       {font-size: 18px; color: #003c64;} 
.pager-item a:hover   {font-size: 14px; color: #003c64;text-decoration: none;}
.pager-active a:hover {font-size: 18px; color: #003c64;}

.pager-left:hover, .pager-right:hover {background-color: #003c64;color: #fff; text-decoration:none;}


/* Article detail */

.article-detail         {padding-left:0px;padding-right:0px;}
.article-detail h1      {margin-bottom:24px; margin-top:28px;}
.article-detail .perex  {font-size: 18px; color: #666666; margin-top: -13px; line-height: 24px;}
.article-detail p       {padding-top: 0px;line-height: 18px;}
.at-image               {padding-left: 20px;padding-right: 0;}
.article-detail a       {color: #00aeef;text-decoration: underline;}
.article-detail a:hover {text-decoration: none;}

.article-table    {width: 100%;line-height: 30px;color: #666666;padding-bottom: 40px;}
.article-table th {background: #07abbc;color: #fff;font-size: 14px; font-weight: bold;line-height: 28px;padding-left: 10px;padding-right: 10px;}
.article-table td {padding-left: 10px;padding-right: 10px}
.article-table td p, td p {vertical-align: middle; margin: 5px 0px; padding: 0px;}
.article-table tr {border-bottom: 1px solid #e1e1e1;}
.image {padding-bottom: 30px;}


.article-detail ul {list-style-type: disc; margin-left: 20px; line-height: 22px; margin-bottom:10px;}
.article-detail ol {list-style-type: decimal; padding-left:5px; margin-left: 20px; line-height: 22px; margin-bottom:10px;}


.gallery-list         {padding-bottom: 25px; padding-left:0px;padding-right:0px;}
.gallery-list:after   {content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}

.gallery-image       {float: left; margin-right: 5px; margin-bottom: 5px; border: 1px solid #d1d1d1;}
.gallery-image:hover {border: 1px solid #31c6d6;}


.article-detail .pager-left,          
.article-detail .pager-right {color:#FFF; text-decoration:none}  

.cleaner {clear: both; visibility: hidden; width: 0px;}





 /* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {padding: 0;max-height: none;}
  .sidebar-nav .navbar ul {float: none;display: block;}
  .sidebar-nav .navbar li {float: none;display: block;}
  .sidebar-nav .navbar li a {padding-top: 12px;padding-bottom: 12px;}
  
  .sideba-nav { background-color: #ededed; }
}




#side-nav {float: left;width: 231px;border-top: 0px solid #999;/*border-right: 1px solid #999;border-left: 1px solid #999;*/
padding-top:17px; padding-bottom: 17px; border: 1px solid #ededed; border-radius: 5px; background-color: #ededed; margin-top: 34px;
margin-bottom: 55px;

}
#side-nav li a {display: block;padding: 7px 20px;background: #ededed;
/*border-top: 1px solid #eee;border-bottom: 1px solid #999;*/
text-decoration: none; color: #12697f;font-weight: 500;line-height: 23px;font-size: 15px;
}
#side-nav li a:hover {
  background: #e4e4e4;
  color: #12697f;
}



#side-nav li a.active {
    background: #07abbc;
    color: #fff;
    border: 0;
}
#side-nav li ul {
    display: none; // used to hide sub-menus
}
#side-nav li ul li a {
    padding: 7px 23px 7px 33px;
    background: #ededed;
    /*border-bottom: 1px dotted #ccc;*/
    color: #07abbc;
    font-size: 13px;
    line-height: 12px;
}

.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}     
.navbar-toggle   {position:absolute; border:1px solid red; right:0px; top:-60px; }

                   
@media screen and (max-width: 648px){
    .row{
        margin-right: 0;
        margin-left: 0;
    }
    
    .myslider {display:none;}
    .news-sidebar {display:none;}
    .logo-bg,
    .logo-bg-small {height:240px}   
    
    .navbar-wrapper .col-md-8 {width:100%;}
    .navbar-wrapper .col-md-4 {float:left;width:100% }
    
    .navbar-collapse {width:100%;}
    
    .nav li {width: 100% !important; border-bottom: 1px solid #91D9E0;}
    .nav li:first-child a:hover {border-radius: 0; }
    .navbar .active {background-color:#0f85a3; border-radius: 0;}
    
    .search {float: none;}
    .search-field input {width: 150px;}

    .bx-wrapper {padding-left:0;}
    .crumb {min-height: 60px; background-color: #003c64; padding-top: 0;}
    
    .news-sidebar h3      {padding-left: 0px!important;}
    .news .news-more      {padding-bottom: 10px;}
    .news-box .left-news  {margin-left: 0; padding-left: 15px;}
    .news-box             {padding-left: 20px!important;}
    
    
    .project              {max-width: 340px; max-height: 75px;}
    .project-logo, .project-text {display: none;}
    .project-link   {margin-top: 0;padding-top: 10px;padding-bottom: 10px;}
    .educ .col-md-5 {padding-left: 0px;}
    .educ .col-md-7 {padding-left: 0px;}
    .educ h3        {display: block;}
    .educ h3:before {content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
    .educ-month {padding-bottom:5px;}
    .educ-day {padding-bottom:5px;}

    
    .quicklinks .col-md-6 {margin-top:20px;}
    
    #content .quicklinks .col-md-4 {padding-left: 30px;}
    #content .quicklinks .col-md-8 {padding-left: 15px;} 
    #content .news-box {padding-left: 0;}
    
    .archiv {float: left;width: 100%;padding-top: 23px; padding-bottom: 10px;  }
    .left-news {margin-left: 0px;} 
    .crumb {padding-top: 0;}
    
    .table-box {padding: 10px 0}
    .article-detail-gallery {padding-bottom: 15px;}
    .pager-gallery-box {margin-left: 34%;padding-top: 10px; padding-bottom: 30px;}
      
    .number {margin-left: -15px;}
    .article-detail p, .article-detail ol, .article-detail ul{padding-left: 15px;}
    .article-item p {padding-left: 15px;}
    .article-item .more {margin-left:15px;}
      
    #footer {padding-top:15px;}   
    .footer .info {float:left;text-align:left;}
    footer .col2 {margin-left: 15px;}
    footer .col3 {margin-left: 15px;} 
    
    .article-page .perex, .article-page h1, .article-page h2, .article-page h3, .article-page h4, article-page table, .article-page nonumber {padding-left: 15px;}
    .article-page img {margin-left: 15px;}
    
    .detail-gallery-image {margin-left: 0px;}
    
    .pager-box {margin-left: 0; padding-bottom: 20px;}
    
    .gallery-box .article-detail-h2 {padding-left: 20px;}
    
    #side-nav {margin-top: 5px; width: 100%;}
    
    footer {height: 100%;background-color: #3c3c3c;}
    footer .col-md-3 {padding-bottom: 20px;width: 80%;}
    .footer-links-box .col-md-3 {width: 90%;padding-bottom: 10px;}
    footer .infobox {width: 90%!important; float: none;padding-top: 10px;} 
    footer .footer-heading, footer .logofooter {padding-top: 10px;float: left;padding-bottom: 0px;}
    footer .infobox {float: left;}
    footer .info, footer .logofooter {float: none;text-align: left;padding-left: 20px;margin-top: 5px;}
    
    
    
}
                                     

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}


/* *** PŘIDÁNO ******************************************* */
#listPager {
 margin-top: 10px;
}
#listPager TABLE TD {
	padding: 10px;
}
#registerForm { 
	float:left;
	width: 50%;
}
#registerForm TABLE TR {
	border-bottom: medium none; 
}
#registerForm TABLE TD.submiter {
	padding-top: 10px;
}
#registeruser {
	float:left;
	padding-left:30px;
	width: 50%;
}
#registeruser H3 {
	margin-top: 0;
}
#listPager {
	margin-top:30px;
}
LABEL.error {
	color: red;
	display: none;
}
                  





/*
     FILE ARCHIVED ON 23:42:59 Feb 24, 2017 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 16:35:10 Nov 29, 2025.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
