/* ------------------------------------- */
/*    AG1972                             */
/*    (c) Michael Stanovský              */
/* ------------------------------------- */

/*

+-HEAD-------------------------------------+
| include head                             |
+-BODY-------------------------------------+
| #papir                                   |
| +-------------------------------------+  |
| | #hlavicka                           |  |
| | include hlavicka                    |  |
| +-------------------------------------+  |
| | #vlevo  | #hlavni                   |  |
| | include | include hlavni1           |  |
| |    levy | vlastní text              |  |
| |         | include hlavni2           |  |
| |         +---------------------------+  |
| |         | #paticka                  |  |
| |         | include paticka           |  |
| +---------+---------------------------+  |
| | #servisniudaje                      |  |
| +---------+---------------------------+  |
+------------------------------------------+
viz též http://wellstyled.com/css-2col-fluid-layout.html
viz též http://layout.pestujemeweb.cz/layout/tri-sloupce-pevna-sirka/
nejde to udělat jednoduše
fígl - prostřední a pravý = jedna matrjoška
     - levý + tahle matrjoška = druhá matrjoška
     - blbne v Opeře, nutno použít neviditelný DIV class="cleaner"
*/

/* ------------------------------------- */
/* ZÁKLADNÍ BLOKY - OBÁLKY (MATRJOŠKA)   */
/*             musí být kvůli rozličným  */
/*             interpretacím v různých   */
/*             prohlížečích              */
/* ------------------------------------- */

body {
     padding: 0px;   
     margin: 0px;
     font-size: 10pt;   
     font-family: 'Verdana CE',Verdana,'Arial CE','Helvetica CE',Arial,sans-serif;
     text-align: center;                   /* vycentrováno pro Internet Explorer */
     background: #303030;
}

#papir {
     width: 900px;                         /* celková šířka */
     margin-left: auto;
     margin-right: auto;
     text-align: left;
     background: #222222;
}

#hlavicka-null {
     width: 100%; 
     padding: 0; 
     border: 0;     
}

#hlavni-null {
     width: 740px;
     float: right;
     padding: 0;
     border: 0;     
}

#vlevo-null {
     width: 160px;
     float: left;
     padding: 0;
     border: 0;     
}

#paticka-null {
     clear: both;
     width: 100%;
     padding: 0;
     border: 0;
}

/* ------------------------------------ */
/* ZÁKLADNÍ BLOKY (metoda Marjoška)     */
/* ------------------------------------ */

#hlavicka {
     padding: 1px 15px 0px 10px;         /* kvůli firefoxu musí být nahoře alespoň 1px - a height o 1px menší */
}

#hlavni {
     padding: 1px 20px 10px 10px;        /* kvůli firefoxu musí být nahoře alespoň 1px  */
}

#vlevo {
     padding: 15px 10px 80px 20px;       /* kvůli firefoxu musí být nahoře alespoň 1px  */
     background-image: url("images/leftback.gif");
}

#paticka {
     border-top: 1px solid #E88500;
     padding: 1px 20px 1px 190px;        /* asi kvůli všem musí být nahoře alespoň 1px  */
     background: #171717;
}

#servisniudaje {
     padding: 1px 20px 1px 190px;        /* asi kvůli všem musí být nahoře alespoň 1px  */
     background: #303030;
}

/* ------------------------------------ */
/* KONKRÉTNÍ STYLY                      */
/* ------------------------------------ */

hr { height: 1px;                       /* linka ... http://www.sovavsiti.cz/css/hr.html */
     border: 0;                         /* kvuli MSIE8 a možná i dalším */
     color: #E88500;
     background-color: #E88500;         /* kvůli Mozille ... */
}

h1, h1 a { font-size: 14pt;
     text-align: left;
     font-weight: 400;
     margin: 15px 0px 10px 0px;
     color: #B75000;
}
h2, h2 a { font-size: 11pt;
     text-align: left;
     margin: 15px 0px 10px 0px;
     color: #B75000;
}
h3, h3 a { font-size: 9pt;
     text-align: left;
     margin: 5px 0px 10px 0px;
     color: #B75000;
}
   
p, p a:link, p a:visited, p a:active, p a:hover {
     margin: 5px 0px 5px 0px;
     text-align: left;
     color: #FFFFFF;
}
h1 a:hover, h3 a:hover, h3 a:hover, p a:hover { 
     background-color: #777777; 
}

p.l, p.ls, p.mensi-l, p.mensi-ls {
     text-align: left;
}
p.r, p.rs, p.mensi-r, p.mensi-rs {
     text-align: right;
}
p.c, p.cs, p.mensi-c, p.mensi-cs {
     text-align: center;
}
p.ls, p.rs, p.cs, p.mensi-ls, p.mensi-rs, p.mensi-cs {
     color: #BBBBBB;
}
p.mensi-l, p.mensi-r, p.mensi-c, p.mensi-ls, p.mensi-rs, p.mensi-cs {
     font-size: 8pt;
}
p.ls a:link, p.ls a:visited, p.ls a:active, p.ls a:hover,
p.rs a:link, p.rs a:visited, p.rs a:active, p.rs a:hover,
p.cs a:link, p.cs a:visited, p.cs a:active, p.cs a:hover,
p.mensi-ls a:link, p.mensi-ls a:visited, p.mensi-ls a:active, p.mensi-ls a:hover,
p.mensi-rs a:link, p.mensi-rs a:visited, p.mensi-rs a:active, p.mensi-rs a:hover,
p.mensi-cs a:link, p.mensi-cs a:visited, p.mensi-cs a:active, p.mensi-cs a:hover  {
     color: #BBBBBB;
}

.white { color: white; }

/* ------------------------------------ */
/* TABULKY                              */
/* ------------------------------------ */

td { font-size: 9pt;
     font-family: 'Verdana CE',Verdana,'Geneva CE','Arial CE','Helvetica CE',Arial,sans-serif;
}  
p.tab-l,  p.tab-mensi-l, 
p.tab-ls, p.tab-mensi-ls {
     text-align: left;
}
p.tab-r,  p.tab-mensi-r, 
p.tab-rs, p.tab-mensi-rs {
     text-align: right;
}
p.tab-c,  p.tab-mensi-c,  p.tab-foto, 
p.tab-cs, p.tab-mensi-cs {
     text-align: center;
}
p.tab-mensi-l,  p.tab-mensi-r,  p.tab-mensi-c,  p.tab-foto, 
p.tab-mensi-ls, p.tab-mensi-rs, p.tab-mensi-cs { 
     font-size: 8pt;
}
p.tab-l,  p.tab-r,  p.tab-c,  p.tab-mensi-l,  p.tab-mensi-r,  p.tab-mensi-c,
p.tab-ls, p.tab-rs, p.tab-cs, p.tab-mensi-ls, p.tab-mensi-rs, p.tab-mensi-cs {
     margin: 0px 5px 0px 5px;
}
p.tab-foto {
     margin: 0px 3px 0px 3px;
}
p.tab-ls, p.tab-rs, p.tab-cs, p.tab-mensi-ls, p.tab-mensi-rs, p.tab-mensi-cs {
     color: #BBBBBB;
}

/* ------------------------------------ */
/* REDEFINICE "P" V BLOCÍCH             */
/* ------------------------------------ */

#hlavicka p.titul {
     text-align: right;
     margin: 15px 0px 0px 10px;
     font-size: 40pt;
     color: #E88500;
}
#hlavicka p.titul span {
     font-size: 22pt;
     vertical-align: middle;
     color: #BBBBBB;
}
#hlavicka p.subtitul {
     text-align: right;
     margin: -1px 0px 0px 15px;
     font-size: 14pt;
     color: #BBBBBB;
}
#hlavicka p {
     margin-left: 15px;
}
#vlevo p {
     color: #BBBBBB;
}
#vlevo p a {
     text-decoration:none;
     color: #AAAAAA;
}
#servisniudaje p, #servisniudaje p a {
     margin-top: 1px;
     text-decoration:none;
     color: #555555;
}

/* ------------------------------------ */
/*  D I S K U S E  -  pod clankem       */
/*  C H A T  -  navstevni kniha         */
/* ------------------------------------ */

#diskuse {                              /* jinak barevný rámeček pro diskusi pod článkem */ 
     margin: 0; 
     padding: 10px; 
     border: 3px solid #005C53; 
     background: #CDE9DA;
     clear: right;
}
#diskuse h3 {                           /* předefinice pro diskusi pod článkem */
     margin: -9px -9px 5px -9px;
     background: #005C53; 
}
#diskuse p {                            /* předefinice pro diskusi pod článkem */
     margin 0px 0px 0px 0px;
}
              
/* ------------------------------------ */
/* FORMULÁŘE                            */
/* ------------------------------------ */
/* definice font-family z BODY nestačí, MSIE sem dává Arial */

input { 
     border: 1px solid #777777;
     margin-top: 1px;
     margin-bottom: 1px;
     color: #BBBBBB; 
     font-size: 8pt;
     font-family: 'Verdana CE',Verdana,'Geneva CE','Arial CE','Helvetica CE',Arial,sans-serif; 
     background: #272727;
}
input.bezokraje { 
     border: 0px solid; 
     padding-top:0px;
     padding-bottom:0px;
     vertical-align:-25%;
}
input.text { color: #red; } 

textarea {
     border: #777777 1px solid;
     background: #272727; 
     color: #BBBBBB; 
     font-size: 8pt;
     font-family: 'Verdana CE',Verdana,'Geneva CE','Arial CE','Helvetica CE',Arial,sans-serif;
}

input.neviditelny 
              { height: 1px; 
                width: 1px; 
                font-size: 1px; 
                border:  0px solid;
                margin:  0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                box-shadow: 0px 0px 0px;
                background: transparent;
              }

/* ------------------------------------ */
/* SUŠENKOVÝ ZÁKON EU                   */
/* ------------------------------------ */

.topmessage   { color: #CC0000;             
                padding: 8px;
                margin: 0px 0px 5px 0px;
                text-align: center;
                background: #FFFF00; 
                border-radius: 10px;
                box-shadow: 2px 2px 4px black;
                border: 1px solid black;
              }
.cookieobalka { background: #000000; 
                padding-top: 10px;
                opacity: 0.85;
                /* neposunování infookna */
                position: fixed; 
                bottom: 0px;
                left: 0px;
                width: 100%;
                z-index: 1000;
              }
.cookie       { font-family: 'Verdana CE',Verdana,'Geneva CE','Arial CE','Helvetica CE',Arial,sans-serif;
                color: #FFFF33; 
                background: #000000; 
                text-align: center;
                line-height: 1.0;
                margin: 0px;
                padding: 15px;
                border-color: #CC0000; 
                border-style: solid;
                border-width: 3px 0px 0px 0px;
                margin-right: 15px;  /* navíc, něco tu nesedí */
              }
.cookie a     { color: #FFFF33; }
.cookie input { margin-left: 5px;
                background: #004400;
                color: #FFFFFF;
                box-shadow: 0px 0px 0px #000000;
                border-radius: 3px;
                border-width: 1px;
              }
.cookie a:hover { background: #333333; }
.cookie input:hover { background: #006600; }



/* ------------------------------------ */
/* SPECIÁL                              */
/* ------------------------------------ */

.noscreen { 
     display: none;
}

hr.cleaner {                          /*   <hr class="cleaner">  */
     clear: both;
     height: 1px;
     margin: -1px 0 0 0; 
     padding: 0;
     border: none;
     visibility: hidden;
}
p.chyba { 
     color: #C00000;
     margin: 5px 0px 5px 0px;
     padding: 0px 5px 0px 5px;
     text-align: left;
     font-weight: bold;
     background: #FFFF00; 
}
.cleaner {                              /* ukončování sloupců 3 sloupcového layoutu - zlobí u Opery */
   clear: both;                         /*    použito u www.stanovska.cz                            */
   height: 0;                           /*    použití: <div class="cleaner">&nbsp;</div>            */
   font-size: 0;
   visibility: hidden;
   }

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