/* -------------------- 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:#10354C url('http://www.petrsimcik.cz/gfx/petrsimcik_body_background.png')  50% 0 no-repeat;   
font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;   
font-size:0.8em;  
position: static;
color:#fff;}

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

#hat-container {  
/* background:#252525; */
font-size:90%;
text-align:left;  
top:0;height:105px;  
width:100%; margin-bottom:5px ;padding: 0 0 5px 0 /* ;border-bottom:3px solid darkred; */
}

#hat {  
background:none;  
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 {  
 ;  
}

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

#hlavni_blok {  
letter-spacing:1px;  
margin:0px auto;  
width:900px; /* background: url('http://www.petrsimcik.cz/gfx/petrsimcik_stupnice.gif') no-repeat 102% -5px;   */
}

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

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

a:hover {background:none;color:#fff;} 

#obsah a img {
	border:1px solid #fff; margin:5px 8px 5px 8px; }


#obsah {
   width:900px;   
   top:0px;   
   }  

.ctverec {border:1px solid #001629;width:200px;height:200px;float:left;margin:2px;padding:5px;background:#fff;}


a.info {
position:absolute;
bottom:0px;
left:0px; width:210px;height:210px;  
display:block;
padding:0;
text-decoration:none;
   
 background:url('http://www.petrsimcik.cz/gfx/black-dot.png');
font-weight: bolder;
color:#fff;
font-size:0.9em; 
}




a.info span {
position:absolute;
bottom:0px;
left:0px;
display:block;
padding:6px 8px 6px 20px;
text-decoration:none;
/* text-transform: uppercase; */
background:#dbc65b;
color:#fff;

}



 a.info.grafika span{
background:#358db7; 
} 



a.facebook {
position:absolute;
bottom:0px;
left:0px;
display:block;
padding:6px 8px 6px 20px;
text-decoration:none;
color:#fff;
background:#3b5998;

}

a.twitter {
position:absolute;
left:0px;
display:block;
padding:6px 8px 6px 20px;
text-decoration:none;
color:#fff;
background:#65c9ff; 
bottom:31px;
}

a.info:hover span, a.twitter:hover, a.facebook:hover {
background:#555;color:#fff;
}

a.info:hover {
background:none;color:#fff;
   }
.obdelnik_horizontalni, 
.ctverec.kontakt {
border:0px solid #ddd;
padding:6px;
background:none;
}

.obdelnik_horizontalni h2, 
.ctverec.kontakt h2 {
font-size:1.1em;  /* font-weight: normal; */
letter-spacing:2px;text-transform: uppercase;
color:#fff;   
margin:3px 0 8px 0;  
}

   
.ctverec.kontakt p {
font-size:0.9em;
line-height:170%; 
}

.obdelnik_horizontalni li{
font-size:0.9em;
line-height:195%; 
list-style-image: url('http://www.petrsimcik.cz/gfx/petrsimcik_odrazka_cervena.png');
margin:0 0 0 20px;
}

.obdelnik_horizontalni {width:414px;height:200px;float:left;margin:2px 3px;}


.clear {clear:both}



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

#dole {   
position:relative; display:none; 
width:100%;   
clear:both;
color:#222;
margin:15px 0 0 0; 
background:#e7e7e7;
padding:0;   
border-top:2px solid #555; 
border-bottom:2px solid #555; 
}

#dole-center {   
width:900px;display:none;     
padding:15px;    
margin:0px auto;   
background:#e7e7e7 url('http://www.petrsimcik.cz/gfx/petrsimcik_footer_background.png')  50% 0 no-repeat;
}

#copyright 
{   
width:100%;border-top:1px solid #dbc65b;                                 
top:0;margin:0; padding:5px 0; color:#555;   
background:#001629 url('') 0 0 repeat-x ;   
}

 #dole a, #dole-center h3 {color:#10354C}
 #dole a:hover {color:#555}
       
       


#inside 
{   
width:900px;     
margin:5px auto;   
padding:0;   
}   
 
#inside span{font-size:small;}    

  /* ----------------- menu ---------------  */
  
  
a#home{    
background:none;     
border-width:0;    
padding:0;  
display:block;    
left:-10px;
position: absolute;    
top:-110px;   
}  




ul#hlavni_menu {      
position:absolute; 
right:10px;    
top:-100px;    
background:none;    
}     

ul#hlavni_menu li {      
display:block;    
float:left;    
}  
   
ul#hlavni_menu  li a{    
display:block;    
padding:18px 16px 12px 16px;    
color:#fff;    
text-transform: uppercase;   
text-decoration:none;    
font-size:1em;  
margin-right:6px;    
}     

     

ul#hlavni_menu  li a{        
}  
  
     
ul#hlavni_menu  li a span{
display:none;
}    

ul#hlavni_menu  li a:hover span{    
display:block;  display:none;  
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;    
}   






    /* ------------------- Boení sloupec ------------------- */


.novinky {

 width:240px;
 color:#fff;
 padding:5px 0 0 0;
 float:right;
 }
 
.novinky h2 {font-size:1.1em;letter-spacing:2px;text-transform: uppercase; margin: 10px 0;color:#fff;} 

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






/* Atributy textu */

h1, h2, h3, h4 {
}

h1 {font-size:1.6em;font-size:normal;letter-spacing:2px;text-transform: uppercase; margin: 20px 0;}

h2 {font-size:1.4em;letter-spacing:2px;text-transform: uppercase; margin:20px 0 25px 0; }

 h3 {font-size:1em;letter-spacing:2px;text-transform: uppercase; margin: 20px 0;color:#dbc65b;}

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



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

p {margin:10px 0 10px 0 }


ul.tech {margin-left:125px;margin-top:-20px;}
ul.menu, ul.menu2, ul.dot  {margin-left:30px;line-height:160%;}
        

ul.tech li, ul.dot li {list-style-image:url('http://www.petrsimcik.cz/gfx/petrsimcik_odrazka_cervena.png') ; margin:0 0 7px 0;}

ul.noli li{list-style-type:none;}




b, strong {}

p {line-height: 170%;}

.double {font-size:115%}

.star {border:1px solid #fff; margin:5px;padding:5px 15px ; background:#367fc2 ;}

address { font-style:normal;}

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

.mv0 {margin-top:0px;margin-bottom:0px;  }

.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; }
.w220 {width:220px; }
.w180 {width:180px; }

.zip {}

/* 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; }



.polozka-webdesign {/* float:left;width:425px; */clear:right;margin: 0 0 25px 0;}

.polozka-webdesign h3 {margin:0 0 7px 0; }


/*.webdesign-right img, .webdesign-left img {width:420px;}       */
.ramecek_img_webdesign {border:1px solid #001629; margin:2px 4px 2px 0px; width:560px; height:250px;}

.ramecek_webdesign {padding:10px 0 10px 10px;margin:10px 0 10px 0; }
.right_text {text-align:right;margin-top:20px;}

.polozka-webdesign .sumar {
padding:5px 0px 15px 0px; 
display:block; 
float:right; 
width:320px;
border-bottom:1px solid #dbc65b;
line-height:190%;}





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





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

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



  
/* Novinky */

.novinky div.widget_tag_cloud {
padding:0 8px 5px 8px}

.novinky div.widget_tag_cloud a {

float:left;
padding:2px 4px 2px 4px;
margin:2px;
text-decoration:none;
background:#dbc65b;
color:#fff;
font-size:0.8em; }
 

.novinky div.widget_tag_cloud a:hover {
background:#555;color:#fff;
}   

#recent-comments-3  {clear: left;padding:5px 0 0 0;}

/*texty*/

.storycontent ul li {
list-style-image: url('http://www.petrsimcik.cz/gfx/dot-blue.gif');}


.storycontent ol, .storycontent ul {
	margin-left:30px;}

.storycontent ol li, .storycontent ul li{
	margin-top:10px;}







.cla-informace {display:block;margin:5px 0 20px 0;padding:7px 0 7px 0;font-size:90%;}


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



/* .cla-informace a {background:none;;}

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

.blok-telo ul li a {background:none;color:#fff;} 
                                          
.blok-telo .z a {color:#000;}

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

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

.strankovani a {background:none;color:#eee;}


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

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

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

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

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

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




*/
h2.cla-nadpis a {

color:#eee;  line-height: 160%;

}


h2.cla-nadpis span {



padding:6px 8px 6px 8px;
text-decoration:none;

background:#dbc65b;
color:#fff;

}


h2.cla-nadpis a:hover {

color:#fff;

}





.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 #fff; margin:5px;padding:5px; background:#d6e9f2 ;}



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





.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:#fff

        }   

        

        .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 

      {

  

        color:#000;

        margin:1px;

        border:1px solid #fff;

      }       

      

.zpet {



color:#fff;

width:110px;

text-decoration:none;

margin:1x;

border:1px solid #fff;

padding:2px;

}

   

      

.kom-cely-ram

      {

        

        color:#fff;

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

       border:0px solid #fff;
      }    

      

      

      

.z .kom-cely-ram strong 

{


font-weight:normal;

}

  

.kom-cely-ram a

      {

color:#fff;

      }         



.kom-cely-ram a:hover

      {

color:#eee;

      }  

      

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