/*
	BioLogic s.r.o  /  www.biologic.sk  /  StyleSheet  (CSS)
	Programovanie: Gabriel Schwardy, Ing. / Caleydon Media / www.caleydon.com
	Nazov suboru: css_hlavne
*/

/* ZAKLADNE NASTAVENIA - Obsah
======================================== */

* { padding:0; margin:0; }
div { margin-left:auto; margin-right:auto; }
h5, h6, pre, blockquote, label, ol, dl, fieldset, address { margin:1.2em 2%; }
dd { margin-left:5px; }
fieldset { padding:.5em; }
html { text-align:center; }

body { font-family:Arial, Thaoma, Verdana, "Geneva CE", Helvetica, sans-serif; font-size:62.5%; text-align:center; line-height:1.25em; color:#423f3e; background:url("./obrazky/schema/pozadie-hlava.png") repeat-x; }

.reset { display:block; clear:both; font-size:1px; height:1px; line-height:0.1em; }

/* ZAKLADNE NASTAVENIA - Odkazy
======================================== */

a { text-decoration:none; font-weight:normal;}
a:link, a:visited { font-weight:normal; outline:none; text-decoration:none; font-weight:normal; color:#718314; }
a:active, a:hover { font-weight:normal; outline:none; text-decoration:none; color:#384107; }

/* STRUKTURA - Usporiadanie
======================================== */

/* KONTAJNERY
======================================== */

#kontajner { width:900px; margin:auto;}

/* OBALY
======================================== */

#obalHlava { height:135px; }	
#obalTelo { text-align:left; margin-bottom:20px; width:840px; background:url("./obrazky/schema/telo-predel-vertikal.gif") repeat-y;  }
#obalPata { height:50px; background-color:#DCEDC6; }
	
/* BLOKY
======================================== */

/* Blok - Hlava - Hlavna navigacia
------------------------------------------------------ */

.hlavaNavigacia { width:580px; float:left; }
.hlavaNavigacia div { padding-left:20px; }

.navHlavna { height:125px; margin:0; padding:0; }

.navZalozka { margin:0; padding:0; list-style-type:none;  text-align:left; letter-spacing:0.1em; }
.navZalozka a:active, .navZalozka a:focus { outline:0; }

.navZalozka li { display:inline; margin:0; font-size:1.2em; text-align:left; line-height:1.5em; }
.navZalozka li a, .navZalozka li a:visited { background:url("./obrazky/schema/navigacia-poz.png") repeat-x; width:auto; padding:98px 30px 10px 6px; margin:0 3px 0 0; float:left; text-decoration:none; color:#8f8f8f; }
.navZalozka li a:hover { background:url("./obrazky/schema/navigacia-poz-hover.png") repeat-x; color:#FFF; text-decoration:none; }

/* Blok - Hlava - Akcia (Nalepka / obrazok)
------------------------------------------------------ */

.hlavaAkcia { width:300px; height:170px; float:left; }

#obrazokAkcia a { display:block; background:url("./obrazky/schema/nalepka-zakaznicka-karta.gif") no-repeat; width:133px; height:168px; margin-left:160px; padding:0; cursor:pointer; }
#obrazokAkcia a span { visibility:hidden; }

/* Blok - Hlava - Obrazok Logo
------------------------------------------------------ */

.hlavaLogo { width:300px; height:150px; float:left; }
	
#obrazokHlavaLogo a { display:block; background:url("./obrazky/schema/logo-biologic-hlava.gif") no-repeat; width:240px; height:74px; margin:20px 0 0 60px; padding:0; cursor:pointer; }
#obrazokHlavaLogo a span { visibility:hidden; }

/* Blok - Telo - Obrazok Logo
------------------------------------------------------ */
	
#obrazokLogo a { display:block; background:url("./obrazky/schema/logo-biologic.gif") no-repeat; width:320px; height:115px; margin-top:10px; padding:0; cursor:pointer; }
#obrazokLogo a span { visibility:hidden; }

/* Blok - Telo - Text
------------------------------------------------------ */

.blokTeloHlText { width:430px; float:left; padding:0 0 67px 40px; color:#909090; line-height:16px; text-align:left;}
.blokTeloHlText .hlTeloText { padding:25px 60px 15px 0; font-size:1.2em; letter-spacing:0.05em; line-height:1.4em;}
.hlTeloText p { padding: 5px 0 5px 0;}

.hlTeloText ul { padding-left: 30px;}

.hlTeloText h2 { padding-top: 15px;}
.hlTeloText h3 { padding-top: 15px;}

.hlTeloViac a:link, .hlTeloViac a:visited { font-size:1.2em; font-weight:bold; color:#535353; background:url("./obrazky/schema/odrazka-dvojsipka.gif") center left no-repeat; padding-left:13px; }
.hlTeloViac a:hover { color:#909090; text-decoration:underline; }

/* Blok - Kontaktny formular
------------------------------------------------------ */

.blokTeloKontForm { width:400px; float:left; color:#909090; line-height:16px; text-align:left; padding:25px 0 15px 0;}

/*.blokTeloKontForm { width:400px; float:left; padding:0 0 67px 40px; color:#909090; line-height:16px; text-align:left;}
.blokTeloKontForm { padding:25px 60px 15px 0; font-size:1.2em; letter-spacing:0.05em; line-height:1.4em;}*/

/* Odkaz - Administracia
------------------------------------------------------ */

p.adminOdkaz { font-size:1.1em; color:#B9B9B9; padding-top: 10px; }
.adminOdkaz a:link, .adminOdkaz a:visited { color:#666; }
.adminOdkaz a:hover { color:#909090; text-decoration:underline; }

/* Blok - Pata - Kredit
------------------------------------------------------ */

.pataPoznamky { font-size:1.1em; color:#6d6d6d; letter-spacing:0.05em; float:left;  padding:20px 0 0 30px; }

/* Blok - Pata - Vytvorilo
------------------------------------------------------ */

.pataKredit { font-size:1.1em; color:#9ab17d; letter-spacing:0.05em; float:right; padding:20px 30px 0 0; }
.pataKredit a, .pataKredit a:visited { color:#9ab17d; }
.pataKredit a:hover { color:#6d6d6d; }

/*.obrPataLogo { width:256px; height:44px; border:0; margin:50px 0 10px 10px; background:url(obrazky/schema/pata-caleydon-logo.png) no-repeat; }*/

/* Telo - Formulare
======================================== */

.formular, textarea { font-family:Arial, Thaoma, Verdana, "Geneva CE", Helvetica, sans-serif; font-size:1.2em; color:#423F3E; background-color:#F8FFEF; border:1px solid #96C45B; padding:3px; margin-top:10px;  margin-right:12px;}
.tlacidlo { font-family:Arial, Thaoma, Verdana, "Geneva CE", Helvetica, sans-serif; font-size:1.2em; color:#96C45B; background-color:#F8FFEF; border:1px #96C45B solid; padding:2px; cursor:pointer; cursor:hand; }
.dropdown { font-family:Arial, Thaoma, Verdana, "Geneva CE", Helvetica, sans-serif; font-size:1.2em; width:150px; background-color:#F8FFEF;  border:1px solid #96C45B; color:#423F3E; padding:2px 0 2px 0; margin-right:12px; height:24px; }
.formular:focus, textarea:focus { background-color :#FFF; color:#423F3E; }
.tlacidlo:hover { background-color:#f6f1e8; color:#666; }

/* SKRYTE OBJEKTY, PREDELNIKY, CIARY
======================================== */

.obsahSkryty { display:none; }
h4.obsahSkryty { display:none; }
hr.predelSkryty { margin:0; padding:0; border:none; visibility:hidden; display:none; }
hr.predelBlokSkryty { clear:both; height:1px; margin:-1px 0 0 0; padding:0; border:none; visibility:hidden; }

/* Koniec CSS */