/* -------------------- Telicko :) ------------------------- */

* {
   margin:0;
   padding:0;position: relative;
   
   }

body {
   font-family: Verdana, "Geneva CE", lucida, sans-serif;
   font-size:small;
   background:none;position: static;
   color:#666;
   }


/* -------------------- Hlavicka ------------------------- */


#header-container {
   width:100%;
   top:0;
   background: url('obrazky/webgrafika/back.jpg') 0 0 repeat-x ;
   }


#header {
   width:900px;
   height:150px;
   margin:0 auto;background: url('obrazky/webgrafika/head.jpg') 0 0 repeat-x ;
   }

#copyright {
   width:100%;
   top:0;
   height:45px;
   background: url('obrazky/webgrafika/copyright.jpg') 0 0 repeat-x ;
   }
   
#inside
 {
   width:900px;
   margin:0 auto;
   padding:10px 0 0 0 ;
   }
   
  #inside span
  {
   font-size:x-small;
   } 
   

/* -------- Hlavní rám ------------ */

#main {
   width:900px;
   margin:0px auto;
   }


/* ------------------- Rám pro obsah ------------*/

#content {
   width:900px;
   margin:0;
   padding:10px;
   top:0px;
   left:0px;
   }
   
   
#text {
   width:600px;
   top:0px;
   float:left;
   }

#text-siroky {
   width:900px;
   top:0px;
   float:left;
   } 
   
/* ------------------- novinky ------------------- */


.novinky {
 background:none;
 width:240px;
 float:right;
 background:none;
 }
 
 .novinky h2{
 padding:0px 0px 5px 0px;
 margin:10px 10px 5px 10px;
 font-size:small;
 border-bottom:1px solid #ddd;
 }
 
.novinky a.image {
display:block;margin:10px;
 width:210px;height:120px;
border:#ddd 5px solid;
text-decoration:none;
 }
 
.novinky a.image span{
display:none;
}

.novinky a.image:hover {
border:#115077 5px solid;
 }
 
.novinky a.image:hover span{
display:block;
font-size:x-small;
width:200px;
padding:5px;
position:absolute;
bottom:0;
background:url('obrazky/webgrafika/dot-black-transparent.png') 0 0 ;
color:#fff;
border-top:1px solid #115077;
}


.novinky a.image:hover span{
_background:url('obrazky/webgrafika/ie-back.gif') 0 0 ;
_font-weight:bold;
}


.novinky ul {
list-style-type: none; margin:-5px 0 0 0;
 }
 
 .novinky ul li{
list-style-type: none; border-bottom:1px solid #ddd;padding:7px 0 7px 20px;margin:0 0 0 10px;width:200px; 
 }
/* ------------------ logo ------------------------------ */


#text_nadpis {
  position:absolute;
  left:0px;
  top:0px;
  text-decoration:none;
  display:block;
}


#text_nadpis a{
  text-decoration:none;
  display:block;
  /*z-index:5000;*/
  
  width:330px;
  height:120px;
  cursor: pointer;
  }

#ps-nadpis {
  display:none;
  
}

#logo_nadpis {
  display:block;/*z-index:4000;*/
  position:absolute;
  top:0px;
  left:0px;
width:320px;
height:125px;
     /* xxx */
   border:1px teal solid;
   /* xxx */
}



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


ul#hlavni_menu {  
    position:absolute;
    left:0px;
    top:-146px;
    background:none;
    } 
    
ul#hlavni_menu  li {  
    display:block;
    float:left;
    } 
    
ul#hlavni_menu  li a{
    display:block;
    padding:7px 20px;
    color:#003353;
    text-transform:uppercase;
    text-decoration:none;
    font-size:0.8em;
    background:none ;
    } 
    
ul#hlavni_menu li a:hover{ 
    color:#7daac4;text-decoration: underline;
    background:none;
    }
            
ul#hlavni_menu li a.out {
    display:block;
    background: url('obrazky/webgrafika/out.gif')  90% 30% no-repeat ;
    }   


ul#hlavni_menu  li a.out:hover {
    display:block;
    background: url('obrazky/webgrafika/out-hover.gif')  90% 30% no-repeat ;
    }   




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

#dole {
   position:relative;
   height:250px;width:100%;clear:both;
   background:#125077 url('obrazky/webgrafika/pozd.gif') repeat-x 0px 0px; 
   }

.dole-center {
   width:900px;height:195px;
   padding:40px 15px 15px 15px ; margin:0px auto;
   background: url('obrazky/webgrafika/pozd-listy.gif') no-repeat 160px 9px; 
   }
   
.dole-center address {
   color:#ccdbe5;
   padding:8px;
   border:1px solid #8cb3cb;
   width:250px;     
   background:#002d49 url('/obrazky/webgrafika/viz.png') no-repeat  100% 0 ; 
   font-style:normal;
   max-width:230px;
   display:block;
   font-size:12px;line-height:170%;
   }
   
   .dole-center address strong span {
   font-size:14px;
   }   
   
.dole-center h3 {
   font-size:13px;
   letter-spacing:2px;
   color:#fff;
   }
   
  .dole-center #right {float:right;width:300px;padding-left:20px;margin-right:20px;border-left:1px solid #8cb3cb;height:200px;}
   
  .dole-center a {background:none;color:#dcefb7;}

  .dole-center a:hover {background:none;color:#8ca22c;}    
   



   
   
  .dole-center #left {float:left;margin-left:30px;margin-right:20px;line-height:1.1em;} 
  
  .dole-center #left ul li {color:#fff}
  
  .dole-center #left div {color:#fff;font-size:12px;} 
  
  .dole-center #left h2 a {font-size:13px;margin-bottom:-5px;
   letter-spacing:2px;text-decoration: none;
   color:#fff;}
  
  .dole-center #left ul  {margin: 0;padding:  0 0 10px 20px;list-style-image: url('obrazky/webgrafika/dot.gif');}
  

  
  .dole-center #left ul li a {font-size:12px;}

  .dole-center #left ul li a.delicious-tag {font-size:9px;color:#fff;text-decoration: none;}
   
   
   
/* Atributy textu */

h1, h2, h3, h4 {
padding:10px 0 10px 0 ;
font-weight:bold;
text-transform: uppercase;
color:#003353;
font-family: "Palatino Linotype", "New York CE", utopia, serif;
}

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

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

h3 {font-size:85%;letter-spacing:1px;}

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

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

a:hover {background:none;color:#4e6326;} 

ul.menu, ul.menu2 {list-style-image: url('obrazky/webgrafika/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 }


/* forms */

.double {font-size:115%}

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

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 #00446f;width:600px;margin:10px 10px 10px 0px; padding:10px;}
fieldset legend {color:#00446f;}


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

.o_cem {font-size:11px;}

/* společné */

.fle {float:left;}

.fri {float:right;}

.center {text-align: center;}

.clear {clear:both}

.m05 {margin:5px; }

.m10 {margin:10px; }

.m15 {margin:15px; }

.ramecek_img {border: 1px solid #3d86b5; padding:2px;margin:1px; }

.w400 {width:400px; }

.w350 {width:350px; }

.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('obrazky/webgrafika/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='obrazky/webgrafika/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='obrazky/webgrafika/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='obrazky/webgrafika/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('obrazky/webgrafika/poz.gif') 0  150px repeat-x;
}



/* Tabulky */


.table {width:95%;text-align:center;
   border-right:1px solid #3d86b5;
   border-top:1px solid #3d86b5;
   margin:0;
   padding:0;
}
.table td {
   border-left:1px solid #00446f;
   border-bottom:1px solid #00446f;
   margin:0;
   padding:2px 5px;
}



/*Styly fotek */

div.foto {float:left;
   width:106px;
   height:106px;
   border:1px solid;
   border:none;
   margin:4px 4px;
   padding:10px;
   background:url('/obrazky/webgrafika/vo.png') center no-repeat;
}

div.sv {
   background:url('/obrazky/webgrafika/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}


/**/


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 #4e6326; }

.ramecek_img_webdesign {border: 1px solid #ddd; padding:2px}
.ramecek_webdesign {border-top:1px solid #ddd;border-bottom:1px solid #ddd;width:590px;padding:10px 0 10px 10px;margin:10px 0 10px 0; }
.right_text {text-align:right;margin-top:20px;}
.sumar_webdesign {line-height:1.5em;}

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

 .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('obrazky/webgrafika/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('obrazky/webgrafika/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 solid #ddd;border-bottom:1px solid #ddd;}

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

.delitko {border-top:0px solid #fff;background: url('http://blog.petrsimi.org/image/petrsimi_blog/gfx/delitko.gif') 0 0 repeat-x;height:15px}


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

.strankovani a:hover {background:none;color:#4e6326;} 
.cla-text a:hover {background:none;color:#4e6326;} 
.blok-telo ul li a:hover {background:none;color:#4e6326;} 
.blok-telo .z a:hover {background:none;color:#4e6326;} 
.kom-odkazy a:hover {background:none;color:#4e6326;} 
.std-navig a:hover {background:none;color:#4e6326;} 




h2.cla-nadpis a {
color:#003353;
}

h2.cla-nadpis a:hover {
color:#4e6326;
}


.blok-clanky .blok-telo .z {background: url('http://blog.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://blog.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://blog.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://blog.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://blog.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://blog.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://blog.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:#4e6326;} 
        
                         

 .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;
        color:#005587;
        margin:1px;padding:5px;margin-left:10px;
        border:1px 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;
       border-top:1px solid #005587;
      }  


.cla-text p {position:static;}


.souvis-cla-celkovy-ram  {margin: 20px 0px 20px 0px;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;
   } 
   
   
   
   
   #lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
   
   #overlay{ background-image: url(http://blog.petrsimi.org/image/petrsimi_blog/gfx/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://blog.petrsimi.org/image/petrsimi_blog/gfx/overlay.png", sizingMethod="scale");
	}