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

  #page {
	  position: relative;
	  width: 930px;
	  margin: 0 auto 0 auto;
  }

  #doc {
	  text-align: left;
    min-height: 500px;
    _height: 500px;    
    padding: 30px 30px 2em 30px;
  }

  #top {
    height: 82px;
    background: #212121;
  }

  #menu {
  	width: 721px;
    height: 82px;
    float: right;
  }

  #text {
    float: right;
    width: 586px;
    margin-bottom: 100px;
  }

  #left {
    float: left;
    width: 254px;
  }

/*--- header ---*/

  #foto {
  	height: 318px;	
  	text-align: center;
    position: relative;    
  }
  
  #logo {
    float: left; 
  }

  #logo h2 {
    margin: 0;
    padding: 0;
  }

  #logo a {
    display: block;
    width: 209px;
    height: 82px; 
    position: relative;
  }

  #logo a span {
    width: 209px;
    height: 82px; 
    position: absolute;
    top:0;
    left:0;
    background: url("../_images/logo.gif") no-repeat left top;    
  }

  p.anim a {
    width: 106px;
    height: 28px; 
    position: absolute;
    bottom:0;
    right:0;
    margin: 0;
  }

  p.anim a span {
    display: none;
  }

/*--- menu ---*/


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

  #menu li {
    float: left;
    list-style-type: none;
    padding: 0px;
    margin: 0;
    position: relative;
    background: none;
  }

  #menu li.item1 {
    width: 110px;
  }

  #menu li.item1 span {
    background: url("../_images/item1.jpg") no-repeat center bottom ;
  }

  #menu li.item2 {
    width: 124px;
  }

  #menu li.item2 span {
    background: url("../_images/item2.jpg") no-repeat center bottom ;
  }  

  #menu li.item3 {
    width: 107px;
  }

  #menu li.item3 span {
    background: url("../_images/item3.jpg") no-repeat center bottom ;
  }  

  #menu li.item4 {
    width: 142px;
  }

  #menu li.item4 span {
    background: url("../_images/item4.jpg") no-repeat center bottom ;
  }  

  #menu li.item5 {
    width: 117px;
  }

  #menu li.item5 span {
    background: url("../_images/item5.jpg") no-repeat center bottom ;
  }  

  #menu li.item6 {
    width: 121px;
  }

  #menu li.item6 span {
    background: url("../_images/item6.jpg") no-repeat center bottom ;
  }

  #menu li a {
    display: block;
    color: #fff;
    text-decoration: none;
    margin: 0;
    text-align: center;  
    
  }

  #menu li a span {
    display: block;
    cursor: hand;
    height: 82px;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
  }
  
  #menu li a:hover span {
    background-position:  center top ;
  }

  #menu li.active a  span {
    background-position:  center top ;
  }

  #menu li a:hover   {
    text-decoration: underline;
  }

/*--- left-box ---*/

  .left-box   {
    background: #2F2F2F;
    padding: 15px;
    margin-bottom: 2em;
  }
  
  .left-box.leftColBox {padding:0px;}
  
  .lbIn   {
    padding: 15px;
  }

  .l2   {
    background: #313131;
  }
  
  .left-box ul li  {
    background: url("../_images/li.gif") no-repeat left top;
    line-height: 1.2em;
    margin: 0 0 7px 0;
    padding-left: 20px;
  }

  .l2 ul li   {
    margin: 0 0 4px 0;
  } 
  
  .left-box ul li strong {
    font-size: 0.8em;
  }    

/*--- bottom ---*/

  #bottom {
    background: #363636  url("../_images/sep.gif") repeat-y 200px;
    padding: 0;
    height: 107px;
    position: relative;
  }
  
  #bottom a {
    color: #fff;
  }  

  p#link {
    padding: 15px 20px 0 20px;
    float: left;
  }

  p#bann {
    margin: 0;
    width: 420px;
    height: 77px;
    background: #fff;
    position: absolute;
    top: 15px;
    right: 190px;
  }

  span.robot {
    position: absolute;
    right: -30px;
    bottom: -53px;
    _bottom: -54px;    
    background: url("../_images/robot.gif") no-repeat;
    display: block;
    width: 204px;
    height: 265px; 
  }

/*--- footer ---*/

  #footer {
    padding: 0px 0px 40px 0px;
    text-align: left;
    color: #FFF;
    min-height: 1px;
    _height: 1px;

  }

  #footer p {
    line-height: 1.8em;
    padding: 0 55px 0 55px;
  }

  #footer span.cop {
    background: url("../_images/c.gif") no-repeat left bottom;
    line-height: 1.8em;
    padding-left: 17px;
    font-weight: bold;
    color: #7FD9FF;
  }

  #footer span.cop a, #footer span.made a {
    color: #7FD9FF;
    text-decoration: none;
  }

  #footer span.made {
    background: url("../_images/made.gif") no-repeat left bottom;
    line-height: 1.8em;
    padding-left: 17px;
    font-weight: bold;
    color: #7FD9FF;
    margin-left: 10px;
  }
  
  #footer a {
    color: #FFF;  
  }
  
  #footer a:hover {
    color: #FFF;  
  }  

  #footer p.menu-btm {
    padding-left: 72px;
  } 

/*--- formulare ---*/
  
  fieldset {
  	padding: 10px;
  	margin-bottom: 0.5em;
    border: 1px solid #EBEBEB;
  }

  label  {
    color: #590614;
  }
  

/*--- aktuality ---*/

    .mynews {
    padding-right: 0px;
    margin-bottom: 3em;
    position: relative;
    min-height: 1px;
    _height: 1px;
  }
  
  .mynews .list_item {width:280px;float:left;padding-right:13px;}

  .mynews .list_item .title {
    color: #7FD9FF;
    display:block;
    margin-bottom:4px;
    font-weight:bold;
  }
  
  .mynews .list_item .timestamp {font-size:0.9em;display:block;margin-bottom:4px;}
  .mynews .list_item .summary {margin-bottom:7px;}
  .mynews .list_item .more {float:right;}  

  p.all {
    position: absolute;
    right: 0;
    top: -40px;
  }

  p.all a {
    color: #fff;
    font-size: 0.9em;
    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 1em 0px;
    line-height: 1.5em;
  }

  ul li {
    background: url("../_images/sipka.gif") no-repeat left top;
    padding-left: 15px;
    line-height: 1.6em;
  }

  a {
    color: #7FD9FF;
    text-decoration: underline;
  }

  a:hover {
    text-decoration: none;
  }

  h1 {
    font-size: 1.5em;
    font-weight: bold;
    color: #7FD9FF;
    margin: 0em 0 0.5em 0;
  }

  h2 {
    font-size: 1.2em;
    padding: 0.5em 0 0.5em 0;
    font-weight: bold;
    color: #7FD9FF;
  }

  h3 {
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
    margin: 0.5em 0 0.5em 0;
  }
  
  h4 {
    font-size: 1.2em;
    font-weight: normal;
    color: #7FD9FF;
    margin: 0 0 0.5em 0;
  }
  
  h2.obr {
    position: relative;
    height: 40px;
  }
  
  h2.obr span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 100%;
  }

  h2.h-aktuality span {
    background: url("../_images/h-aktuality.jpg") no-repeat left top;  
  } 

  h2.h-o-firme span {
    background: url("../_images/h-o-firme.jpg") no-repeat left top;  
  }      

  
  h3.obr {
    position: relative;
    height: 36px;
    margin: 0;
  }

  h3.obr span {
    position: absolute;
    display: block;
    width: 100%;
    height: 36px;
    left: 0;
    top: 0;
  }

  h3.h-produkty span {
    background: url("../_images/h-produkty.jpg") no-repeat left top;
  }
  
  h3.h-rychle-kontakty span {
    background: url("../_images/h-rychle-kontakty.jpg") no-repeat left top;
  }  

  p {
    margin: 0 0 1em 0;
    line-height: 1.2em;
  }

  hr {
    display: none;
  }

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

  table td, table th {
    border: 1px solid #3D88C4;
    padding: 4px 10px 4px 10px;
  }

  table th {
    background: #7FD9FF;
    color: #000;
    font-weight: normal;
  }

  a img{
    border: none;
  }

/*---- tridy  ---*/

  .alignL {
    float:left;
  }

  .alignR {
    float: right;
  }

  .alignC {
    text-align: center;
  }

  .pic {
    margin: 0 5px 10px 0px;
    border: 1px solid #C9C9C9;
  }

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

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

  .mR {
    margin-right: 18px;
  }

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

  .textL {
    text-align: left;
  }
  
  .textR {
    text-align: right;
  }

  .textC {
    text-align: center;
  }

  .marginN {
    margin: 0px;
  }

  .marginB {
    margin-bottom: 2em;
  }

  .hidden {
    display: none;
  }

  .ml {
    margin-left: 30px;
  }

  .hpm {
    float: right;
    margin-top: -20px;
  }  

  .hpm a {
    font-weight: bold;
    color: #182C51;
  }
  
  p.photos {
    height: 80px;
  }
  
  .txtF {
    padding-left: 20px;
    position: relative;
  }
  
  body.location_index .news_column a.more {text-decoration:none;background:url(../_images/btn-cist-vic.gif) left no-repeat;display:block;width:75px;height:27px;}

  .obsah.product {clear:both;}
  
  .product .photo-product {
    float: left;
    margin-right:15px;
  }
  .product .photo-product img {
    border: 1px solid #C9C9C9;
  }

  .product div.product-inn {
    float: left;
    width: 375px;
  } 
  
  .product div.product-inn h2 {
    font-size: 1.5em;
    font-weight: normal;
    padding-top: 0;
  }
  
  table {
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 1em 0;
    background: #303030;
  }

  table td, table th {
    border: 1px solid #494949;
    padding: 1px 10px 1px 10px;
  }

  table th {
    color: #fff;
    font-weight: normal;
  }
  
  table td {
    color: #7FD9FF;
  } 
  
  ._gallery_list ._gallery_detail {clear:both;}
  
  ._gallery_list_item {width:185px;float:left;height:155px;padding:0px 5px 0px 5px;text-align:center;}
  ._gallery_list_item img {margin-bottom:8px;}
  
  ._gallery___get .h2 {margin-bottom:20px;}
  ._gallery___get .detail {float:left;width:280px;height:115px;margin:0px 10px 0px 0px;}
  ._gallery___get .detail img {float:left;margin-right:10px;margin-bottom:15px;}
  ._gallery___get .detail span {font-size:.9em;}
  
  .news_list_item {padding-bottom:10px;}
  .news_list_item .timestamp {font-size:0.9em;display:block;}
  .news_list_item .title {font-size:1.1em;display:block;font-weight:bold;}
  
  .news_detail {padding-bottom:10px;}
  .news_detail .timestamp {font-size:0.9em;display:block;}
  .news_detail .summary {padding:10px 0px;}
  .news_detail .thumbnail {float:left;}
  .news_detail .thumbnail img {float:left;margin:0px 10px 10px 0px;}

}