/* -------------------- autor ------------------------- */

/* Petr Simcik, e-mail: Petrsimi[@]seznam[.]cz, web: www.petrsimcik.cz */

/* -------------------- reset ------------------------- */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
  margin:0;
  padding:0;
  position: relative;
  }

/* -------------------- body ------------------------- */

body {
  background:#0b202a;
  color:#e5dfce;
  font-family: "Palatino Linotype", "New York CE", utopia, serif;
  font-size:normal;
  position: static;
  }

/* -------------------- header ------------------------- */

#hat-container {
  background:url('http://www.petrsimcik.cz/gfx/head.jpg') 50% 0px repeat-x; 
  font-size:90%;
  text-align:left;
  top:0;
  width:100%;
  }

#hat {
  background:none;
  height:22px;
  margin:0 auto;
  padding:5px 0 2px 0;
  width:900px;
  }

#header-container {
  background:url('http://www.petrsimcik.cz/gfx/head.gif') 50% -30px repeat-x;
  top:0;
  width:100%;
  }

#header {
  height:230px;
  margin:0 auto;
  width:900px;
  }
  
.webhead {
  background:url('http://www.petrsimcik.cz/gfx/head-cent-webdesign.jpg') 0 -30px repeat-x  ;
  }

.maphead {
  background:url('http://www.petrsimcik.cz/gfx/head-map.jpg') 0 -30px repeat-x  ;
  }

.blohead {
  background:url('http://www.petrsimcik.cz/gfx/head-blog.jpg') 0 -30px repeat-x  ;
  }
  
.grahead-b {
  background:url('http://www.petrsimcik.cz/gfx/head-cent-grafika.jpg') 0 -30px repeat-x  ;
  } 

.grahead {
  background:url('http://www.petrsimcik.cz/gfx/head-cent-grafika.jpg') 0 -30px repeat-x  ;
  } 

.konhead {
  background:url('http://www.petrsimcik.cz/gfx/head-cent-kontakt.jpg') 0 -30px repeat-x  ;
  }  
   
.hphead {
  background:url('http://www.petrsimcik.cz/gfx/head-cent-hp.jpg') 0 -30px repeat-x  ;
  }

/* ------------------  layout ----------------------  */

#main {
  letter-spacing:1px;
  margin:0px auto;
  font-size:90%;
  width:900px;
  }

/* ------------------- content ------------------*/

#content {
   width:890px;
   margin:0;
   padding:0px 10px 10px 10px;
   top:0px;
   left:0px;
   }

#text {
   width:600px;
   top:0px;
   float:left;
   }

#text-siroky {
   width:900px;
   top:0px;
   float:left;
   } 
 
/* ------------------- Boční sloupec ------------------- */


.novinky {
 background:url('http://www.petrsimcik.cz/gfx/menu-bg.gif') 0 0;
 width:240px;color:#0b202a;padding:40px 0 0 0;
 float:right;margin:-8px 0 0 0 ;border-top:1px solid #c0bcad;
 }

 .novinky h2{
 padding:0px 0px 5px 0px;
 margin:10px 10px 5px 10px;
 font-size:small;
 border-bottom:1px solid #d2ceaa;
 color:#0b202a;
 font-weight: bold;
 }

.zub {
 background: url('http://www.petrsimcik.cz/gfx/zub.gif') 100% 100% repeat-x;
 width:100%; margin:20px 0 0 0 ;
 height:30px;
 }

.novinky a.last img {
  display:block;
  margin:5px 0px 5px 15px;
  width:50px;
  height:50px;
  border:#115077 5px solid;
  text-decoration:none;
 }

.novinky a.last span{
  display:none;
}

.novinky a.last:hover  img {
  border:#0b202a 5px solid;
}
 
.novinky a.last:hover span{

display:block;
font-size:x-small;
width:180px;
padding:5px;
position:absolute;
bottom:0;
background:purple url('http://www.petrsimcik.cz/gfx/dot-black-transparent.png') 0 0 ;
color:#0b202a;
border-top:1px solid #115077;
}

.novinky ul {
list-style-type: none;
margin:-5px 0 0 0;
 }

 .novinky ul li{
list-style-type: none;
padding:7px 0 7px 20px;
margin:0 0 0 10px;
width:200px; 
font-size: small;
 }
  
.novinky ul li a {text-decoration: underline; color:#967c00;}
.novinky ul li a:hover {text-decoration: underline; color:#115077;}


/* -------------------- menu ------------------------- */


ul#hlavni_menu {  
    position:absolute;
    right:-5px;
    top:-230px;
    background:none;
    } 

    

ul#hlavni_menu  li {  
    display:block;
    float:left;
    } 

    

ul#hlavni_menu  li a{
    display:block;
    padding:18px 16px 12px 16px;
    color:#fff;
    font-variant: small-caps;
    text-decoration:none;
    font-size:0.9em;
  border-color:#d7d0be;
    border-right-color:#bfbca7;
    border-bottom-color:#bfbca7;
    border-style:solid;
    border:0px;
    border-top-width:0px;
    margin-right:6px;
    } 
    
a#home{
    background: none; 
    border:0 black solid;
    padding:50px 130px;  display:block;
    left:0px;position: absolute;
    top:-260px;border:0px solid red;
    } 
   
   ul#hlavni_menu  li a{
    background:#0c202b url('http://www.petrsimcik.cz/gfx/odkaz.gif')  0 -78px no-repeat ;
    } 
   ul#hlavni_menu  li a:hover{
    background:#0c202b url('http://www.petrsimcik.cz/gfx/odkaz.gif')  0 -15px no-repeat ;
    } 

 
    ul#hlavni_menu  li a span{display:none;}
    ul#hlavni_menu  li a:hover span{
    display:block;
    position:absolute;
    top:55px; 
    left:100px;
    font-style: italic;
    font-variant: normal;
    color:#666 ;
    width:250px  ;padding:5px 5px 15px 15px;
    background: url('http://www.petrsimcik.cz/gfx/menu.gif') 0 100% repeat-x;
    }
    
    ul#hlavni_menu  li a#webdesign:hover span{left:110px;}
    ul#hlavni_menu  li a#grafika:hover span{left:-1px;}
    ul#hlavni_menu  li a#kontakt:hover span{left:-93px;}
    ul#hlavni_menu  li a#blog:hover span{left:-191px;}
    
    
/*ul#hlavni_menu li a:hover{ 
    color:#7daac4;text-decoration: underline;
    background: none ;
    }*/

/* ----------------- paticka ---------------  */


#dole {
   position:relative;
   height:250px;
   width:100%;
   clear:both;
   background:#125077 url('http://www.petrsimcik.cz/gfx/foo-fin2.gif') repeat-x  50% 0; 
   }

.dole-center {
   width:900px;
   height:195px;
   padding:40px 15px 15px 15px ; 
   margin:0px auto;
   background: url('http://www.petrsimcik.cz/gfx/foo-fin.gif') no-repeat 0px 0px; 
   }

.dole-center address {
   color:#003353;
   padding:8px;
   width:250px;     
   font-style:normal;
   max-width:230px;
   display:block;
   font-size:small;line-height:150%;
   }
   
 .dole-center address strong {
 color:#333;
   }   
   

   .dole-center address strong span {
   font-size:14px;
   }   

   

.dole-center h3 {
   font-size:13px;
   letter-spacing:2px;
   color:#003353;
   }

   

  .dole-center #right {
  float:right;
  width:300px;
  padding-left:20px;
  margin-right:20px;
  border-left:0px solid #8cb3cb;
  height:200px;
  }

  .dole-center a {
  background:none;
  color:#003353;
  }

  .dole-center a:hover {
  background:none;
  color:#7daac4;
  }    

   .dole-center #left {
  float:left;
  margin-left:30px;
  margin-right:20px;
  line-height:1.1em;
  } 


  .dole-center #left ul li {color:#003353;}

  .dole-center #left div {color:#003353;font-size:small;} 

  .dole-center #left h2 a {font-size:13px;margin-bottom:-5px;

   letter-spacing:2px;text-decoration: none;

   color:#003353;}

  .dole-center #left ul  {margin: 0;padding:  0 0 10px 20px;list-style-image: url('http://www.petrsimcik.cz/gfx/dot.gif');}

  .dole-center #left ul li a {font-size:small}

  .dole-center #left ul li a.delicious-tag {font-size:x-small;color:#0a1f29;text-decoration: none;}

#copyright {

   width:100%;
   top:0;
   height:45px;
   border-top:1px solid #000;
   background:#0b202a url('') 0 0 repeat-x ;
   }
 

#inside

 {
   width:900px;  
   margin:5px auto;
   padding:0;
   } 

  #inside span
  {
   font-size:small;
   } 

   

/* Atributy textu */



h1, h2, h3, h4 {

padding:10px 0 10px 0 ;
font-weight:normal;
font-variant: small-caps;
color:#fff;
font-family: "Palatino Linotype", "New York CE", utopia, serif;

}


h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter  {
color:#a7c835;font-weight:bold;
}


h1 {font-size:normal;letter-spacing:2px; font-style: italic;}



h2 {font-size:normal;letter-spacing:2px; }



h3 {letter-spacing:1px;}



h4 {font-size:75%;letter-spacing:1px;color:#8ca22c;}



a.link2 {background:none;color:#a7c835;}



a.link2:hover {background:none;color:#6d8e00;} 


a.linktwitter {background:none;color:#2abffc;}



a.linktwitter:hover {background:none;color:#0077a9;} 


a {background:none;color:#ffc53a;}



a:hover {background:none;color:#967c00;} 



ul.menu, ul.menu2 {list-style-image: url('http://www.petrsimcik.cz/gfx/dot-blue.gif');margin:10px 0 10px 0;}

ul.menu li, ul.menu2 li {padding:1px 1px 2px 0;margin:0 0 0 20px;}



p {margin:10px 0 10px 0 }

b, strong {color:#d2cb98}


#oranzovy-hp-blok{
Width:400px;
height:200px;
background:#97b430 url(/gfx/money2.gif) no-repeat 0 0; 
float:right;
padding:5px 10px;
margin:30px 10px;
color:#fff;
border-bottom:solid #7d9820 3px;
border-right:solid #7d9820 3px;
border-top:solid #c5dc76 3px;
border-left:solid #c5dc76 3px;z-index:100}

#zeleny-hp-blok{
Width:400px;
height:200px;
background:#c9b339 url(/gfx/money.gif) no-repeat 0 0 ;
border-bottom:solid #b3ac3c 3px;
border-right:solid #b3ac3c 3px;
border-top:solid #eae59c 3px;
border-left:solid #eae59c 3px; 
float:left;
padding:5px 10px;
margin:30px 10px;color:#fff;z-index:100
}

#zeleny-hp-blok a, #oranzovy-hp-blok  a{
color:#fff 
}

#zeleny-hp-blok h2, #oranzovy-hp-blok  h2{
padding: 0 40px ;font-size:normal;letter-spacing:2px; 
}
#zeleny-hp-blok h2 span, #oranzovy-hp-blok  h2 span{
font-size:80%;
}

#zeleny-hp-blok h2:first-letter, #oranzovy-hp-blok  h2:first-letter {
color:#0c202b;font-weight:bold;
}

.sponka-left {position:absolute;top:-30px;left:20px;z-index:500;}
.sponka-right {position:absolute;top:-30px;right:20px;z-index:500;}
/* forms */



.double {font-size:115%}

.star {border:1px solid #000; margin:5px;padding:5px; background:#09181f ;}



address {/* margin-top:15px;padding:8px; border:1px solid #00446f;width:250px; 

background:#d6e9f2 url('/obrazky/webgrafika/viz.png') no-repeat  100% 0  */;

 font-style:normal;/* max-width:230px;display:block; */}



fieldset {border:1px solid #fff;width:900px;margin:10px 10px 10px 0px; padding:10px;
}

fieldset legend {color:#fff;}

input, textarea {border:1px solid #00446f;margin-bottom:5px;margin-top:5px;padding:5px;background:#fff;color:#3d86b5; }



.o_cem {font-size:10px;font-family: Verdana;}

/* společné */



.fle {float:left;}



.fri {float:right;}



.center {text-align: center;}



.clear {clear:both}



.m05 {margin:5px; }



.m10 {margin:10px; }



.m15 {margin:15px; }



.p10 {padding:10px; }


.p15 {padding:15px; }

.ramecek_img {border: 3px solid #fff;padding:0px; margin:2px; }



.w400 {width:400px; }



.w350 {width:350px; }

.w180 {width:180px; }

.zip {color:#8ca22c}



/* obrazky */



.wallpapery {margin:30px 10px 0 10px;}

.wallpapery p {text-align:center;}

.wallpapery p a {text-decoration: none; }

.wallpapery p a img {width:175px;height:131px;border:1px solid #3d86b5; padding:1px;margin:5px;}

.wallpapery p a:hover img {border: 1px solid #8ca22c; }



/* obrazky */

.port a.nadpis  {text-decoration: none;width:100%;display:block;padding:5px 0px 15px 0px; 
background:url('http://www.petrsimcik.cz/gfx/poz.gif') 0  100% repeat-x;position:relative;
top:0;left: 0;color:#fff;font-weight:bold;text-align:right;font-size:10px;text-transform: uppercase;}



.port {display:block;width:400px;border:1px solid #3d86b5;margin:10px;float:left;background:none;position:relative; }



.port .novinka {

position:absolute;

left:0px;

top :0px;

width:75px;

height:73px;

z-index:5000;

background:url(obrazky/webgrafika/new.png) 0 0 no-repeat;

}



.port .novinka { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.petrsimcik.cz/gfx/new.png', sizingMethod='scale'); _background: none }



.port .forsaled {position:absolute; left:0px;top :0px; width:75px;height:73px;z-index:5000;background: url(obrazky/webgrafika/forsaled.png) 0 0 no-repeat; }

.port .forsaled { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.petrsimcik.cz/gfx/forsaled.png', sizingMethod='scale'); _background: none }



.port .forsalek {position:absolute; left:0px;top :0px; width:75px;height:73px;z-index:5000;background: url(obrazky/webgrafika/forsalek.png) 0 0 no-repeat; }

.port .forsalek { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.petrsimcik.cz/gfx/forsalek.png', sizingMethod='scale'); _background: none }







.port .portfo a  {

border: 0px solid #fff;

text-decoration: none;

}





.port .portfo a img {

width:400px;

height:250px;

border-bottom: 1px solid #3d86b5;

border-top: 0px solid #fff;

border-left: 0px solid #fff;

border-right: 0px solid #fff; 

padding:0;

margin:0;

float:left;

text-decoration: none;

}



.port .portfo a:hover img {

border-bottom: 1px solid #3d86b5;

}





.port .webdes p {

padding: 270px 5px 5px 5px;

margin:0;

_padding: 250px 5px 5px 5px;

_margin-right:-10px;

background:url('http://www.petrsimcik.cz/gfx/poz.gif') 0  150px repeat-x;

}







/* Tabulky */





.table {width:95%;text-align:center;

   border-right:0px solid #3d86b5;

   border-top:0px solid #3d86b5;

   margin:0;

   padding:0;

}

.table td {

   border-left:0px solid #00446f;

   border-bottom:0px solid #00446f;

   margin:0;

   padding:2px 5px;

}

.table td img {

   border:2px solid #e7e2d2;
   margin:0;
   padding:1px 1px;

}






/*Styly fotek */



div.foto {float:left;

   width:106px;

   height:106px;

   border:1px solid;

   border:none;

   margin:4px 4px;

   padding:10px;

   background:url('http://www.petrsimcik.cz/gfx/vo.png') center no-repeat;

}



div.sv {

   background:url('http://www.petrsimcik.cz/gfx/sv.png') center no-repeat;

}





div.foto img{

   border:1px solid;padding:2px;

   border-color:#00446f;background:#fff;

}



div.vr img {

   width:100px;

   height:75px;

   margin:14px 2.5px 15px 2.5px ;

}







div.sv img {

   width:75px;

   height:100px;

   margin:2.5px 14px;

} 











div.vr .sm a{display:block;

   width:100px;

   height:75px;

background:none;

}



div.sv .sm a{display:block;

   width:75px;

   height:100px;

background:none;

} 



.galery {clear:both}


/* Reklamy */







#placena-reklama {

   width:100%; /* display:none;  */

   top:0;

   height:25px;

   background: #eee;

   color:#888;border-top:1px solid #ddd;

   }

   

#placena-reklama-inside

 {

   width:900px;

   margin:0 auto;

   padding:5px 0 0 0 ;

   }

   

  #placena-reklama-inside span

  {

   font-size:x-small;

   } 

   



/**/





p.stranky { margin-top:15px; margin-left:8px; }

.stranky a {padding:2px 5px 2px 5px; margin:3px;text-decoration:none;border:1px solid #8ca22c; }

.stranky a:hover {border:1px solid #967c00; }

.webdesign-right {float:right;width:425px;}

.webdesign-left {float:left;width:425px;}

.webdesign-right img, .webdesign-left img {width:420px;}


.ramecek_img_webdesign {border: 3px solid #e7e2d2;padding:2px; margin:2px 15px;}

.ramecek_webdesign {padding:10px 0 10px 10px;margin:10px 0 10px 0; }

.right_text {text-align:right;margin-top:20px;}

.sumar_webdesign, .delitko {line-height:1.5em; background: url('http://www.petrsimcik.cz/gfx/linka.gif') repeat-x  100% 100% ;padding:10px 10px 20px 10px; }





ul.tech {margin-left:120px;margin-top:-20px;}
ul.tech li{list-style-image:url('http://www.petrsimcik.cz/gfx/fajfka.gif')}
ul.noli li{list-style-type:none;}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



 .icon-blok-vnejsi {

background:none;display:block;

 width:280px;

 float:right;

  margin-left:60px;margin-right:0px;margin-top:0px;

 margin-bottom:20px;_padding-left:50px;

 }





 .icon-blok {

 background:none;

 width:220px;margin-top:-5px;

 padding: 0px 0px 25px  10px;

 border-left:1px solid #3d86b5;

 }



 .icon-blok p strong{



 border-bottom:1px solid #3d86b5;display:block;text-align:right;margin-left:-10px

 }



.icon-blok-vnejsi h2 {

margin:0 0 0 -50px;

color:#fff;

font-size:10px;

letter-spacing:1px;

font-weight:bold;

padding:40px 10px 50px 8px;

background:url('http://www.petrsimcik.cz/gfx/novinky.gif') 0  0 no-repeat;

}



div.icon-blok a img {

padding: 5px 5px 5px 10px;display:block;float:left;

}

  



div.icon-blok object {

padding: 5px 5px 5px 10px;display:block;float:left;width:88px;height:31px;

}







/* Vypocet mzdy */



table#mzda {margin:5px;width:300px;border:0px solid #fff;}

table#mzda input, table#mzda textarea {border:1px solid #00446f;padding:2px;background:#fff;color:#3d86b5; }

table#mzda td {background:#eee; border-bottom:1px solid #bbb;color:#352110}

 table#mzda th {background:#00446f; border-bottom:0px solid #bbb; color:#fff}

#forminfo {float:left}

#konecnyvypis {float:left; padding:10px;}

#konecnyvypis table th {color:#8ca22c}

.left {text-align:left;margin-left:120px;margin-top:20px;width:700;height:507px;border:0px #352110 solid;background:#fff}

#copy {color:#352110;}

#copy a{color:#352110;}

#copy a:hover{text-decoration:none;}



/* ---------------- blog --------------------------------------------- */





.cla-text ul {list-style-image: url('http://www.petrsimcik.cz/gfx/dot-blue.gif');margin:10px 0 10px 0;}

.cla-text ul li {padding:1px 1px 2px 0;margin:0 0 0 20px;}









.cla-informace {display:block;margin:5px 0 20px 0;padding:7px 0 7px 0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;font-size:90%;}


.strankovani {margin:36px 0 0 0;}





.cla-informace a {background:none;color:#8ca22c;}



.cla-text a {background:none;color:#8ca22c;}

.blok-telo ul li a {background:none;color:#8ca22c;}

.blok-telo .z a {color:#8ca22c;}

.kom-odkazy a {background:none;color:#8ca22c;}

.std-navig a {background:none;color:#8ca22c;}

.strankovani a {background:none;color:#8ca22c;}


.cla-informace a:hover {background:none;color:#967c00;}
.strankovani a:hover {background:none;color:#967c00;} 

.cla-text a:hover {background:none;color:#967c00;} 

.blok-telo ul li a:hover {background:none;color:#967c00;} 

.blok-telo .z a:hover {background:none;color:#967c00;} 

.kom-odkazy a:hover {background:none;color:#967c00;} 

.std-navig a:hover {background:none;color:#967c00;} 



/*h2.cla-nadpis span{padding:8px 5px 3px 5px;color:#0b202a;
background:#fff url('http://www.petrsimcik.cz/gfx/head.gif') -5px -33px; 
}*/
h2.cla-nadpis:first-letter
{
color:#fff;font-weight:normal;
}



h2.cla-nadpis a {

color:#ffc53a;

}



h2.cla-nadpis a:hover {

color:#967c00;

}





.blok-clanky .blok-telo .z {/*background: url('http://www.petrsimi.org/image/petrsimi_blog/gfx/delitko.gif') 0 100% repeat-x;padding:0 5px 22px 5px;margin:0 10px 0 10px ;width:210px;*/}





.ramecek_text {border:1px solid #00446f; margin:5px;padding:5px; background:#d6e9f2 ;}





.blok-telo ul li a.rss, .blok-telo ul li a:hover.rss { padding:0px 22px 5px 0px;margin:5px;background:url('http://www.petrsimi.org/image/petrsimi_blog/gfx/rss.gif')  100% 0 no-repeat;color: rgb(255,128,0);}

           

.blok-telo ul li a.user, .blok-telo ul li a:hover.user { padding:0px 22px 5px 0px;margin:5px;background:url('http://www.petrsimi.org/image/petrsimi_blog/gfx/user.gif')  100% 0 no-repeat;color: #649ece;}

           

.blok-telo ul li a.sea, .blok-telo ul li a:hover.sea { padding:0px 22px 5px 0px;margin:5px;background:url('http://www.petrsimi.org/image/petrsimi_blog/gfx/search.gif')  100% 0 no-repeat;color: #004D7B;}

   

.blok-telo ul li a.key, .blok-telo ul li a:hover.key {padding:0px 22px 5px 0px;margin:5px;background:url('http://www.petrsimi.org/image/petrsimi_blog/gfx/key.gif')  100% 0 no-repeat;color: #bbb;} 



.blok-telo ul li a.home,  .blok-telo ul li a:hover.home { padding:0px 22px 5px 0px;margin:5px;background:url('http://www.petrsimi.org/image/petrsimi_blog/gfx/home.gif')  100% 0 no-repeat;color: #c49000;width:170px;} 



.blok-telo ul li a.root,  .blok-telo ul li a:hover.root { padding:0px 22px 5px 0px;margin:5px;background:url('http://www.petrsimi.org/image/petrsimi_blog/gfx/root.gif')  100% 0 no-repeat;color: #333333;width:170px;} 



/* -------------------------------------- */





.cla-text .fle {margin:0 15px 0 0px;}



.cla-text .fri {margin:0 0px 0 15px;}



 .anketa-blok-z, .anketa-blok-odpovedi 

        {

        width:200px;

        font-size:1.0em;

        padding:5px;

        margin-left:10px;

        position:relative;

        background:none;color:#666

        }

  

   .anketa-blok-z a, .anketa-blok-odpovedi a 

        {



        background:none;color:#8ca22c

        }   

        

        .anketa-blok-z a:hover, .anketa-blok-odpovedi a:hover {background:none;color:#967c00;} 

        

                         



 .anketa-blok-odp-cara-hlasy 

        {

        background:#003353;

        height:5px;

        margin-top:6px;margin-bottom:6px;

        }













input 

      {

        background:#fff;

        color:#005587;

        margin:1px;

        border:1px solid #005587;

      } 



textarea 

      {

        background:#fff;

        color:#005587;

        margin:1px;

        border:1px solid #005587;

      }       

      

.zpet {

background:#fff;

color:#005587;

width:110px;

text-decoration:none;

margin:1x;

border:1px solid #005587;

padding:2px;

}

   

      

.kom-cely-ram

      {

        background:#fff url('http://www.petrsimcik.cz/gfx/foo-fin2.gif') repeat-x  0 0; 

        color:#005587;

        margin:1px;padding:5px;margin-left:10px;

       border:0px solid #005587;
      }    

      

      

      

.z .kom-cely-ram strong 

{

color:darkred;

font-weight:normal;

}

      

      

.kom-cely-ram a

      {

color:#005587;

      }         



.kom-cely-ram a:hover

      {

color:#664c22;

      }  

      

.kom-text

      {

       margin-top:3px;padding: 2px 0 0 0;
background:#fff url('http://www.petrsimcik.cz/gfx/menu-bg.gif') 0 0; 
       border-top:1px dashed #0b202a;

      }  





.cla-text p {position:static;}





.souvis-cla-celkovy-ram  {margin: 20px 0px 20px 0px;clear:both;} 




   
#aOverlay {
	background: #000;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; left: 0;
	z-index: 900;
	display: none;
	cursor: pointer;
}
#aBox {
	position: absolute;
	z-index: 950;
	height: 42px; width: 42px;
	overflow: hidden;
}
#aBox div#aImgHolder {
	display: block;
	padding: 10px 0;
	background: #EEE;
	min-height: 32px;
}
#aBox img#aImg {
	display: block;
	margin: 0 10px;
	background: #EEE;
}
#aBox *:focus { -moz-outline: 0;; }
#aBox a.aButton {
	float: right;
	background-color: transparent;
	background-image: url('/images/aBox-buttons.gif');
	text-decoration: none;
	width: 40px; height: 16px;
	cursor: pointer;
	border: 0;
	background-repeat: no-repeat;
}
#aBox a.aButton:hover {
	background-color: transparent;
	text-decoration: none;
	border: 0;
}
#aBox a.aButton:active {
	background-color: transparent;
	border: 0;
}
#aBox a#aCloseButton {
	width: 28px;
	height: 32px;
}
#aBox a#aCloseButton { background-position: 0 0; float: left; }
#aBox a#aNextButton { background-position: -68px 0; }
#aBox a#aPrevButton { background-position: -28px 0; }

#aBox a#aCloseButton:hover { background-position: 0 -64px; }
#aBox a#aNextButton:hover { background-position: -68px -64px; }
#aBox a#aPrevButton:hover { background-position: -28px -64px; }

#aBox a#aCloseButton:active { background-position: 0 -32px; }
#aBox a#aNextButton:active { background-position: -68px -32px; }
#aBox a#aPrevButton:active { background-position: -28px -32px; }

#aBox div#aBoxMeta {
	position: absolute;
	z-index: 960;
	background: #EEE;
	padding: 0 10px;
	height: 0;
	overflow: hidden;
}
#aBox h1#aInfoTitle {
	color: #444;
	font-size: 16px;
	font-weight: bold;
	margin: 0 80px 0 32px;
}
#aBox p#aCount {
	clear: right;
	float: right;
	text-align: center;
	width: 80px;
	margin: 0;
	color: #666;
	font-size: 11px;
}
#aBox p#aInfo {
	margin: 0 80px 0 32px;
	color: #666;
	font-size: 11px;
}
#aBox h1#aInfoTitle, #aBox p#aCount, #aBox p#aInfo {
	font-family: Arial, Helvetica, Verdana, sans-serif !important;
	text-transform: none !important;
}

img#aLoadImg {
	position: absolute;
	top: -900em; left: -900em;
	border: 0;
	width: 32px;
	height: 32px;
	z-index: 999;
}