/* CSS pre bbdelta.sk utf-8 */

img { border: none; }

a { 
   color: #ffffff;
   text-decoration: none;
  }

a:hover
  { 
   color: #085ece;
   text-decoration: none;
  }

body
  {
   background: #a8d6f4 url(../obr/bg-zakladne.gif) repeat-x 0 0;
   color: #353535;
   margin: 0 0 10px 0; padding: 0;
   text-align: center;        /* pre centrovanie - IE */
   font-size: 12px; font-family: verdana, tahoma, arial, sans-serif;
  }

#hlavny   /* DIV */
  {
   width: 856px; /* 840px + 2 x 8px pre tieňovanie */
   text-align: left;
   margin: 0 auto; padding: 0;
  }

#logo /* DIV - ak by bol v xhtml </div> na novom riadku za obr loga, IE 6.0 vloží ešte medzierku - ako mini riadok */ 
  {
   background: url(../obr/bg-logo.jpg) no-repeat 338px 0;
   height: 197px;
  }

#jazyky
  {
   float: right;
   padding: 10px 5px 0 0;
  }

#menu /* DIV */
   {
    background: url(../obr/bg-menu-horizontalne.jpg) no-repeat 0 0;
    height: 38px;
    padding: 0 0 0 15px;
   }

#menu a
  {
   float: left;
   display: block;
   font-size: 14px;
   margin: 0; padding: 14px 5px 0 5px;
  }

#data-bg /* DIV */
  {
   margin: 0; padding: 0;
   background: url(../obr/bg-data-bez-tiena.gif) repeat-y 0 0;
  }

#data /* DIV */
  {
   margin: 0; padding: 15px 8px 0 8px;
   background: url(../obr/bg-data-s-tienom.jpg) no-repeat 0 0;
  }

h1
 {
  margin: 0 0 15px 15px; padding: 0;
  font-size: 17px; font-weight: bold;
  color: #f58f00;
 }

h2
 {
  margin : 0 0 15px 15px; padding : 0;
  font-size: 15px; font-weight: bold;
  color: #f58f00;
 }

.vacsie-14px { font-size: 14px; }
.vacsie-18px { font-size: 18px; }
.zvyraznene-b { font-weight: bold; }
.zvyraznene-f0 { color: #ffffff; }  /* biela */
.zvyraznene-f1 { color: #f58f00; }  /* oranžová */
.podciarknutie-f0 { border-bottom: 1px dashed #353535 ; }
.na-stred { text-align: center; }

#text /* DIV */
  {
   float: left;
   width: 546px;
   margin: 0; padding: 0; /* odsadenie LEFT si zabezpečuje každý element (P, IMG, ...) samostatne - je to pre OBR 3x vedľa seba */
   line-height: 1.4;      /* rôzne prehliadače interpetujú rôzne výšky riadkov */
  }

#text p { margin: 0 0 15px 15px; padding: 0; }
#text .bez-ods-dole { margin-bottom: 0; }

#text a { color: #659507; } /* zelená */
#text a:hover { text-decoration: underline; }

#text img
  {
   border: 3px solid #b0b0b0;
   margin: 0 0 15px 15px;  
  }

/* zoznamy */

#text ul { margin: 0 0 15px 30px; padding: 0; }
#text li { margin: 0 0 2px 0; padding: 0; }

/* cenník */

#text .tab-cennik
  {
   border: 1px solid #aaaaaa;
   margin: 0 0 15px 15px; padding: 0;
   text-align: center;
  }

#text .tab-cennik th
  {
   background: #fac07c;
   font-weight: bold;
   padding: 5px;
  }

#text .tab-cennik th.sezona { background: #afafaf; }

#text .tab-cennik td
  {
    background: #cccccc;
    width: 111px;
    padding: 5px;
  }

/* kalendár */
/* kalendár predstavujú 2 tabuľky TABLE (mesiace) vedľa seba t.j. 2 stĺpce a 6 riadkov pre 12 mesiacov */
/* tabuľka musí byť ešte v DIV pre IE 6.0 - pre ostatné prehliadače možeme dať aj TABLE - float: left */
/* oba DIV v riadku sú FLOAT: left, je to lepšie, za nimi ide oddeľovač CLEAR: left pre IE 6.0 */
/* IE 6.0 a 7.0 (8.0 OK) z podivných príčin dáva za prvými dvoma kalendárovými tabuľkami odsadenie (bottom) 15px - berie to z predchádzajúceho P, 
   preto P musí mať margin-bottom: 0 a za P je <br /> a funguje to aj v IE 6.0 a 7.0 */
/* dá sa to riešiť aj inak - každý ľavý DIV(TABLE) má okrem float: left aj clear: left, potom je to bez oddeľovačov */

#text .kalendar /* DIV */
  {
   float: left; 
   margin: 0; padding: 0; 
  }

#text .tab-kalendar
  {
   border: 1px solid #aaaaaa;
   margin: 0 0 15px 16px; padding: 0;
   text-align: center;
  }

#text .tab-kalendar th
  {
    width: 34px;  /* width musí byť pri TH (nie TD), inak by v kalendári IE 6 a 7 pre TD s colspan="7" sa "snažili" dať danú dĺžku */
    background: #afafaf;
    font-weight: normal;
    padding: 2px 0px;
  }

#text .tab-kalendar td
  {
    background: #cccccc;
    padding: 2px 0px;
  }

#text .obsadenie-zn { margin:0; padding: 1px 6px; } /* ZNačky */
#text .pismo-f0 { color: #7a7a7a; }  /* sivá - pre uplynuté termíny */
#text .pismo-fa { color: #ea1a1e; }  /* červená - pre aktuálny dátum */
#text .pozadie-f0, #text td.pozadie-f0 { background: #cccccc; }  /* sivá */
#text .pozadie-f1, #text td.pozadie-f1 { background: #a7e826; }  /* zelená */
#text .pozadie-f2, #text td.pozadie-f2 { background: #a8d6f4; }  /* modrá */
#text .pozadie-f3, #text td.pozadie-f3 { background: #ffa943; }  /* oranžová */
#text td.pozadie-fm  { background: #fac07c; } /* pre názov mesiaca, musí byť pozadie s TD, inak by ho pretlačil klasický TD */ 

#text .oddelovac-cf { clear: left; }

/* formuláre */
/* nie je možné pre všetky prehliadače urobiť totožný design formulárov */

.ram-tab-form 
  {
   border: 3px solid #cccccc;   
   margin: 0 0 15px 15px; padding: 3px;
  }

form { margin: 0; padding: 0; } /* potrebné */

/* stačí TH, bez TABLE a TD */

.tab-form th
  {
   background: #fac07c; /* oranžová  */
   text-align: left;
   font-weight: normal;
   padding: 0 10px;
  }

/* tabuľka pre "knihu návštev" má 3 stĺpce, posledný stĺpec pre * (hviezdičku) má nastavenie TOP, lebo ak by bola * v rovnakej bunke ako TEXTAREA, bola by na spodku a v novej bunke v strede) */
.tab-form td.zar-hore { vertical-align: top; }

input, select, textarea
 {
  margin: 0; padding: 1px 0; /* šírka každého INPUT je nastavená v XHTML (style) a je rovná HODNOTE v px + 4px (2x1px je rámik a 2x1px dáva každý prehliadač  */
  font-size : 12px; font-family: verdana, tahoma, arial, sans-serif;
 }

.tab-form .pre-spro { display: none; } /* ochrana proti spa.rob. */
.tab-form .bg-chyba { background: #f96d63; }
.form-chyba { color: #d70203; } /* výpis chybového hlásenia pre FORM */ 

/* PRAVÁ strana */ 

#odkazy
  {
   float: right;
   width: 250px; /* celkom 294px */
   margin: 0; padding: 0 15px 0 29px; /* odsadenie LEFT je prispôsobené vertikálnej oddeľovacej čiare */
  }
   
#menu-ver { margin: 75px 0 0 0; padding: 0; }

#menu-ver .nad-menuv 
  {
   background: url(../obr/bg-menu-ver-nad.gif) no-repeat 0 0;
   height: 15px;
  }
#menu-ver .pod-menuv
  {
   background: url(../obr/bg-menu-ver-pod.gif) no-repeat 0 0;
   height: 15px;
  }

#menu-ver ul
  {
   background: url(../obr/bg-menu-ver-stred.gif) repeat-y 0 0;
   margin: 0; padding: 0;
  }

#menu-ver li
   {
    display: block;
    list-style: none;
    margin: 0; padding: 0;
   }

#menu-ver li a
  {
   display: block;
   background: url(../obr/bg-sipka-menu-ver.gif) no-repeat 14px 8px;
   font-size: 14px;
   width: 210px; /* pre IE 6.0. */
   padding: 5px 0 5px 40px;
  }

/* akcie a upútavky */

.prave-akcie
  {
   margin: 15px 0 0 0; padding: 0;
   background: url(../obr/bg-prave-akcie-stred.gif) repeat-y 0 0;
  } 

.prave-akcie .nad-praveakcie  /* pravé ostatné */ 
  {
   background: url(../obr/bg-prave-akcie-nad.gif) no-repeat 0 0;
   height: 15px;
  }
.prave-akcie .pod-praveakcie 
  {
   background: url(../obr/bg-prave-akcie-pod.gif) no-repeat 0 0;
   height: 15px;
  }

.prave-akcie img { margin: 8px 0 0 0; } 
.prave-akcie img.s-ramikom { border: 3px solid #dddddd; } 

/* ostatné položky */

.prave-ostatne
  {
   margin: 15px 0 0 0; padding: 0;
   background: url(../obr/bg-prave-ostatne-stred.gif) repeat-y 0 0;
  } 

.prave-ostatne .nad-praveostatne  /* pravé ostatné */ 
  {
   background: url(../obr/bg-prave-ostatne-nad.gif) no-repeat 0 0;
   height: 15px;
  }
.prave-ostatne .pod-praveostatne 
  {
   background: url(../obr/bg-prave-ostatne-pod.gif) no-repeat 0 0;
   height: 15px;
  }

.prave-ostatne img { margin: 5px 0 0 0; } 
.prave-ostatne img.s-ramikom { border: 3px solid #909090; } 

.prave-ostatne a:hover#pocitadlo { color: #ffffff; } 

#spodne-cf { clear: both; } /* pre IE 6.0 musí byť osobitné CLEAR - aj keď to 6.0 zobrazuje zle, čo sa prejaví pri background */

#oddelovac-ver
  {
   background: url(../obr/bg-nad-menu-spodne.gif) repeat-x 0 0;
   margin: 0 15px;
   height: 15px; 
  }

#spodne-menu
  {
   padding: 0 15px;
   background: #ffffff; /* aby to bolo bez odeľovača pravá / ľavá */
   font-size: 11px;
   text-align: center;
   line-height: 1.3;
  } 

#spodne-menu a
  {
   font-size: 11px;
   color: #353535;
  }

#spodne-menu a:hover { color: #085ece; }

#spodne /* DIV */
  {
   background: url(../obr/bg-spodne.gif) no-repeat 0 0;
   height: 23px;
  }