/* -- ==================================================================== -- 
	 		        CSS styles
   -- ==================================================================== -- */  
ul, li, h1, h2, 
    h3, h4, h5   { 
        margin:0px; 
        padding:0px;
}
b   { color:darkred}
h1  { font-size:17px; }      
li      { list-style-type:none; }

a       { 
        text-decoration:underline !important;
        color:#E72A28
}
a:hover     { text-decoration:none !important; }
body    { 
        text-align:center; 
        font-family: 'Trebuchet MS',Tahoma, Arial, 'Trebuchet MS', 'Arial CE', Geneva ; 
        color:#000; 
        background: #fff ;
        margin: 0;
        }

strong      { color:#E72A28 }

.cleaner {
	visibility: hidden;
	clear: both;
}

.hidden {
        display: none;
}

img     { border:0px solid black;}

.hiddennum  { display:none; }

.top-right      { width:38px;position:absolute; left:50%; height:324px;  top:0px; }

.top-right span { position:absolute; left:505px; width:38px; height:325px; background:url('images/stin-r.jpg') 0px -1px no-repeat; top:0px; }

.top-left       { width:50%; _width:50.8%; position:absolute; right:50%; height:324px; top:0px; }

.top-left span  { position:absolute; right:505px; width:39px; height:325px; background:url('images/stin-l.jpg') 0px -1px no-repeat; top:0px; }



.topa_prechod        { width:100%; height:530px; background: #e2d8cc url('images/body_top.jpg') repeat-x; position:absolute; top:0px; left:0px; }


/* -- ==================================================================== -- 
	 		        Wrapper
   -- ==================================================================== -- */    
#wrapper        { 
        margin:0px auto;  
        text-align:left;
        width:1018px;
        position:relative;
        font-size:.75em;
        
        
        
}

/* -- ==================================================================== -- 
	 		        Header
   -- ==================================================================== -- */ 
#header         {
        float:left;
        height:118px;
        width:1018px;
        background:#D2C6B6;
}

.logo {
      float:left;
      height:116px;
      position:relative;
      width:103px;
      left:50px;
}

.logo span  {
      background: url('images/apek.gif') no-repeat;
      height:116px;
      left:0;
      position:absolute;
      top:0px;
      width:103px;
}

.motto {
      float:left;
      height:73px;
      position:relative;
  
      top:33px;
       left:181px;
      width:503px;
}

.motto span { position:absolute; left:0px; top:0px;   width:503px;     background: url('images/desatero.jpg') no-repeat;  height:73px;}

.spotrebitele {
      float:left;
      height:114px;
      position:relative;
      width:184px;
      left:216px;top:-15px;
}

.spotrebitele span  {
      background: url('images/spotrebitele.jpg') no-repeat;
      height:114px;
      left:0px;
      position:absolute;
      top:17px;
      width:184px;
}

/* -- ==================================================================== -- 
	 		        Prechod
   -- ==================================================================== -- */ 
.prechod {
      float:left;
      width:1018px;
      height:42px;
      background: #D2C6B6;

}

.prechod.header{
      float:left;
      width:1002px;
      height:25px;
      background: #D2C6B6;
      padding-bottom:5px;
    padding-top:5px;
      padding-left:8px;
      padding-right:8px; 
}

.prechod_left     {
      float:left;
      width:12px;
      height:42px;
      background: #FEDA00 url('images/prechod_l.jpg') no-repeat; 
}

.prechod_middle     {
      float:left;
      width:994px;
      height:42px;
      background: #FEDA00 url('images/prechod_m.jpg') repeat-x; 
}


.prechod.footer .prechod_middle     {
      float:left;
      width:994px;
      height:22px;
      background: #FEDA00 url('images/prechod_m.jpg') repeat-x;
      color:#616F92;
      font-weight:bold;
      padding:10px 00px;
      padding-right:0px;
       
}
.prechod.footer .prechod_middle span    { position:relative; left:200px;  }
.prechod.footer .prechod_middle .tisk   { float:right; position:relative; top:-22px; width:130px;}
.prechod.footer .prechod_middle .text   { position:relative; top:-15px; left:5px;}
.prechod.header .prechod_middle     {
      float:left;
      height:25px;
      width:984px;
      background: #FEDA00 url('images/prechod_m_0.jpg') repeat-x;
      color:#616F92;
      font-weight:bold;
      padding:0px 00px;
      padding-right:0px;
      padding-bottom:0px;
}

.prechod.header span    { margin-left:37px; }
.prechod_right     {
      float:left;
      width:12px;
      height:42px;
      background: #FEDA00 url('images/prechod_r.jpg') no-repeat; 
}

.prechod.header .prechod_right     {
      float:left;
      width:7px;
      height:25px;
      background: #FEDA00 url('images/prechod_r_0.jpg') no-repeat; 
}

.prechod.header .prechod_left     {
      float:left;
      width:7px;
      height:25px;
      background: #FEDA00 url('images/prechod_l_0.jpg') no-repeat; 
}

/* -- ==================================================================== -- 
	 		        Content
   -- ==================================================================== -- */ 
#content         {
      width: 1018px;
      text-align: justify;
      float:left;
      background: url('images/content_bg.jpg') repeat-x;
      font-size:1.1em;
}
#container        {
      width: 1018px;
      background: url('images/container-bg.jpg') repeat-y;
float:left;
position:relative;
}

#left       {
      float:left;
      width:208px;
      background: #CFC0AE url('images/left_bg.jpg') repeat-x;
      padding-top:20px;
      padding-bottom:20px;
      position:relative; left:10px;
}

.otaznik            { background: url('images/left_top.jpg') 28px 0px no-repeat; padding-top:40px; }
.otaznik p          { line-height:17px; }

#left p {
    
      font-weight: normal;
      margin: 0px 15px 0 10px;
}

#left p.second    {
      margin-top: 15px;
}

#left .banner1    {
      float:left;
      width:171px;
      height:184px;
      margin: 0px 0 0 0px;
      margin-top:10px;
      position:relative; left:20px;
}
#left .banner1 span   {
      float:left;
      background: url('images/apek_cert_cesk.jpg') 6px 4px no-repeat;
      width:171px;
      height:184px;
      position:absolute; left:0px; top:0px;
}

#left .banner2    {
      float:left;
      background: url('images/banner2.jpg') no-repeat;
      width:174px;
      height:134px;
      margin: 20px 0 0 0px;
      position:relative; left:15px;
}

#left .banner2 span   {
      float:left;
 background: url('images/banner2.jpg') no-repeat;
      width:174px;
      height:134px;
      position:absolute; left:0px; top:0px;
}

#middle     {
      float:left;
      margin-left:10px;
      width:762px;
      position:relative;left:10px;
      background: url('images/content_middle_bg.jpg') repeat-y;
}

.middle-top-left     {
      float:left;
      background: #FFBE00 url('images/content_middle_l.jpg') no-repeat;
      width:17px;
      height:12px;
}

.middle-top-middle     {
      float:left;
      background: #FFBE00 url('images/content_middle_m.jpg') repeat-x;
      width:725px;
      height:12px;
}

.middle-top-right     {
      float:left;
      background: #FFBE00 url('images/content_middle_r.jpg') no-repeat;
      width:20px;
      height:12px;
}

#middle a.vice   {
      font-weight:bold; 
      color: #000;
      float: left;
      margin-top: 10px;
      text-decoration:none;
      margin-bottom:10px;
      
}

#middle .item   { float:left; border-bottom:#fff 1px solid; width:770px; padding-bottom:17px;  }
#middle .item.last  { border:none; padding-left:90px; padding-right:20px; width:666px !important; padding-top:15px; }
#middle .item .vice { background:url('images/vice.jpg') right bottom no-repeat; width:97px; position:absolute; right:0px; bottom:-19px; height:19px; padding-bottom:10px; display:block; }
#middle .item .mene { background:url('images/mene.jpg') right bottom no-repeat; width:97px; position:absolute; right:2px; top:16px; height:19px; padding-bottom:10px; display:block; }
#middle .item.first .top{ margin-top:17px; }
#middle .item.first { }
#middle .item.first .odkaz  { }

#id7 .mene,
#id6 .mene,
#id4 .mene,
#id3 .mene,
#id2 .mene      { top:34px !important; }

#id10 .mene      { top:25px !important; }


.item .top  { background:url('images/item-head.jpg') no-repeat; width:662px; height:39px; float:left; }
.item .bg  { background:url('images/item-bg.jpg') repeat-y; width:662px; padding:0px 00px; float:left; }
.item .bottom  { background:url('images/item-bottom.jpg') no-repeat; width:662px; height:37px; float:left; left:0px; margin:0px }
.item .bg span.text { position:relative; left:50px; width:552px; display:block; }

#middle .odkaz      {       margin-top: 10px;
      text-decoration:none;
       width:658px; font-weight:bold; float: left; position:relative }

#middle a:hover     { text-decoration:underline; }

#middle div.one     {
      background:  url('images/one.jpg') 11px 0px no-repeat;
      padding: 0px 20px 0 90px
}

#middle #id1     {
      padding: 0px 20px 0 0px
}

#middle div.two     {
      background:  url('images/two.jpg') 11px 0px no-repeat;
      padding: 0px 20px 0 90px
}

#middle #id2     {
      padding: 0px 20px 0 0px
}

#middle div.three     {
      background:  url('images/three.jpg') 11px 0px no-repeat;
      padding: 0px 20px 0 90px
}

#middle #id3     {
      padding: 0px 20px 0 0px
}

#middle div.four     {
      background:  url('images/four.jpg') 11px 0px no-repeat;
      padding: 0px 20px 0 90px
}

#middle #id4     {
      padding: 0px 20px 0 0px
}

#middle div.five     {
      background:  url('images/five.jpg') 11px 0px no-repeat;
      padding: 0px 20px 0 90px
}

#middle #id5     {
      padding: 0px 20px 0 0px
}

#middle div.six     {
      background:  url('images/six.jpg') 11px 0px no-repeat;
      padding: 0px 20px 0 90px
}

#middle #id6     {
      padding: 0px 20px 0 0px
}

#middle div.seven     {
      background:  url('images/seven.jpg') 11px 0px no-repeat;
      padding: 0px 20px 0 90px
}

#middle #id7     {
      padding: 0px 20px 0 0px
}

#middle div.eight     {
      background:  url('images/eight.jpg') 11px 0px no-repeat;
      padding: 0px 20px 0 90px
}

#middle #id8     {
      padding: 0px 20px 0 0px
}

#middle div.nine     {
      background:  url('images/nine.jpg') 11px 0px no-repeat;
      padding: 0px 20px 0 90px
}

#middle #id9     {
      padding: 0px 20px 0 0px
}

#middle div.ten     {
      background:  url('images/ten.jpg') 11px 0px no-repeat;
      padding: 0px 20px 0 90px;
      padding-bottom:8px;
}

#middle #id10     {
      padding: 0px 20px 0 0px
}

.texteFaq   { margin-left:90px; position:relative; top:10px; }