/* =====================================================================================================
*    title: Básnílkové                                                                                 *
*     site: www.basnilkove.com                                                                         *
*    media: screen                                                                                     *
*   design: Miroslav Jahoda, Polygrafix [mirek@polygrafix.cz]                                          *
*     code: Miroslav Jahoda, Polygrafix [mirek@polygrafix.cz]                                          *
*     date: 10/2008                                                                                    *
===================================================================================================== */

/* Reset a základní nastavení
----------------------------------------------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, a, em, strong, abbr, acronym, ol, ul, li, dl, dt, dd {margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; font-size: 100%; vertical-align: baseline;}
td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; font-size: 100%;}
html, body#basnilkove {width: 100%; height: 100%;}
body {font: 80%/1.4em arial, helvetice, sans-serif; color: rgb(210,180,140); background-color: rgb(8,22,39);}
#obal {width: 80%; margin: 0 auto; padding: 60px 50px 20px 0; background: url("../images/basnilkove_logo4.gif") 100% 20px no-repeat;}
strong {font-weight: bold;}
em {font-style: italic;}
ul, ol {list-style: none;}
.clear {display: block; visibility: hidden; clear: both;}
.i, hr {display: none;}
.posledni {margin-right: 0 !important;}

/* Vzorník 
----------------------------------------------------------------------------------------------------- */
.tmavomodra {color: rgb(8,22,39);}
.bezova {color: rgb(210,180,140);}
.oranzova {color: rgb(252,166,20);}
.seda {color: rgb(192,192,192);}

/* Odkazy 
----------------------------------------------------------------------------------------------------- */
a:link {color: rgb(210,180,140); text-decoration: underline;}
a:visited {color: rgb(210,180,140); text-decoration: underline;}
a:hover {color: rgb(210,180,140); text-decoration: none;}

/* Layout 
----------------------------------------------------------------------------------------------------- */
#stranka {height: 290px; margin: 50px 0 30px;}
#paticka {clear: both;}
  #paticka * {font-weight: bold;}
  #paticka a:link, #paticka a:visited, #paticka a:hover {color: rgb(192,192,192);}
  #paticka a:hover {color: rgb(210,180,140);}
    
/* Hlavička a nadpisy 
----------------------------------------------------------------------------------------------------- */
h1 {position: relative; width: 250px; height: 40px; overflow: hidden; font-weight: bold; font-size: 350%; line-height: 1em;}
  h1 span {position: absolute; top: 0; left: 0; width: 250px; height: 40px; background: url("../images/basnilkove_h1.gif") top left no-repeat;}
h2 {height: 30px; font-weight: bold; font-size: 130%; color: rgb(252,166,20);}

/* Stránka 
----------------------------------------------------------------------------------------------------- */
#o-nas, #pripojit {float: left; position: relative; width:42%; height: 22em; margin-right: 20px; padding: 0em; background: url("../images/stranka_bg.gif") top left repeat;}
  #stranka h2 {height:1.5em;margin: 1em;  border-bottom: 1px solid rgb(8,22,39);}
  #stranka .text {height: 63%; overflow: auto; margin: 1em 1em -1em 1em;}
    #stranka p {margin-bottom: 1.4em; color: rgb(190,190,190);}
/*  #stranka h3 {position: absolute; bottom: 0; left: 0; width: 100%; height: 1.5em; padding: 13px 20px 0 0; font-size: 120%; text-align: right; font-weight: bold; color: rgb(8,22,39); background: url("../images/h3_bg-center.gif") bottom left no-repeat;}
    #stranka h3 {position: absolute; bottom: 0; left: 0; width: 340px; height: 30px; padding: 13px 20px 0 0; font-size: 120%; text-align: right; font-weight: bold; color: rgb(8,22,39); background: url("../images/h3_bg.gif") bottom left no-repeat;}
    #stranka h3 a:link, #stranka h3 a:visited, #stranka h3 a:hover {font-weight: bold; color: rgb(8,22,39); text-decoration: none; border-bottom: 1px solid rgb(8,22,39);}
    #stranka h3 a:hover {color: rgb(61,61,61); border-bottom: none;}
    #stranka h3 img {margin: 0 5px;} */
.pravidla {padding:0; margin:0;width:100%;height: 3em; border-collapse:collapse; border-spacing: 0; position: absolute; bottom:0;left:0;font-size: 100%; text-align: right; font-weight: bold; color: rgb(8,22,39);}
.levyokraj {background: url("../images/h3_bg-left.gif") bottom left no-repeat;width:23px;}
.centrum {background: url("../images/h3_bg-center.gif") bottom left repeat-x;}
.pravyokraj {background: url("../images/h3_bg-right.gif") bottom right no-repeat;width:23px;}
    .centrum a:link, .centrum a:visited, .centrum a:hover {font-weight: bold; color: blue; text-decoration: none; border-bottom: 1px solid rgb(8,22,39);}
    .centrum a:hover {color: rgb(61,61,61); border-bottom: none;}
    
/* IE6 
----------------------------------------------------------------------------------------------------- */
* html {}

/* IE7 
----------------------------------------------------------------------------------------------------- */
*:first-child+html {}