@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 : #f3e19f url("../_images/body.gif") repeat-x top ;
  }

  #page {
  	position: relative;
	  width: 990px;
	  margin: 0 auto 0px auto;
    background: #fff;
  }
  
  #doc {
 	  text-align: left;
    margin: 30px 16px 20px 16px;
    background : #fff;
    padding: 0;
  }
  
  #text {
    width: 667px;
    float: left;
  }
  
  #text strong {color:#000000;}
  
  #text1 {
    width: 670px;
    float: right;
  }  
  
  #right {
    width: 242px;
    float: right;
    color: #000;
  }
  
  #left {
    width: 243px;
    float: left;
    padding: 0px 0 20px 0;
    color: #464646;
  } 
  
  #drob {
    font-size: 0.9em;
    margin-bottom: 1em;
  }


/*--- header ---*/

  #header {
    height: 136px;	
    width: 958px;
    background: #fff url("../_images/header.jpg") no-repeat right center;
	  margin: 0px auto 0px auto;
	  text-align: left;
    position: relative;
  }
  
 #logo {
    float: left;
    width: 231px;
    height: 136px;
    background: url("../_images/logo.jpg") no-repeat left center;
    position: relative;
  }

  #logo a {
    display: block;
    width: 100%;
    height: 115px;
    position: absolute;
    top: 10px;
    left: 0px;
  }

  #logo a span {
    display: none;
  }

/*--- menu ---*/

  #menu {
    background: #000 url("../_images/bg-menu.jpg") no-repeat;
    height: 49px;
    width: 958px;
	  margin: 0px auto 0px auto;
  }

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

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

  #menu li.item1 a{
    width: 71px;
  }
  #menu li.item1 a span{
    background: url(../_images/item1.jpg) no-repeat left bottom;
  }  
  #menu li.item2 a{
    width: 115px;
  }
  #menu li.item2 a span{
    background: url(../_images/item2.jpg) no-repeat left bottom;
  }
  #menu li.item3 a{
    width: 100px;
  }
  #menu li.item3 a span{
    background: url(../_images/item3.jpg) no-repeat left bottom;
  }
  #menu li.item4 a{
    width: 133px;
  }
  #menu li.item4 a span{
    background: url(../_images/item4.jpg) no-repeat left bottom;
  }  
  #menu li.item5 a{
    width: 83px;
  }
  #menu li.item5 a span{
    background: url(../_images/item5.jpg) no-repeat left bottom;
  }  
  #menu li.item6 a{
    width: 108px;
  } 
  #menu li.item6 a span{
    background: url(../_images/item6.jpg) no-repeat left bottom;
  }   
  #menu li.item7 a{
    width: 93px;
  }
  #menu li.item7 a span{
    background: url(../_images/item7.jpg) no-repeat left bottom;
  }  
  #menu li.item8 a{
    width: 155px;
  }
  #menu li.item8 a span{
    background: url(../_images/item8.jpg) no-repeat left bottom;
  }    
  #menu li a {
    display: block;
    color: #fff;
    margin: 0 0 0 0px;
    text-align: center;  
    padding: 0px 0 0px 0;
    height: 33px;
    position: relative;
    cursor: hand;
  }

  #menu li a span {
    display: block;
    height: 33px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  #menu li a:hover span, #menu li.active a span {
    background-position: left top;
  }  
  
  #menu li a:hover {
    text-decoration: none;
  }

/*-- menu-left --*/

  #left ul {
    margin-bottom: 0px;
  }
  
  #left ul li {
    padding: 0 0 0 0px;
    background: none;
    margin: 0 0 3px 0;
  }

  #left ul li a {
    font-weight: normal;
    padding: 2px 0 2px 0px;
    display: block;
    font-size: 1.2em;
    min-height: 1px;
    _height: 1px;
    color: #010101;
    text-decoration: none;

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

  #left ul li a:hover {
    background: url("../_images/bg-menu-left.gif") no-repeat left top;
  }
  
  #left ul li.active a {
    background: url("../_images/bg-menu-left.gif") no-repeat left bottom;   
  }
  
  #left ul li.active a span, #left ul li a:hover span {
    background: none;   
  }  

/*--- right ---*/

.boxR {
  background:  #FFCB08 url("../_images/box-top.gif") no-repeat left top;
  margin-bottom: 2em;
  _height: 1px;
  min-height: 1px;
}
.boxR-inn {
  background: url("../_images/box-btm.gif") no-repeat left bottom;
  padding: 15px;
}

/*--- znacky-hp ---*/

  .znacky-hp {
    background: url("../_images/dott.gif") repeat-x top;
    margin: 2em 0 0 0;
    padding-top: 1em;
  } 

  .znacky-hp p {
    width: 132px;
    text-align: center;
    float: left;
    overflow: hidden;
  }  
  .znacky-hp p img {
    margin-left: -5px;
  }  
/*--- tabulka znacek ---*/

  table.znacky {

  }

  table.znacky td {
    text-align: center;
    padding: 10px 0 0 0;
  }
  
  table.znacky td p.nazev, table.znacky td p.rozmer {
    padding: 10px;
    margin: 0px;
  }  
  
  table.znacky td p.rozmer {
    background: #F3F3F3;
  } 
  
  table.znacky td p.rozmer span {
    color: #EC1525;
  }   
  
  table.znacky td p.nazev strong {
    color: #EC1525;
    font-size: 1.5em;
  }   

/*--- footer ---*/

  #footer {
    position: relative;
	  margin: 5px 0px 0px 0px;
    background: #000 url("../_images/bg-footer.jpg") no-repeat bottom left;
    height: 41px;
  }

  #footer p {
    padding: 11px 20px 0px 20px;
    color: #CDCDCD;
    text-align: left;
    font-size: 0.9em;
  }

  #footer p a {
    color: #CDCDCD;
  }

  a.tdn {
    text-decoration: none;
  }
  
  .footer-btm a {
    color: #E19C00;  
  }
  
  .footer-btm {
    color: #565656;  
    font-size: 0.9em;
    margin-top: 5px;
  }  


/*--- 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/sipka1.gif") no-repeat left top;
    padding-left: 13px;
    margin: 0 0 15px 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;	
  }

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

  a:hover {
    text-decoration: none;
  }

  h1 {
    font-size: 2.2em;
    font-weight: normal;
    color: #000;
    margin: 0em 0 1em 0;
    position: relative;
  }
 
  h1.obr {
    font-size: 1em;
    height: 30px; 
    margin-bottom: 2em;
  }

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

  h1.hp span {
    background: url("../_images/h1-hp.jpg") no-repeat left top; 
  } 
  
  h1.sluzby span {
    background: url("../_images/h1-sluzby.jpg") no-repeat left top; 
  }   

  h1.vzornik span {
    background: url("../_images/h1-vzornik.jpg") no-repeat left top; 
  }  
  
  h1.realizace span {
    background: url("../_images/h1-realizace.jpg") no-repeat left top; 
  } 

  h1.o-nas span {
    background: url("../_images/h1-o-nas.jpg") no-repeat left top; 
  } 
  
  h1.objednavka span {
    background: url("../_images/h1-objednavka.jpg") no-repeat left top; 
  }  
  
  h1.kontakty span {
    background: url("../_images/h1-kontakty.jpg") no-repeat left top; 
  }
  
  h1.humor span {
    background: url("../_images/h1-humor.jpg") no-repeat left top; 
  }                  

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

  h2 a {
    color: #285071;
  }
  
  h3 {
    font-size: 1.3em;
    font-weight: bold;
    color: #DEB106;
    margin: 1em 0 1em 0;
    position: relative;
  }

  h4 {
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    margin: 1em 0 1em 0;
  }
  
  h2.partneri {
    position: relative;
    color: #fff; 
    margin-top: 0;
  }

  h2.partneri span {
    display: block;
    width: 100%;
    height: 33px;
    position: absolute;
    left: 0;
    top: 0;
    background: #000 url(../_images/h-partneri.jpg) no-repeat left top;
  
  }    

  .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;
  }  

  #doc.rB {
    background: url("../_images/dott1.gif") repeat-y right;    
  }
  
  #doc.lB {
    background: url("../_images/dott2.gif") repeat-y left;    
  }  
  
  .red {
    color: #EC1525;
  }
  
  
  /************TF**********/
  
  tr.title td {font-weight:bold;}
  tr.no-border td {border:0;}
  form#form2 {padding-left:20px;}
  /*form#form2 table {width:53%;}*/
  form#form2 label {text-align:right;}
  form#form2 input.full {width:98%;}
  .border-yellow {border:1px solid #FFCB08;}
  ._realizace_list_item {margin-bottom:20px;clear:both;min-height:100px;_height:100px;}
  ._vzornik_znacek_list_item a.title,
  a.znaceniHumor {display:block;font-weight:bold;width:242px;color:#FFFFFF;margin-bottom:10px;text-align:center;font-size:1em;padding-top:9px;padding-bottom:9px;background: #000 url(../_images/h-right.gif) no-repeat left top;}

  #text a.znaceniHumor strong {color:#FFFFFF;}	
	

  ._realizace_list_item img,
  ._realizace_detail .thumbnail,
  ._vzornik_znacek_list_item .thumbnail,
  ._vzornik_znacek_detail .thumbnail {float:left;margin-right:10px;}
  ._realizace_list_item .summary,
  ._realizace_detail .summary,
  ._vzornik_znacek_list_item .summary {padding-top:8px;padding-bottom:10px;} 
  ._realizace_list_item .timestamp,
  ._realizace_detail .timestamp,   
  ._realizace_list_item .title {font-weight:bold;}
  
  .thumbnail img {border:1px solid #B2B1B6;}
  a.back {font-weight:bold;display:block;margin-bottom:10px;width:40px;}
  
  .center {text-align:center;}
  h3.right {color:#FFFFFF;text-align:center;font-size:1em;padding-top:9px;padding-bottom:9px;background: #000 url(../_images/h-right.gif) no-repeat left top;}  
  div.sluzby img {margin-top:8px;}
  div.sluzby .top {padding-top:30px;clear:both;}
  
  ._vzornik_znacek___get h3 {margin-top:0;}
  
  ._vzornik_znacek___get .detail {min-height:100px;_height:100px;clear:both;padding-bottom:20px;}
  ._vzornik_znacek___get .detail .thumbnail {float:left;padding-right:15px;}
  ._vzornik_znacek___get .detail .title {font-weight:bold;display:block;padding-bottom:5px;}
  ._vzornik_znacek_list_item {float:left;padding-right:25px;padding-left:25px;} 
  
  ._vzornik_znacek___get .list_item_thumbnail {float:left;text-align:center;padding:5px;}
  ._vzornik_znacek___get .thumbnail {float:left;padding-right:15px;}
  ._vzornik_znacek___get .list_item_thumbnail .thumbnail {float:none;padding-right:0px;}
  
  ._znaceni_s_humorem_simple img {border:1px solid #FFCA08;margin:10px;}
  
  .humorItem {padding-bottom:5px;}
  
  }