/*
	Hotel garni Elenka / www.medos.sk / StyleSheet (CSS)
	Programovanie: Gabriel Schwardy, Ing. / Caleydon Media / www.caleydon.com
	Nazov suboru: css_hlavne
*/

/* Zaciatok CSS */

/* ZAKLADNE NASTAVENIA
======================================== */
* {padding:0; margin:0;}
pre, blockquote, ol, dl, fieldset, address {margin:1.2em 2%;}
dd {margin-left:5px;}
fieldset {padding:.5em;}

body {font-family:Georgia, Times New Roman, Times, serif; font-size:62.5%; line-height:1.25em; color:#927b51; background:url("http://www.medos.sk/obrazky/schema/pozadie-global.png") repeat-x #5f2a17;}

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

/* ZAKLADNE NASTAVENIA - Odkazy
======================================== */
a {font-weight:normal; text-decoration:none;}
a:link, a:visited {font-weight:normal; outline:none; text-decoration:underline; normal; color:#6b542c;}
a:active, a:hover {font-weight:normal; outline:none; text-decoration:none; color:#43300e;}

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

/* KONTAJNERY
======================================== */
#kontajner {width:900px; margin:30px auto 0 auto; padding:0; background:url("http://www.medos.sk/obrazky/schema/pozadie-hlava.jpg") no-repeat;}
#kontajnerHlava {width:900px; height:379px; margin:0 auto; padding:0;}
#kontajnerMenu {width:900px; height:54px; margin:0 auto; padding:0; background:url("http://www.medos.sk/obrazky/schema/pozadie-menu.png") repeat-x;}
#kontajnerTelo {width:900px; margin:0 auto; padding:0; background-color:#ffebc6;}
#kontajnerPata {width:900px; height:110px; margin:0 auto; padding:0; background:url("http://www.medos.sk/obrazky/schema/pozadie-pata.png") repeat-x;}

/* BLOKY
======================================== */

/* HLAVA - BLOK - Info a kontakty
----------------------------------------- */
.hlavaInfo {width:250px; color:#371408; font-size:1.2em; margin:0 0 0 52px; padding-top:24px; letter-spacing:0.05em;}
.hlavaInfo a:link, .hlavaInfo a:visited {color:#EC7E01; font-weight:bold; text-decoration:none;}
.hlavaInfo a:hover {color:#6C410F; font-weight:bold; text-decoration:none;}

/* HLAVA - BLOK - Obrazok Logo
----------------------------------------- */
.hlavaLogo {float:right; position:static; width:218px; height:145px; margin:0; padding:0 52px 0 0;}
#obrazokLogo a {display:block; width:218px; height:145px; margin:0; cursor:pointer; text-decoration:none;}
#obrazokLogo a:hover, #obrazokLogo a:visited {text-decoration:none;}
#obrazokLogo a span {visibility:hidden;}

/* MENU - BLOK - Hlavna navigacia (hore)
------------------------------------------------------ */
#navHlavna {height:54px; margin:0 auto; padding:0; width:800px;}
.navZalozka {padding:0; margin:0; font-size:1.3em; list-style-type:none; text-align:center; letter-spacing:0.05em;}
.navZalozka a:active, .navZalozka a:focus {outline:0;}
.navZalozka li {display:inline; margin:0;}
.navZalozka li a, .navZalozka li a:visited {width:auto; height:54px; line-height:4.1em; padding:0 10px 0 10px; margin:0 0 0 0; float:left; text-decoration:none; color:#3d1909; font-weight:bold;}
.navZalozka li a:hover {background:url("http://www.medos.sk/obrazky/schema/pozadie-menu-aktivne.png") repeat-x; color:#f39f31; text-decoration:none; font-weight:bold;}
li.aktivnaSekcia a:visited, li.aktivnaSekcia a {background:url("http://www.medos.sk/obrazky/schema/pozadie-menu-aktivne.png") repeat-x; color:#f39f31; text-decoration:none; font-weight:bold;}

/* TELO - BLOK - Obsah
----------------------------------------- */
#obalTelo {width:840px; margin:0 auto; padding-bottom:40px;}

/* TELO - BLOK - Obsah - Lava
----------------------------------------- */
#teloLava {float:left; width:410px; margin:0; padding:0;}
#teloLavaAkcie {float:left; width:210px; margin:0; padding:0;}
#obsahLava {margin:0; padding:3em 0 0 0;}

/* TELO - BLOK - Rezervacie
----------------------------------------- */
#blokRezervacie {width:366px;  background-color:#ddc497; padding:1em;}
#blokRezervacieAkcie {width:166px;  background-color:#ddc497; padding:1em;}
#blokRezervacie p {font-size:1.4em; line-height:1.6em; color:#43300e;}
#blokRezervacie h3 {font-size:1.6em; color:#6b542c; text-transform:uppercase; margin:1.5em 0 0 1em;}
#blokRezervacieAkcie p {font-size:1.2em; line-height:1.6em; color:#43300e;}
#blokRezervacieAkcie h3 {font-size:1.4em; color:#6b542c; text-transform:uppercase; margin:0em 0 1em 0em;}
#rezervacieLava {float:left; width:170px; margin:0; padding:0;}
#rezervaciePrava {margin:0 0 0 170px; padding:0;}
#rezervaciePravaAkcie {margin:0 0 0 0px; padding:0;}
#rezervaciePrava span {margin:0 0 0 10px;}
#rezervaciePravaAkcie span {margin:0 0 0 10px;}

/* TELO - BLOK - LAVA - Fotogaleria mala
----------------------------------------- */
#blokFotogaleria {width:400px; margin:5px 0 0 0; padding:5px 0 0 0; text-align:left;}
#blokFotogaleriaAkcie {width:200px; margin:5px 0 0 0; padding:5px 0 0 0; text-align:left;}
.fotoGaleria {margin:0; padding:8px 0 15px 0; overflow:hidden;}
.fotografia {float:left; width:200px; overflow:hidden; padding-bottom:10px;}
.fotografia img {border:4px solid #ddc497; margin-bottom:3px;}
.fotografia a:hover img {border:4px solid #c4ab7e;}
.fotografia a {display:block; padding-right:5px;}
.fotografia span {font-size:1em;}
.fotografiaInfo {clear:left; font-size:1.1em; padding-top:10px;}
#blokFotogaleria p.fotoGaleriaOznam {color:#999; font-size:1.2em; letter-spacing:0.1em;}

.fotografia span.popisModel {color:#ada28a; text-align:left; font-size:1em; padding:0 0 0 15px; margin-top:13px; letter-spacing:0.08em;}
.fotografia span.popisModel strong {color:#726447;}

/* TELO - GALERIA - Nahlady na galerie
----------------------------------------- */
/*.fotoGaleria2 {margin:0 auto; padding:8px 0 15px 0; overflow:hidden;}*/
.galeriaNahlad {float:left; width:276px; overflow:hidden; padding-bottom:15px;}
.galeriaNahlad img {border:4px solid #ddc497; margin-bottom:3px;}
.galeriaNahlad a:hover img {border:4px solid #b1a284;}
.galeriaNahlad a {display:block; padding-right:5px;}
.galeriaNahlad span.galeriaNazov {color:#ada28a; text-align:left; font-size:1.1em; padding:0 0 0 4px; margin-top:13px; letter-spacing:0.08em;}
.galeriaNahlad span.galeriaNazov strong {color:#726447;}
/*.fotografiaInfo2 {clear:left; font-size:1.2em; padding-top:10px;}
img.galeriaFoto2 {margin-bottom:15px;}
p.oznamInfo2 {font-style:italic; text-align:center; margin-top:30px;}*/

/* TELO - GALERIA - Fotografie
----------------------------------------- */
.fotoGaleria2 {margin:0 auto; padding:8px 0 15px 0; overflow:hidden;}
.fotografia2 {float:left; width:207px; overflow:hidden; padding-bottom:15px;}
.fotografia2 img {border:4px solid #ddc497; margin-bottom:3px;}
.fotografia2 a:hover img {border:4px solid #b1a284;}
.fotografia2 a {display:block; padding-right:5px;}
.fotografia2 span.popisModel2 {color:#ada28a; text-align:left; font-size:1.1em; padding:0 0 0 4px; margin-top:13px; letter-spacing:0.08em;}
.fotografia2 span.popisModel2 strong {color:#726447;}
.fotografiaInfo2 {clear:left; font-size:1.2em; padding-top:10px;}
img.galeriaFoto2 {margin-bottom:15px;}
p.oznamInfo2 {font-style:italic; text-align:center; margin-top:30px;}

#galeriaObsah {margin:0; padding:3em 1em 1em 0;}
#galeriaObsah p {font-size:1.4em; line-height:1.7em; color:#927b51; margin-bottom:1.3em;}
#galeriaObsah h1 {font-size:1.5em; font-weight:bold; color:#6b542c; line-height:1.9em; margin-bottom:0.4em;}
#galeriaObsah h2 {font-size:1.4em; font-weight:bold; color:#6b542c; line-height:1.9em; margin-bottom:0.5em;}
#galeriaObsah h3 {font-size:1.2em; font-weight:bold; color:#6b542c; line-height:2em; margin-bottom:0.5em;}

/* TELO - BLOK - Obsah - Prava
----------------------------------------- */
#teloPrava {margin:0 0 0 420px; padding:0;}
#teloPravaAkcie {margin:0 0 0 220px; padding:0;}
#obsahPrava {margin:0; padding:3em 1em 1em 0;}
#obsahPrava p {font-size:1.4em; line-height:1.7em; color:#927b51; margin-bottom:1.3em;}
#obsahPrava h1 {font-size:1.5em; font-weight:bold; color:#6b542c; line-height:1.9em; margin-bottom:0.4em;}
#obsahPrava h2 {font-size:1.4em; font-weight:bold; color:#6b542c; line-height:1.9em; margin-bottom:0.5em;}
#obsahPrava h3 {font-size:1.2em; font-weight:bold; color:#6b542c; line-height:2em; margin-bottom:0.5em;}
#obsahPrava table tbody tr td {font-size:1.4em; line-height:1.7em; color:#927b51; margin-bottom:1.3em;}

#obsahPrava ul, #obsahPrava ol {margin-left:4em; margin-bottom:1em;}
#obsahPrava li {font-size:1.4em; line-height:1.6em;}
#obsahPrava blockquote {margin:1em 1em 0.8em 1.8em; padding-left:0.5em; line-height:1.5em; font-size:1.4em; color:#333; border-left:3px solid #acacac;}

p.administracia a {text-align:center; padding:0; margin:0; color:#FFF;}

/* TELO - Kontakt
----------------------------------------- */
#teloKontakt {float:left; width:410px; margin:0; padding:0;}
#obsahKontakt {margin:0; padding:3em 1em 1em 0;}
#obsahKontakt p {font-size:1.4em; line-height:1.7em; color:#927b51; margin-bottom:1.3em;}
#obsahKontakt h1 {font-size:1.5em; font-weight:bold; color:#6b542c; line-height:1.9em; margin-bottom:0.4em;}
#obsahKontakt h2 {font-size:1.4em; font-weight:bold; color:#6b542c; line-height:1.9em; margin-bottom:0.5em;}
#obsahKontakt h3 {font-size:1.2em; font-weight:bold; color:#6b542c; line-height:2em; margin-bottom:0.5em;}

#obsahKontakt ul, #obsahPrava ol {margin-left:4em; margin-bottom:1em;}
#obsahKontakt li {font-size:1.4em; line-height:1.6em;}
#obsahKontakt blockquote {margin:1em 1em 0.8em 1.8em; padding-left:0.5em; line-height:1.5em; font-size:1.4em; color:#333; border-left:3px solid #acacac;}

#obsahPrava p.kontakt {margin:0 0 10px 0; padding:0;}

/* TELO - Referencie
----------------------------------------- */
#teloReferencie {float:left; width:510px; margin:0; padding:0;}
#obsahReferencie {margin:0; padding:3em 1em 1em 0;}
#obsahReferencie p {font-size:1.4em; line-height:1.7em; color:#927b51; margin-bottom:1.3em;}
#obsahReferencie h1 {font-size:1.5em; font-weight:bold; color:#6b542c; line-height:1.9em; margin-bottom:0.4em;}
#obsahReferencie h2 {font-size:1.4em; font-weight:bold; color:#6b542c; line-height:1.9em; margin-bottom:0.5em;}
#obsahReferencie h3 {font-size:1.2em; font-weight:bold; color:#6b542c; line-height:2em; margin-bottom:0.5em;}

#obsahReferencie ul {margin-left:4em; margin-bottom:1em;}
#obsahReferencie li {font-size:1.4em; line-height:1.6em;}
#obsahReferencie blockquote {margin:1em 1em 0.8em 1.8em; padding-left:0.5em; line-height:1.5em; font-size:1.4em; color:#333; border-left:3px solid #acacac;}

/* TELO - BLOK - Referencie - Formular - Prava
----------------------------------------- */
#teloForm {margin:0 0 0 530px; padding:0;}
#obsahForm {margin:0; padding:3em 1em 1em 0;}
#obsahForm p {font-size:1.4em; line-height:1.7em; color:#927b51; margin-bottom:1.3em;}
#obsahForm h1 {font-size:1.5em; font-weight:bold; color:#6b542c; line-height:1.9em; margin-bottom:0.4em;}
#obsahForm h2 {font-size:1.4em; font-weight:bold; color:#6b542c; line-height:1.9em; margin-bottom:0.5em;}
#obsahForm h3 {font-size:1.2em; font-weight:bold; color:#6b542c; line-height:2em; margin-bottom:0.5em;}

#obsahForm ul, #obsahForm ol {margin-left:4em; margin-bottom:1em;}
#obsahForm li {font-size:1.4em; line-height:1.6em;}
#obsahForm blockquote {margin:1em 1em 0.8em 1.8em; padding-left:0.5em; line-height:1.5em; font-size:1.4em; color:#333; border-left:3px solid #acacac;}

#obsahForm p.referencie {margin:0 0 10px 0; padding:0;}

/* PATA - BLOK - Kredit
----------------------------------------- */
#kontajnerPata p {font-size:1.1em; color:#9D7859; padding:42px 0 0 0; text-align:center; letter-spacing:0.08em;}

/* TELO - Rezervacia
======================================== */
#rezervaciaLava {float:left; width:410px; margin:0; padding:0;}
#rezervaciaPrava {margin:0 0 0 420px; padding:0;}

/* TELO - FORMULARE
======================================== */
.objednavka, textarea {font-family:Georgia, Times New Roman, Times, sans-serif; font-size:1.0em; color:#40341d; background-color:#FFF3DC; border:1px solid #cec0a6; padding:4px;}
select.objednavka {font-family:Georgia, Times New Roman, Times, sans-serif; font-size:1.0em; color:#40341d; background-color:#FFF3DC; border:1px solid #cec0a6; padding:0 0 0 4px; margin-top:3px;}
.tlacidloObjednavka {font-family:Georgia, Times New Roman, Times, sans-serif; font-size:1.0em; color:#40341d; background-color:#FFF3DC; border:1px #cec0a6 solid; padding:6px; margin:5px 10px 0 0; cursor:pointer; cursor:hand;}
.objednavka:focus, textarea:focus {background-color:#FFF;}
.tlacidlo:hover {background-color:#f6f1e8; color:#2f2513;}
#teloObsah p.kontakt {font-size:1.3em;color:#40341d; margin-bottom:1.3em; letter-spacing:0.03em; line-height:1.3em;}

td, th {font-family:Georgia, Times New Roman, Times, serif; font-size:12px; color:#554423; text-align:left;}
th {padding:10px 10px 10px 0;}
td {padding:6px 0 6px 0;}

/* SKRYTE OBJEKTY, PREDELNIKY, CIARY
======================================== */
.odsadenie {display:block; height:1px;}
.obsahSkryty {display:none;}
a.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;}
.oddelovac {border-bottom:#999 1px solid; width:820px; margin:15px 0;}

/* TELO - BLOK - akcie
----------------------------------------- */
#akcieTelo {margin:0 0 0 0px; padding:0;}
#akcieObsah {margin:0; padding:3em 1em 1em 0;}
#akcieObsah p {font-size:1.4em; line-height:1.7em; color:#927b51; margin-bottom:1.3em;}
#akcieObsah h1 {font-size:1.5em; font-weight:bold; color:#6b542c; line-height:1.9em; margin-bottom:0.4em;}
#akcieObsah h2 {font-size:1.4em; font-weight:bold; color:#6b542c; line-height:1.9em; margin-bottom:0.5em;}
#akcieObsah h3 {font-size:1.2em; font-weight:bold; color:#6b542c; line-height:2em; margin-bottom:0.5em;}
#akcieObsah table tbody tr td {font-size:1.4em; line-height:1.7em; color:#927b51; margin-bottom:1.3em;}

#akcieObsah ul, #akcieObsah ol {margin-left:4em; margin-bottom:1em;}
#akcieObsah li {font-size:1.4em; line-height:1.6em;}
#akcieObsah blockquote {margin:1em 1em 0.8em 1.8em; padding-left:0.5em; line-height:1.5em; font-size:1.4em; color:#333; border-left:3px solid #acacac;}

/* Koniec CSS */