* { margin:0; padding:0; }
html{
    height:100%;
}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
body { 
  padding:0; 
  background: #fff  repeat-x; 
  font: 0.8em/1.5 "arial",sans-serif; 
  color: #000; 
  text-align: center;
    height:100%;
}

/* obecne odkazy --------------------------------------------------------------- */
a {color:#0f0f58;}
a:link {color:#0f0f58;}
a:hover {color:#2e2e96;}

/* nadpisy --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 10px 0; }
h1 { font-size:200%; text-align:center;}
h2 { font-size:140%;  color: #0f0f58;font-weight: normal; margin: 0; padding: 10px 26px;}
h2 a{text-decoration: none;}
h3 { font-size:120%;  color: #0f0f58;font-weight: normal; margin: 0; padding: 10px 26px;}
h3 a{text-decoration: none;}
h4 { font-size:120%; }
h5 { font-size:100%; }

/*
.awrap{z-index: -1; width:100%;float:left;}
.aleft{width:200px;height:100%;float:left;margin-left: -100%;background-color: #f0f0f0;}
.acenter{z-index: 9999 padding-left:10px;overflow-y:auto;margin-left: 200px;margin-right: 0px; margin-bottom: 50px;}
*/

.acontainer{
  display: flex;
  width:100vw;
}

.aleft {
  width: 200px; /* 左边块的固定宽度 */
}

.awrap {
  flex-grow: 1; /* 右边块占据剩余宽度 */
}
.acenter{z-index: 9999; padding-left:10px;overflow-y:auto;margin-right: 10px; margin-bottom: 50px;}
.in {z-index: 99999; background: #f0f0f0;width:190px; padding-left: 10px;padding-top: 10px;}


.logo{float:left}


input{ width:110px;margin-top:6px;}

/* layout ---------------------------------------------------------------------- */
#layout { 
  width:100%;
    height:100%;
  margin:0 auto; 
  text-align:left;
}

  	/* hlavicka ------------------------------------------------------------------ */
  	#header { position: relative;width:100%; height: 70px; background: #000; display: none;}
    #header fieldset{border: 0; margin:0; padding:0;}
      #logo {
        margin: 0;
        line-height: 120%;
        font-size:230%;
        padding: 10px 0 0 30px;
      }
      /*#logo a{color: #0f0f58;font-weight: normal;text-decoration: none;}
      #logo a:hover{color: #28288a;}*/
      #logo a { width:88px; height:31px; display:block;}
      #logo a span {display:none;}

      #slogan{
        background: #000;color: #fff;padding: 1px 5px;margin-left: 30px;
      }
      
      #quicknav{
        position: absolute;
        top: 2px;
        right: 0px;
      }
      #quicknav a{color: #fff;text-decoration: none;padding-right: 36px;font-size: 85%;}
      #quicknav a:hover{color: #000;}

      .sli{
          float:left; display:block; margin:0; padding:0;
      }
.sli a{
    display: block;
    padding: 15px 15px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
      .nli{
          float:right; display:block; margin:0; padding:0;
      }
      .nli a{
          display: block;
          padding: 15px 15px;
          text-align: center;
          color: #fff;
          text-decoration: none;
      }
      .ali{
          float:right; display:block; margin:0; padding:0;
      }

      .ali a{
          display: block;
          padding: 15px 15px;
          text-align: center;
          color: #fff;
          text-decoration: underline;
          font-weight: bold;

      }
    /* horizontalni navigace --------------------------------------------------- */
    #nav {margin-top:0px; height:40px; position: fixed;left:0px; top:0px;background-color: #000000; width:100%;}
      #nav ul {margin:0 0 0 0px; padding:0; list-style:none;}

.catalog{
    width:60px;height:60px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    font-weight: bold;
    color:#008200;
    font-size: 30px;
}
.margintop{
    margin-top: 40px;
}
  #container {
    height:100%;width:100%;
  } 
  
    .content {
      float: right; 
      margin-top:5px;
      padding: 0 0 0 0;
      width:550px;overflow: hidden;
      z-index: 10;
    }
    
    .content pre{
    	 
    }
    
    .content img{
     	border:2px solid #cacaef;
      	margin-left:25px;
    }
    
    a.more{width:59px;height: 20px;background: #b8b8dd url("../images/more.jpg") no-repeat; color: #0f0f58;text-align: center; line-height: 20px;font-size: 85%;display: block;float: right;text-decoration: none;margin-right: 0px; margin-top: 15px;}
    a.more:hover{color: #000;}
    
    .article{padding: 20px; border-bottom: 1px solid #f3f3f3;text-align:center;}
    .article p{color: #0f0f58; font-size: 85%;text-align: justify; padding: 0; margin:10px; }
    .article .article-img{
      width: 102px;
      height: 82px;
      position: relative;
      left: 5px;
      margin: 0;
    }
    .article .article-img div{
      width: 136px;
      height: 115px;
      position: absolute;top: 0; left:0;
      z-index: 10;
      background: url("../images/art-img.gif") no-repeat; 
    }
    a.older{display: block;
    padding: 5px;float:right}
  	/* Sloupce ----------------------------------------------------------------- */


    .in .title{
      /*text-transform: uppercase;*/
      color: #606060;
      display: block;
      font-size: 90%;
    }
    .in ul {list-style: none; margin: 3px 0px 3px 0; padding: 0;}
    .in ul li{background: url("/images/panel-dots.jpg") repeat-x bottom; padding: 0 10px;}
    .in ul li a{display: block;padding: 0px;  color: #808081;text-decoration: none;}
    .in ul li a:hover{color: #545454;}

    .panel .about-img div{
      width: 79px;
      height: 97px;
      position: absolute;top: 0; left:0;
      z-index: 10px;
      background: url("../images/about-me.gif") no-repeat; 
    }
    .panel .about-img img{margin: 7px 0 0 4px;}
  	/* paticka ----------------------------------------------------------------- */
  	
  	.ft{
  	margin: auto;  
  position: absolute;  
     bottom: 0; 
  	}

    .foot{position:fixed;bottom: 0px;left:0px;right:0px;
      text-align: center;width:100%; height:50px; margin:0 auto;margin-top: 10px;
    }



    .go-top a{text-decoration: none; display: block; width: 85px;float: right;font-size:10px;}
     .footer p { padding-top:30px; height:20px; font-size: 85%; color: #3b3b7e;}
      .footer p a{color: #0e0e36;}
      .footer p a:hover{color: #3b3b7e; text-decoration: none;}
      .footer p a#webdesign{color: #3b3b7e;text-decoration: none;}


/* odstavce -------------------------------------------------------------------- */
p { margin:15px 0; text-indent: 2em; color:#636363; line-height:20px;}

/* tabulky --------------------------------------------------------------------- */
table { margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%; }
th { text-align:center; font-weight:bold; }
th, td { padding:3px 5px; }

/* seznamy --------------------------------------------------------------------- */
ul, ol { display:block; margin:15px 0 15px 40px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }
ol { list-style-type:decimal; }
ol ol { list-style-type:upper-alpha; }
ol ol ol {list-style-type:lower-alpha; }
li { display:list-item; }
ul li a { text-decoration:underline; }

/* definice -------------------------------------------------------------------- */
dl { margin:15px 0; }
dt { font-weight:bold; }
dd { margin-left:30px; }

/* ostatni --------------------------------------------------------------------- */
fieldset { margin:15px 0; padding:10px; border:1px solid #CCC; }
legend { margin-left:10px; font-size:100%; font-weight:bold; color:#000; }
abbr, acronym, .help { border-bottom:1px dotted #CCC; cursor:help; }
blockquote { margin:15px 20px; font-style:italic; }
del, .del { text-decoration:line-through; }
strong, .strong { font-weight:bold; }
cite, em, q, var { font-style:italic; }
code, kbd, samp  {font-family:monospace; font-size:110%; }
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} 
.f-left {float:left;}
.f-right {float:right;}
.a-left, tr.a-left td {text-align:left;}
.a-center, tr.a-center td {text-align:center;}
.a-right, tr.a-right td {text-align:right;}
.a-justify {text-align:justify;}
.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}
.clear { clear:both; }
.box { min-height:1px; }
.box:after { display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:"."; }
.noscreen { display:none; }
.mleft10 { margin-left: 10px; }
.mright10 { margin-right: 10px; }
.mtop10 { margin-top: 10px; }
.mbottom10 { margin-bottom: 10px; }

/* univerzalni prvky ------------------------------------------------------------ */
input.small{
  width: 50px;
}
input.normal{
  width: 146px;
}
.bigger {font-size:115%;}
.smaller {font-size:85%;}

.high {color:#00F;}
.nonhigh {color:#777;}

.foto{  display: block; border: 3px solid #ddd;}

.btnalignleft{
	text-align:center;margin-top:5px;
}

.btnalignleft input{
	 width:60px;
}
.lang-java{
  font-family: "Courier New", Courier, monospace;
  font-size: 1em;
  white-space: pre;
}
.prettyprint{

}
.text li{
    line-height: 30px;
}
/*a{text-decoration: none;}*/
.article p a{color:#008200;}

.contactcontent{
	text-align:center;height:600px;
}

.dp-highlighter{
    margin-left:40px!important;width:90%!important;
}
.MsoTableGrid{
    margin-left:40px!important;
}