/* TENTO SOUBOR OBSAHUJE VESKERE FORMATOVANI POUZITE NA STRANKACH. */
/* CHYBY: RADEK 85, 106 a jiste i mnohde jinde */

/* DEFINICE ZAKLADNIHO ROZVRZENI STRANKY POMOCI  <DIV>u */
/* DEFINICE HLAVIČKY A PATKY */
/* Inspirace ze stranky http://www.jakpsatweb.cz/priklady/css-sloupce.html překopáno*/

/*Záhlaví - titulek stránek*/
   #header {
     /* position: absolute; */
/*       border: 1px solid black; */
      text-align:left;
      width: 100%;
/*      max-width: 1024px;
/*      top: 0px; 
      left: 0px; */
      height: 120px;
      background: url('pic/bgr/bkgr-header.gif') top left;
      }
      
/*ZÁPATÍ - COPYRIGHT NEBO NĚCO TAKOVÉHO*/
   #footer {
      width: 100%;
/*       max-width: 1024px; */
      height: 100px;
/*       border: 1px solid black; */
      background: url('pic/bgr/bkgr-footer.gif') top left;
      }   
/* Potud ziskano ze stranky http://www.jakpsatweb.cz/priklady/css-sloupce.html */
/* Nasledujici doplneno z navodu na strance http://wellstyled.com/css-2col-fluid-layout.html */
   #content {
      width: 100%;
/*       margin:1em auto; */
/*       border: 1px solid black; */
      text-align:left;
/*       max-width: 1024px; */
      background: url('pic/bgr/bkgr200.gif') top left repeat-y; 
      }
      
/*Toto je rámec s obsahem sdělení - pravý rámec*/
   #sidebar {
      float: left;
      width: 200px;
      margin:0; padding:0;
      }
   #sidebar-content {
      margin:0; padding: 0.5em 1em;
/*       font-size: 70%; */
      }
      
/*Toto je levý sloupec s odkazy*/
   #main {
      margin:0 0 0 200px; padding:0;
      }
   #main-content {
      margin:0; padding: 0.5em 1em;
      font-size: 100%;
      }
   hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }
/* Az potud doplneno z navodu na strance http://wellstyled.com/css-2col-fluid-layout.html */


/* DEFINICE ODSTAVCŮ, KTERE TVORI UVODNIK KE CLANKU. */
/* Plovoucí DIV-y - blokové obálky, které slouží jako úvodník k článku, pro vkládání fotek a vsuvek*/
/* Úvodník */

.intro {
       margin: 50 50 50 50px;
       padding: 0.5em 1em;
       spacing: 50 50 50 50px;
       border: /*solid black */10px;
       background-color: white;
       opacity: 0.2;
       font-style: italic;
/*        filter: Alpha(opacity=0.5, style=3); */
       -moz-opacity: 0.9; opacity: 0.9;
       }

/* VSUVKA, NAPRIKLAD KOMENTAR, NACRTEK A POD. */
/* Kdyz do <div class="vsuvka"> dam obrazek, tak pretece obalku. */ 
.vsuvka {
       margin: 50 50 50 50px;
       padding: 0.5em 1em;
         }

/* Řádkové obálky profession a author */
.profession {
       font-family: verdana, tahoma, arial;
       font-size: 11pt;
       font-weight: bold;
       text-decoration: none;
       }
       
.author {
       font-family: verdana, tahoma, arial;
       font-size: 11pt;
       font-weight: 500;
       font-weight: bold;
       }

/* bloková obálka "fotka" má sloužit pro vkládání fotek.*/
/* Kdyz do <div class="fotka"></div> dam obrazek, tak pretece obalku. */ 
#.fotka {
       font-family: verdana, tahoma, arial;
       font-size: 11pt;
       margin: 50 50 50 50px;
       padding: 0.5em 1em;
       spacing: 50 50 50 50px;
       border: /*solid black */10px;
       background-color: white;
       opacity: 0.9;
       font-style: normal;
         }

/* DEFINICE STYLŮ PÍSMA */

A: {
     font-size: 11pt;
     font-weight: 500;
     font-family : Verdana, tahoma;
     color: #B55300;
  }


A:link {
   color: #B55300;
    /*color: #042CAE; */
    text-decoration: none;
  }


A:visited {
    color: #B55300;
    text-decoration: none;
  }


A:hover {
    color: #B55300;
    text-decoration: underline;
  }

h1 {
/*     color: #676767;  */
    font-size: 40pt; 
    font-family: verdana,tahoma;
    font-weight: 100;
    margin: 0;
    text-align: center;
 }

h2 {
/*     color:#676767;  */
    font-size: 20pt; 
    font-family: verdana,tahoma;
    font-weight: 100;
    margin-bottom: 20;
    text-align: left;
  }

h3 {
/*     color:#676767; */
    font-size: 20pt;
    font-family: verdana,tahoma;
    font-weight: 100;
    margin: 20;
    text-align: center;
  }

h4 {
/*     color:#676767;  */
    font-size: 16pt;
    font-family: verdana,tahoma;
    font-weight: 100;
    margin: 0;
    text-align: left;
  }	

p {
/*  color: #676767; */
 font-family: verdana, tahoma, arial;
 font-size: 11pt;
 font-weight: 500;
  }
  
li {
/*  color: #676767; */
 font-family: verdana, tahoma, arial;
 font-size: 11pt;
 font-weight: 500;
  }
  

td {
/*     color: #565656; */
    font-family: verdana, tahoma;
    font-size: 11pt;
    font-weight: 500;
    vertical-align: top;
    padding: 10px;
  }

/* Toto je zde asi úplně zbytečně... */
body {
    background-color: white;
    background-attachment: fixed;
    margin-left: 10%;
    margin-right: 10%;
    max-width: 80%;
  }

/* Toto je zde asi úplně zbytečně... */ 
/*img {
    float: left;
    margin-right: 10px;
  }*/

/* TOTO MÁ VKLÁDÁNÍ OBRÁZKŮ (náhledů) */

.leftsided {
  float: left;
  margin-right: 10px;
  max-width: 210px;
  max-height: 210px;
  }

.rightsided {
  float: right;
  margin-left: 10px;
  max-width: 210px;
  max-height: 210px;
  }
  
.centered {
  float: none;
  /*Jak to vycentrovat?*/
  margin-left: 10px;
  max-width: 210px;
  max-height: 210px;
  }