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

  #page {
  	position: relative;
	  width: 900px;
	  margin: 0 auto 0px auto;
    padding-bottom: 14px;
  }
  
  #doc {
 	  text-align: left;
    margin: 20px 0px 0px 0px;
    padding: 0;
    min-height: 190px;
    _height: 190px;    
  }
  
  #doc.woman {
    background: url("../_images/woman.jpg") no-repeat 67% 100% ;
  }  
  
  #text {
    width: 480px;
    float: left;
    padding-top: 1.5em;
  }

  #text1 {
    width: 620px;
    float: right;
    padding-top: 1em;
  }
  
  #right {
    width: 247px;
    float: right;
  }
  
  #left {
    width: 267px;
    float: left;
    background: url("../_images/bg-left.jpg") no-repeat top;
  }  
  
  #kontakt {
    width: 225px;
    float: right;
    background: url("images/dott1.gif") repeat-y left;
  }  
  
  #left {
    width: 247px;
    float: left;
  } 
  
  #drob {
    margin-bottom: 1em;
  }


/*--- header ---*/

  #header {
    height: 160px;	
    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: 10px;
    left: 50px;
  }

  #logo a {
    display: block;
    width: 88px;
    height: 112px;
  }

  #logo a span {
    display: none;
  }
  
  #text-header {
    position: absolute;
    width: 383px;
    height: 120px;
    overflow: hidden;
    top: 35px;
    left: 230px;
	font-size: 10px;
  }
  
  #text-header p {text-align:left;}

  #text-header h3 {
    margin: 0 0 8px 0px;
    height: 25px;
    font-weight: normal;
    color: #fff;
    background: url("../_images/h3-hp.gif") no-repeat left;
  } 
  
  #text-header h3 span {
    display: none;
  }   

  #text-header p {
    color: #fff;
    font-size: 1.2em;
  }  

  #foto {
    background: url("../_images/foto-hp.jpg") no-repeat left top;
    height: 146px;  
  }

/*--- kontakt-hp ---*/

  #kontakt h3 {
    margin: 0 0 1em 30px;
  }

  #kontakt p {
    margin: 0 0 1em 30px;
  }

/*--- menu ---*/

  #menu {
    background: #041956 url("../_images/bg-menu.gif") repeat-x;
    height: 42px;
    text-align: left;
	  width: 900px;
  position: relative;
  }

  #menu ul {
    list-style-type: none;
    padding: 0;
    margin:0;
    height: 42px;
  }

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

  #menu li.item1 {
    width: 110px;
  }
  #menu li.item2 {
    width: 115px;
  }
  #menu li.item3 {
    width: 137px;
  }
  #menu li.item4 {
    width: 130px;
  }
  #menu li.item5 {
    width: 150px;
  }
  #menu li.item6 {
    width: 120px;
  } 
  #menu li.item7 {
    width: 117px;
    margin-right: 0px;
    background: none;
  }
  #menu li a {
    display: block;
    color: #fff;
    margin: 0px 15px 0 15px;
    text-align: center;  
    padding: 0px;
    height: 30px;
    text-decoration: none;
    font-size: 1.2em;
  }

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

  #menu li a:hover, #menu li.active a {
    background:   #2D4B77 url("../_images/bg-menu-active.gif") repeat-x;
  }
  
  #menu li a span {
    display: block;
    padding-top: 6px;
  }  
  
  #menu ul.level1 ul.level2 {display:none;}
  #menu ul.level1 li:hover ul.level2 {display:block;position:absolute;z-index:100;}
  #menu ul.level2 li {float:none;margin:0;/*background:#013161;*/background: #003462 url("../_images/bg-menu.gif") repeat-x;display:block;}
  #menu ul.level2 li a {text-align:left;display:block;color:#FFFFFF;margin:0;padding:10px;height:20px;width:220px;}
  #menu ul.level2 li a:hover {text-decoration:none;background:   #2D4B77 url("../_images/bg-menu-active.gif") repeat-x;}

/*-- menu-left --*/

  #left ul {
    margin: 20px 20px 20px 20px;
  }
  
  #left ul li {
    padding: 0 0 0 15px;
    background: url("../_images/sipka2.gif") no-repeat left top;
    margin: 8px 0 8px 0;
  }

  #left ul li a {
    padding: 0;
    font-size: 1.1em;
    min-height: 1px;
    _height: 1px;
    color: #B78613;
    display: block;
  }
  
  #left ul li.active a span {
    background: #B78613 ;
    color: #fff;
    text-decoration: none;
  }

  #left ul ul {
    margin: 0 0 20px 0;
  }

  #left ul li li {
    background: url("../_images/sipka3.gif") no-repeat left top;
  }  

  #left ul li li a, #left ul li.active li a {
    background: none;
    color: #000;   
    font-size: 1em;
  } 

  #left ul li.active li a span {
    background: none;
    color: #000;   
  } 
  
/*--- box ---*/

  #boxes {
    width: 100%;
    margin: 0em 0 2em 0;
    float: left;
    background: url("../_images/bg-boxes.jpg") no-repeat left top;
    text-align: left;
    padding: 0 15px 0 15px;
  } 
  
  .box {
    width: 270px;
    float: left;
    margin-right: 30px;
  } 
  
  .last {
    margin-right: 0px;
  }    

  .box h3 {
    margin: 12px 0 25px 0;
  }

/*--- right ---*/

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



  
/*--- zpravy ---*/

  .new img {
    float: right; 
    margin: 0 0px 15px 15px;
  }

  .new h4 {
    margin: 0 0 5px 0;
  }
  
  .new p {
    margin: 0 0 2em 0;
  }  
  
  .new span {
    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 0px 0px 0px;
    background: #E6E6E6;
    height: 40px;
  }

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

  #footer p a {
    color: #fff;
  }

  #footer p span {
    background: #BABABA;
    padding: 5px 10px 5px 10px;
    margin: 0 15px 0 15px;
    font-size: 1em;
    line-height: 2em;

  }

  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/sipka2.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 {
  	display:none;
	  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: #B78613;
    text-decoration: underline;
  }

  a:hover {
    text-decoration: none;
  }

  h1 {
    font-size: 1.8em;
    font-weight: normal;
    color: #2E3092;
    margin: 0em 0 0.7em 0;
  }
  
  h1.hp {
    position: relative;z-index:10;
  }
  
  h1.hp span {
    background: url("../_images/h1-hp.jpg") no-repeat left top;
    position: absolute;
    left: 0;
    top: 0;
    height: 22px;
    width: 100%;
  }    
  
  h2 {
    font-size: 1.4em;
    margin: 1em 0 1em 0;
    font-weight: normal;
    position: relative;
    color: #2E3092;
  }

 
  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;
  }
  
  .w243 {
    width: 243px;
  }

  .w403 {
    width: 403px;
  }  

  .red {
    color: #EC1525;
  }
  
  .size2 {
    font-size: 1.2em;
  }
  
  ul.lang {
    position: absolute;
    top: 5px;
    left: 220px;
  }
  
  ul.lang li {
    float: left;
    background: none;
    padding: 0 5px 0 5px;
    border-right: 1px solid #959595;
    line-height: 1em;
  } 
  
  ul.lang li.last {
    border-right: none;
  }
  
  ul.lang li a {
    color: #02285D;
    text-decoration: none;
  } 
  
  ul.lang li.active {
  font-weight: bold; 
  }      

  p.gallery img {
    margin: 0 15px 15px 0;
    border: 1px solid #ccc;
  }
  ._reference___get .h2 {display:none;}
  .catalog___get .h2 {display:none;}
  .layout_item {padding:3px;}
  .layout_item label {padding-right:5px;width:150px;}
  
  ._reference {line-height:1.4em;}
  ._reference___get .thumbnail {float:left;}
  ._reference_list_item {min-height:120px;clear:both;padding-bottom:15px;}
  ._reference_list_item .summary {padding:8px 0 8px 0;}
  ._reference_detail .summary {padding-bottom:10px;}
  
  .sluzbyPage {text-align:left;padding:20px;}
  
  p {text-align:justify;}
  img.border {border:1px solid #B78613;}
  table.noBorder td {border:0;vertical-align:top;}
  
  .catalog_detail .thumbnail {float:left;}
  .catalog_detail .thumbnail img,
  ._reference_detail .thumbnail img {margin:5px;border:1px solid #ccc;}
  
  ._reference_detail .thumbnail,
  ._reference_list_item .thumbnail {margin-right:10px;}
  
  ._reference_list_item .thumbnail img {border:1px solid #ccc;}
  .pages select { display: none; }
  
  }