* { margin:0; padding:0; }
img { border:0; }
body { 
  padding: 10px 0; 
  background: #005c95; 
  font: 0.8em/1.5 Verdana,sans-serif; 
  color: #666666; 
  text-align: center; 
}

/* obecne odkazy --------------------------------------------------------------- */
a {color:#006dad;}
a:link {color:#006dad;}
a:hover {color:#000;}

/* nadpisy --------------------------------------------------------------------- */
h1, h2, h4, h5, h6 { margin:15px 0 10px 0; }
h3 {
	margin: 15px 0 0 0;
}
h1 {
	font-size: 150%;
	color: #006dad;
	border-bottom: 1px solid #ddd;
	position: relative;
	margin-bottom: 15px;
}
h1 .print-ico {position: absolute; right: 5px; top: 5px; width: 16px; height: 15px;}
h1 .print-ico img{ position: absolute; top: 0; width: 16px; height: 15px;}
h2 {
	font-size: 140%;
	color: #0088d7;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}
h3 {
	font-size: 140%;
	color: #0088d7;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h4 { font-size:120%; }
h5 { font-size:100%; }
hr { size: 1; color: #ddd;}
.htab {
	color: #FFFFFF;
	font-weight: bold;
}


/* layout ---------------------------------------------------------------------- */
#layout { 
  width:950px; 
  margin:0 auto; 
  text-align:left; 
  background: #fff;

}
  #container { 
    float: left;
    width: 735px;
    border-top: 3px solid #cce4ff;
  }

  	/* hlavicka ------------------------------------------------------------------ */
  	#header { border: 1px solid #fff; border-top: 4px solid #cce4ff; border-bottom: 3px solid #cce4ff; font-size: 95%; position:relative; background: url("../img/header.jpg") no-repeat; height: 188px; }
  
      #langs {list-style: none; margin: 0; padding: 0; position: absolute; left: 580px; top: 5px;}
        #langs li {float: left; margin-right: 5px;}
          #langs li a {float: left;}
      
      #search { clear: both;position: absolute; left: 680px; top: 3px;}
        #search #phrase {background: #f5f5f5; border: 1px solid #e5e5e5; width: 175px; padding: 0 1px 0 1px; height: 17px; position: absolute; top:0;}
        #search #submit {background: #cce4ff; border: 1px solid #016dad; color: #016dad; font-weight: bold; height: 19px; overflow: hidden; padding: 0 0 5px 0; width: 80px; text-align: center; font-size: 95%;position: absolute; top:0; left: 185px;}
        
    /* horizontalni navigace --------------------------------------------------- */
      ul#nav { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin:0; padding:0; list-style:none; background: #006baa; width: 100%; height: auto; overflow: hidden; }
        ul#nav li { float:left; display:block; margin:0; padding:0; }
          ul#nav li.noborder a { border: 0; }
          ul#nav li a {
            display: block; 
            float: left; 
            padding: 3px 15px;
            color: #fff;
            font-weight: bold;
            text-align: center;
            text-decoration: none;
            border-right: 1px solid #fff;
          }
          ul#nav li a:hover { background: #0084d2; }
      	  ul#nav li#active a { background:#0084d2; }
  
  
  
    .content {
      float: right; 
      padding: 0 0 0 0;
      width:560px;
      z-index: 10;
      font-size: 95%;
    }
    
      #logo {
        position: relative; 
        overflow: hidden; 
        width: 100%; height: 120px;
        font-size:260%;
        margin: 0 0 20px 0;
        line-height: 60px;
        text-align: left;
        border: none;
      }
      #logo a{
        display: block;
        text-decoration: none;
        
      }
      #logo span {
        display: block; 
        position: absolute; 
        left: 0; top: 0; 
        z-index: 1; 
        width: 100%; height: 120px;
        background: #fff url("../img/logo.jpg") no-repeat 10px bottom; 
        cursor: pointer;
      }
      
      .content .box { border: 1px solid #e6e6e6; padding: 10px; }
      .content .box ul { list-style: none;  padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #e6e6e6;}
      .content .box p {	border: none; margin: 10px 10px 3px 3px; font-weight: bold; color: #006dad;}

      .content .box ul li a{ display: block; width: 90%; text-decoration: none; color: #006dad; font-weight: bold; background: url("../img/content-li.jpg") no-repeat 5px 55%; padding: 1px 3px 1px 20px}
      .content .box ul.red li a {color: #ff5050;}
      .content .box ul li a:hover {color: #dc143c;}
		
		.content .box2 { padding: 0px; }
      .content .box2 ul { list-style: none;  padding: 0 0 5px 0; margin: 0 0 5px 0; }
      .content .box2 ul li a{
	display: block;
	width: 90%;
	text-decoration: none;
	color: #006dad;
	font-weight: bold;
	background: url("../img/content-li.jpg") no-repeat 5px 55%;
	padding: 1px 3px 1px 20px;
}
      .content .box2 ul.red li a {color: #ff5050;}
      .content .box2 ul li a:hover {color: #dc143c;}

      .content p {color: #333333; text-align: justify;}
      .content .images {border: 1px solid #e5e5e5; padding: 5px 0 5px 5px; height:74px; overflow: hidden;}
      .content .images a {display: block; float: left; margin-right: 12px; height: 74px; }
      .content .images a.last {margin: 0; }
  
  	/* Sloupce ----------------------------------------------------------------- */
  	#panel-left { float:left; width: 175px; font-size: 95%;}
  	#panel-right { float:right; width: 215px; border-top: 3px solid #cce4ff;font-size: 95%;}
  	
  	#panel-left .in { padding: 20px 20px 10px 10px; }
    #panel-left h5 { background: #cce4ff; margin: 0; padding: 3px 10px 2px; color: #006dad; font-size: 90%;}
    #panel-left p { border: 1px solid #cce4ff; background: #eaf4ff; margin: 0; padding: 0 10px 5px; }
    #panel-left p a img {border: 1px solid #75b7ff; margin-top: 10px;}
    #panel-left p strong#teplota {display: block; padding: 10px 0 5px; text-align: center; font-size: 150%; color: #006dad; }
    #panel-left .normal {padding-top: 0;}
    #panel-left .normal p { border: none; background: none; text-align: center; margin: 0; padding: 0 10px 5px; }
    #panel-left .normal p a img {border: 1px solid #006dad; display: block; margin: 10px auto 0; width: 88px; }
    #panel-left .normal p a.noborder img {border:none; }
    
    #panel-right .in { padding: 20px 10px 10px 20px; }
    #panel-right .box { background: #eaf4ff; border: 1px solid #cce4ff; padding: 10px; }
    #panel-right .box ul { list-style: none;  padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #cce4ff;}
    #panel-right .box ul.noborder { border: none; margin: 0; padding: 0;}
    #panel-right .box ul li a{ display: block; width: 85%;  text-decoration: none; color: #006dad; font-weight: bold; background: url("../img/panel-li.jpg") no-repeat 3px 55%; padding: 1px 3px 1px 15px}
    #panel-right .box ul li a:hover { color: #005a91; }
    #panel-right .kontakt {padding:10px;}
    #panel-right .kontakt strong {color: #006dad;}
    #panel-right .kontakt strong.grey {color: #666666;}
    #panel-right .kontakt address { margin-bottom: 10px; font-style: normal; }
    #panel-right .kontakt address a { text-decoration: none; }
    #panel-right .kontakt p {padding: 0; margin: 0 0 10px 0; }
  	/* paticka ----------------------------------------------------------------- */
  	#footer {
      clear:both;
      border-top: 5px solid #cce4ff;
      background: #64adff;
      color: #0069a8;
      height: 20px;
      width: 100%;
      font-size: 85%;
      height: auto; overflow: hidden;

    }
    #footer p {padding: 1px 5px 3px ; margin: 0;}
    #footer a { color: #0069a8; text-decoration: none; }





/* odstavce -------------------------------------------------------------------- */
p {
	margin: 0 0 15px;
}

/* tabulky --------------------------------------------------------------------- */
table { margin:15px 0; color:#000000; 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: 0; border: none; }
legend { margin-left:10px; font-size:100%; font-weight:bold; color:#000; }
.clear { clear:both; }
.noscreen { display:none; }