@media screen,projection {
  * {
  margin: 0px;
  padding: 0px;
  }
  
  body 	{
    font-family: 'Arial CE', 'Helvetica CE', Arial, sans-serif; 
	  font-size: 75%;
    text-align : center;
	  color: #636363;
    margin-bottom: 40px;	
    background : #fff url("../_images/body.gif") repeat-x top ;
  }

  #page {
  	position: relative;
	  width: 977px;
	  margin: 0 auto 0px auto;
    background: #fff url("../_images/page-btm.jpg") no-repeat bottom;
    padding-bottom: 14px;
  }
  
  #doc {
 	  text-align: left;
    margin: 20px 15px 20px 15px;
    background : #fff;
    padding: 0;
  }
  
  #text {
    width: 657px;
    float: left;
  }
  
  #text1 {
    width: 657px;
    float: right;
  }  
  
  #right {
    width: 247px;
    float: right;
  }
  
  #left {
    width: 247px;
    float: left;
  } 
  
  #drob {
    margin-bottom: 1em;
  }
  
  #drob .path a.last {color:#636363;text-decoration:none;cursor:text;}


/*--- header ---*/

  #header {
    height: 120px;	
    width: 100%;
    background: #fff url("../_images/header.jpg") no-repeat bottom center;
	  margin: 0px auto 0px auto;
	  text-align: left;
    position: relative;
  }
  
 #logo {
    background: url("../_images/logo.gif") no-repeat left center;
    position: absolute;
    top: 20px;
    left: 40px;
  }

  #logo a {
    display: block;
    width: 147px;
    height: 61px;
  }

  #logo a span {
    display: none;
  }
  
  #text-header {
    position: absolute;
    width: 420px;
    height: 63px;
    overflow: hidden;
    top: 50px;
    left: 280px;
  }

  #text-header h3 {
    margin: 0 0 8px 0px;
    font-size: 1.7em;
    font-weight: normal;
  } 

  #text-header p {
    color: #A2A2A2;
  }  
  
/*--- menu ---*/

  #menu {
    background: #0B8B6C url("images/bg-menu.jpg") no-repeat;
    height: 42px;
    width: 100%;
    text-align: center;
  }

  #menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0px auto 0px auto;
    _margin: 0px;    
    width: 949px;
    height: 35px;
  }

  #menu li {
    float: left;
    list-style-type: none;
    padding: 0 0px 0 0px;
    margin: 0 0px 0 0px;
    background:  url("images/menu-sep.gif") no-repeat right center;
  }

  #menu li.item1 {
    width: 122px;
  }
  #menu li.item2 {
    width: 122px;
  }
  #menu li.item3 {
    width: 147px;
  }
  #menu li.item4 {
    width: 140px;
  }
  #menu li.item5 {
    width: 160px;
  }
  #menu li.item6 {
    width: 130px;
  } 
  #menu li.item7 {
    width: 127px;
    margin-right: 0px;
    background: none;
  }
  #menu li.item7 a {
    margin: 0 0px 0 0px;
  }  

  #menu li a {
    display: block;
    color: #D6EBE6;
    margin: 0 2px 0 0px;
    text-align: center;  
    padding: 0px 0 0px 0;
    height: 35px;
    text-decoration: none;
    font-size: 1.2em;
  }

  #menu li a span {
    display: block;
    padding-top: 8px;
  }


  #menu li a:hover, #menu li.active a {
    background: #008061;
  }

/*-- menu-left --*/

  #left ul {
    margin-bottom: 2em;
    background: #D7EBE5;
  }
  
  #left ul li {
    padding: 0;
    background: none;
    margin: 0 0 0 0;
    border-bottom: 1px solid #fff;
  }

  #left ul li a {
    padding: 8px 15px 8px 15px;
    font-size: 1.1em;
    display: block;
    min-height: 1px;
    _height: 1px;
    color: #008061;
    text-decoration: none;

  }
  
  #left ul li a span {
    background: url("images/sipka2.gif") no-repeat left center;
    padding: 0 0 0 20px;
  }  

  #left ul li a:hover, #left ul li.active a {
    background: #008061;
    color: #fff;
  }
  
  
/*--- box ---*/
  .box {
    width: 217px;
    margin: 1em 0 1em 0;
    float: left;
    margin-right: 3px;
  } 
  
  .box img {
    margin: 0 0 0px 0;
  }   

  .box h2  {
    margin: 0 0 10px 0;
    border-left: 5px solid #008061;
    padding-left: 10px;
    line-height: 1em;
  }
  .box h2 a {
    text-decoration: none;
  }
  
  .box p {
    background: #DBEDE9;
    margin: 0px 0 0 0;
    padding: 10px 15px 10px 15px;
  }  

  .box1 {
    width: 217px;
    margin: 1em 0 1em 0;
    float: left;
    margin-right: 3px;
    background: #EBEBEB;
  } 

  .box1 p {
    margin: 0px 0 0 0;
    padding: 10px 15px 10px 15px;
  }  

/*--- right ---*/

  #right h3 {
    font-size: 1.2em;
    font-weight: normal;
  }


  #right h3.black {
    color: #fff;
    background: #000 url("images/bg-h3.gif") repeat-y;
    font-size: 1.2em;
    font-weight: normal;
    padding: 10px 15px 10px 15px;
    margin: 0 0 0em 0;
  }
  
  #right h3.black span {
    background: url("images/sipka1.gif") no-repeat right center;
    display: block;
    width: 100%;
  }  

  .bar-box {
    background: #F6F6F6;
    border: 1px solid #EBEBEB;
    padding: 15px;
    margin: 0em 0 2em 0;
  }

  .bar-box h3  {
    margin: 0 0 1em 0;
    font-size: 1.3em;
  }  
  
  .iso {
    background: #F6F6F6 url("images/iso.gif") no-repeat 95% 15%;  
  }

  .iso p {
    width: 200px;  
  }

  .cont {
    background: #F6F6F6;
    border: none;  
  }
  
/*--- zpravy ---*/

	.news_list_item {
		clear:both;min-height:150px;_height:150px;
	}

  .news_list_item .thumbnail {
    float: left; 
    padding-right:15px;
    margin: 0 0px 15px 15px;
  }

  .news_list_item h4 {
    margin: 0 0 5px 0;
  }
  
  .news_list_item p {
    margin: 0 0 2em 0;
  }  
  
  .news_list_item .summary {padding:5px 0 5px 0;}
  
  .news_list_item .timestamp {
    background: #99CCC0;
    color: #fff;
    padding: 0 3px 0 3px;
    margin-right: 10px;
  }
  
  
  	._references_list_item {
		clear:both;min-height:150px;_height:150px;
	}

  ._references_list_item .thumbnail {
    float: left; 
    padding-right:15px;
    margin: 0 0px 15px 15px;
  }

  ._references_list_item h4 {
    margin: 0 0 5px 0;
  }
  
  ._references_list_item p {
    margin: 0 0 2em 0;
  }  
  
  ._references_list_item .summary {padding:5px 0 5px 0;}
  
  ._references_list_item .timestamp {
    background: #99CCC0;
    color: #fff;
    padding: 0 3px 0 3px;
    margin-right: 10px;
  }
  
  a.list {
    padding-right: 15px;
    background: url("images/list.gif") no-repeat 100% 70%;  
  }
  
/*--- footer ---*/

  #footer {
	  margin: 0px 15px 0px 15px;
    background: #313131;
    height: 35px;
  }

  #footer p {
    padding: 9px 20px 0px 20px;
    color: #CDCDCD;
    text-align: left;
  }

  #footer p a {
    color: #CDCDCD;
  }

  a.tdn {
    text-decoration: none;
  }
  
/*--- obecné tagy ---*/

  ul {
    list-style-position: inside;
    _list-style-position: outside;
    >list-style-position: outside;    
    list-style-type: none;
    margin: 0px 0 1.5em 0px;
    line-height: 1.5em;
  }

  ol {
    list-style-position: inside;
    _list-style-position: outside;
    >list-style-position: outside;    
    margin: 0px 0 1em 0px;
    line-height: 1.5em;
    _padding-left: 25px;
  }

  ol li {
    padding-left: 0px;
  }

  ul li {
    background: url("../_images/sipka.gif") no-repeat left top;
    padding-left: 13px;
    margin: 4px 0 4px 0;
  }
  
  hr  {
    display: none;
  }

  ul, ol, table, fieldset {
    margin-bottom: 1.5em;
  }

  p {
    line-height: 1.5em;
    margin: 0 0 1em 0;
  }
  
  cite, dfn, em, q, var {
    font-style: italic;
  }

  dfn, abbr, acronym {
    cursor: help;
    font-variant: normal;
    font-style: normal;
    border-bottom: 1px dotted;
  }

  code, kbd, samp {
    font-family: monospace;
    font-size: 1.1em; 
  }

  del {
	 text-decoration: line-through;
  }

  ins {
    text-decoration: none;
    border-bottom: 1px dotted;
  }

  strong {
    font-weight: bold;
  }

  table {
    width: 100%;
    font-size: 1em;
    border-collapse: collapse;
  }

  table td, table th {
  	border: 1px solid #E1E1E1;
    padding: 5px;
  }

  table th {
    background: #000;
    color: #fff;
    text-align: left;
  }
  
  legend {
    color: #808080;
  }

  textarea {
    width: 330px;
  }

  fieldset {
	  padding: 20px;
	  border: 1px solid #E1E1E1;
    margin: 1em 0 1em 0;
    background: #F5F5F5;
  }

  legend {
	  margin: 0 .5em;
   padding: .5em 0;
    color: #999;
    font-weight: bold;	
  }

  label {
	 display: block;
	 float: left;
	 width: 100px;
	 clear: inherit;
  }

  a img {
    border: 0 none;
  }
  
  a {
    color: #008061;
    text-decoration: underline;
  }

  a:hover {
    text-decoration: none;
  }

  h1 {
    font-size: 2.1em;
    font-weight: normal;
    color: #008061;
    margin: 0em 0 0.7em 0;
  }
  
  h1 span {
    font-size: 0.6em;
    font-weight: normal;
    color: #008061;
  }  
 

  h2 {
    font-size: 1.4em;
    margin: 1em 0 1em 0;
    font-weight: normal;
    position: relative;
    color: #000;
  }

 
  h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    margin: 1.5em 0 1.5em 0;
  }

  h4 {
    font-size: 1.1zem;
    font-weight: bold;
    color: #000;
    margin: 1em 0 1em 0;
  }
  
  .textR {
    text-align: right;
  }

  .textL {
    text-align: left;
  }

  .textC {
    text-align: center;
  }

  .textJ {
    text-align: justify;
  }

  .indent {
    text-indent: 2em;
  }

  .small {
    font-size: 0.9em;
  }

  .tdn {
    text-decoration: none;
  }

  .marginB {
    margin-bottom: 2em;
  }

  .marginN {
    margin-bottom: 0;
  }

  .alignR {
    float: right;
  }

  .alignL {
    float: left;
  }

  .cleaner {
    clear: both;
  }

  .clear {
    clear: both;
    font-size:1px;
    height: 1px;
    line-height: 1px;
  }

  .hidden {
    display: none;
  }

  .pic {
    border: 1px solid #ccc;
    margin: 0 2px 3px 0px;
  }

  .picR {
    float: right;
    margin: 0 0 10px 10px;
    border: 1px solid #ccc;
  }

  .picL {
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #ccc;
  }

  a.more {
    background: url("../_images/sipka.gif") no-repeat 100% 60%;
    padding-right: 12px;
    _height: 1px;
  }
  
  a.print {
    background: url("../_images/print.gif") no-repeat 0% 70%;
    padding-left: 25px;
    _height: 1px;
    position: absolute;
    top: 85px;
    right: 30px;
  }  
  
  .w243 {
    width: 243px;
  }

  .w403 {
    width: 403px;
  }  

  #doc.rB {
    background: url("../_images/dott1.gif") repeat-y right;    
  }
  
  #doc.lB {
    background: url("../_images/dott2.gif") repeat-y left;    
  }  
  
  .red {
    color: #EC1525;
  }
  
  .size2 {
    font-size: 1.2em;
  }
  
  a.btn {
    display: block;
    width: 192px;
    height: 34px;  
    background: url("../_images/btn-kompletni-nabidka.gif") no-repeat;
    float: right;
  }  
  
  p.fotoG img {
    margin: 0 3px 3px 0;
  }
  
  p.img {
    width: 218px;
    background: #EBEBEB;
    margin: 0 0 0 15px;
  }
  
  p.img span {
    display: block;
    padding: 3px 10px 7px 10px;
  }  
  
  p.cert img {border:1px solid #E0E0E0;margin:3px;}
  
  }