/* =====================================================================================================
*    title: CENEN v1                                                                                   *
*     site: www.cenen.cz                                                                               *
*    media: all                                                                                        *
*   design: Martin Gärtner, CeriseD [martin@cerised.cz]                                                *
*     code: Miroslav Jahoda, Polygrafix [mirek@polygrafix.cz]                                          *
*     date: 03/2009                                                                                    *
===================================================================================================== */

/* Reset a základní nastavení
----------------------------------------------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, a, em, strong, abbr, acronym, address, ol, ul, li, dl, dt, dd, form, fieldset, label, blockquote, hr {margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; font-size: 100%; vertical-align: baseline;}
html, body#cenen {width: 100%; height: 100%;}
body {font: 80%/1.3em tahoma, verdana, sans-serif; color: rgb(90,90,90); background: url('../images/bg_nav.gif') top left repeat-y rgb(255,255,255);}
#obal {position: relative; min-height: 100%;}
strong {font-weight: bold;}
em {font-style: italic;}
ul, ol {list-style: none;}
p, address {margin-bottom: 1.3em;}
.clear {display: block; visibility: hidden; clear: both; height: 1px; line-height: 1px;}
.right {clear: right;}
.i, hr {display: none;}
.posledni {margin-right: 0 !important;}

/* Vzorník 
----------------------------------------------------------------------------------------------------- */
.error, .ok {margin-bottom: 10px; padding: 10px; text-align: center; color: rgb(255,255,255); background-color: rgb(215,25,32);}
.ok {background-color: rgb(147,175,43) !important;}
.royal {color: rgb(20,72,94);}
.ocelova {color: rgb(217,221,226);}
.blankytna {color: rgb(196,230,246);}

/* Odkazy 
----------------------------------------------------------------------------------------------------- */
a:link {color: rgb(20,72,94); text-decoration: none;}
a:visited {color: rgb(60,60,60); text-decoration: none;}
a:hover {color: rgb(20,72,94); text-decoration: underline;}
a.external {color: rgb(20,72,94); /*padding-right: 22px; background: url('../images/external.gif') top right no-repeat;*/}

/* Layout 
----------------------------------------------------------------------------------------------------- */
#hlavicka {position: relative; height: 200px; background: url('../images/bg_stranka.gif') top left repeat-x rgb(255,255,255);}
#nav {float: left; width: 120px;}
#hlavni {width: 735px; margin-left: 165px; padding-bottom: 25px;}
  #stranka {}
  #paticka {position: absolute; bottom: 0; width: 711px; height: 20px; padding: 0 12px; font-size: 85%; line-height: 20px; color: rgb(20,72,94); background: rgb(217,221,226); border-top: 1px solid rgb(20,72,94);}

/* Hlavička a nadpisy 
----------------------------------------------------------------------------------------------------- */
h2 {font-weight: bold; text-transform: uppercase; color: rgb(20,72,94);}
h3 {font-weight: bold; color: rgb(20,72,94);}
h4 {font-weight: bold;}

#jazyky {position: absolute; top: 16px; left: 779px; width: 150px; color: rgb(255,255,255);}
  #jazyky li {text-align: center;}
  #jazyky .cs {float: left; margin-right: 7px; padding-right: 7px; border-right: 1px solid rgb(255,255,255);}
  #jazyky .en {float: left;}
    #jazyky a:link, #jazyky a:visited, #jazyky a:hover {text-decoration: none; color: rgb(255,255,255);}
    
#kontakty {position: absolute; top: 87px; left: 779px; width: 150px; color: rgb(255,255,255);}
  #kontakty dt {float: left; width: 25px; height: 17px; margin-right: 12px; padding-right: 12px; text-align: right; border-right: 1px solid rgb(255,255,255);}
    #kontakty dt img {margin-top: 4px;}
  #kontakty dd {height: 17px; font-size: 85%; line-height: 17px;}
    #kontakty dd a:link, #kontakty dd a:visited, #kontakty dd a:hover {text-decoration: none; color: rgb(255,255,255);}
    #kontakty dd a:hover {text-decoration: underline;}
  
/* Navigace 
----------------------------------------------------------------------------------------------------- */
#nav ul {margin-bottom: 25px; border-bottom: 2px solid rgb(255,255,255);}
#nav li {}
  #nav li a {display: block; width: 102px; height: 18px; padding-left: 18px; line-height: 18px; color: rgb(255,255,255); background: url('../images/bg_li.gif') top left repeat-y; border-bottom: 1px solid rgb(255,255,255);}
  #nav li.aktivni a, #nav li a:hover {color: rgb(20,72,94); background: none;}
  #nav a:link {text-decoration: none;}
  #nav a:visited {text-decoration: none;}
  #nav a:hover {text-decoration: none;}
  #nav li ul {margin-bottom: 0; border-bottom: 0;}
    #nav li.aktivni li a {font-weight: normal;}
    #nav li.aktivni li.aktivni a, #nav li.aktivni li a:hover {font-weight: bold;}

#nav h4, #nav p {padding-left: 18px; color: rgb(20,72,94);}
#nav p {margin-bottom: 18px;}

#hlavicka .menu {position: absolute; top: 156px; left: 370px;}
  #hlavicka .menu li {float: left; width: 52px; height: 20px;}
    #hlavicka .menu li a {display: block; width: 42px; height: 20px; font-size: 100%; line-height: 21px; text-align: center;}
    #hlavicka .dny li.aktivni a, #hlavicka .dny li a:hover {background: url('../images/bg_subli.gif') 50% 0% no-repeat;}
      #hlavicka .menu li.aktivni a strong {color: rgb(20,72,94);}
    #hlavicka .menu a:link, #hlavicka .menu a:visited {color: rgb(0,0,0); text-decoration: none;}
    #hlavicka .menu a:hover {color: rgb(20,72,94); font-weight: bold; text-decoration: none;}

#hlavicka .roky {top: 146px;}
  #hlavicka .roky li {height: 28px;}
    #hlavicka .roky li a {height: 28px; font-size: 100%; line-height: 29px;}
    #hlavicka .roky li.aktivni a, #hlavicka .roky li a:hover {background: url('../images/bg_subli2.gif') 50% 0% no-repeat;}

/* Stránka 
----------------------------------------------------------------------------------------------------- */
.obsah {width: 735px; margin-bottom: 15px;}
  .obsah .zahlavi {position: relative; height: 22px; padding: 0 12px; line-height: 22px; text-align: center; color: rgb(20,72,94); background: url('../images/bg_nadpis.gif') top left repeat-x;}
    .obsah .zahlavi h2 {position: absolute; top: 0; left: 14px;}
  .obsah .text {margin-bottom: 2px; padding: 15px 12px 25px; font-size: 85%; line-height: 1.3em; background: url('../images/bg_text.gif') top left repeat-y; border: 2px solid rgb(196,230,246);}
    .obsah .text strong {color: rgb(20,72,94);}
    .obsah img {float: right; margin-left: 12px; border: 2px solid rgb(20,72,94);}
  .obsah .zapati {height: 20px; padding: 0 12px; font-size: 85%; line-height: 20px; color: rgb(20,72,94); background: rgb(217,221,226); border-bottom: 1px solid rgb(20,72,94);}
    .obsah .zapati a.vice {float: right; width: auto;}

.clenove .text h2 {width: auto; margin-bottom: 2.6em;}
.clenove .logo {float: right; width: auto;}
.clenove address, .clenove address a {font-weight: bold;}
.clenove h3 {margin-bottom: 1.3em;}

.gallery {margin-bottom: 35px;}
  .gallery li {float: left; width: 162px; margin-right: 28px;}
    .gallery img {border: 2px solid rgb(20,72,94);}
    
.den_img {width: 100px;}

/* IE6
----------------------------------------------------------------------------------------------------- */
* html #hlavni {position: relative;} /* tímto se eliminuje rozhozené zarovnání patičky na spodní hranu */

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

/* Clearfix
----------------------------------------------------------------------------- */
.clearfix:after {display: block; clear: both; height: 0; line-height: 0;
  content: '.'; visibility: hidden;}

.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}