/*  --------------------------------------------------
zakladne nastavania
viktor čech, www.vc.podstromami.com
		23.07.2009 15:00
posledne zmeny  05.08.2009 8:18

Struktura:
1. Reset
2. Nezaradene /niektore nemusia byt pouzite
3. Hlavna cast, hlavicka a logo
4. Menu pod hlavickou
5. Nadpis pod menu, vyhladavanie
6. Hlavna cast
7. Lava cast hlavnej casti
8. Prava cas - menu - hlavnej casti
9. Paticka
10. Inputy, formulare, buttony
11. Podstranky
------------------------------------------------------ */

@import "reset.css";
#all, #main {margin:0 auto !important; width: 982px; text-align: left;}
#hladacik-header  {font: .9em Arial, Verdana, lucida, sans-serif; color: #000;}
#hladacik-header h2 {font-family: Arial, Verdana, lucida, sans-serif}

/*  --------------------------------------------------
2. Nezaradene /niektore nemusia byt pouzite
------------------------------------------------------ */
abbr {border-bottom: 1px dotted #ccc;}
abbr:hover {cursor: help;}
.blue {color: #008ed7 !important;}
.blue a:hover {color: #ff7200 !important;}
a.blue:hover {color: #ff7200 !important;}
.orange {color: #ff7200 !important;}
a.orange:hover {color: #008ed7 !important;}
.green {color: #108900 !important;}
.red {color: #ff0000 !important;}
.mensie {font-size: 0.9em !important;}
.menej {padding-top: 18px !important;}
.top0 {top: 0 !important;}
.b0 {border-top: 1px solid #dfdfdf; width: 630px; margin: 8px 0 10px 0 !important; line-height: 0; position: relative; left: -12px; float:left;clear:both;}
.b1 {border-top: 1px solid #8bdef3; background-position: 0 1px !important;}
.b2 {border-top: 1px solid #dfdfdf; width: 972px; margin: 8px 0 10px 0 !important; line-height: 0; position: relative; left: -12px; float:left;clear:both;}
.both {clear: both; display: block; width: 400px; line-height: 0;}
.odskoc {clear: both; position: relative; top: 27px;}

/*  --------------------------------------------------
3. Hlavna cast, hlavicka a logo
------------------------------------------------------ */
#content {margin: 0 auto; width: 982px;}
#hlavicka {width: 982px; padding: 0 0 4px 0; margin: 0 auto 5px auto; float:left;}
#logo {float: left; width: 219px; height: 55px; position: relative; left: 8px; top: 28px; float: left; z-index: 5; clear: both;}
#logo a {border: 0; position: relative; overflow: hidden; width: 219px; height: 55px; float:left; color: #000; font-size: 150%;}
#logo span {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../i/logo.gif) 0 0 no-repeat transparent; z-index: 1;}
#hlavicka img#reklama {float: right; width: 729px; height: 90px;}
#hlavicka div#reklama {float: right; width: 729px; height: 90px;}
p.rekl {float: right; color: #adadad; font-size: .8em; margin: 0 3px 0 0;}

/*  --------------------------------------------------
4. Menu pod hlavickou
------------------------------------------------------ */
#podhlavicka {float:left; width: 982px; border-top: 1px solid #f2f2f2; padding: 5px 0 0 0; margin-top: -5px;}
#podhlavicka p,
#podhlavicka p a {color: #008ED7;}
#podhlavicka p a:hover {color: #ff7200;}
#podhlavicka p#aktual {font-size: 0.9em; padding: 0 10px; width: 400px; max-width: 430px;float:left;}
#podhlavicka p#aktual a {color: #ff7200;}
#podhlavicka p#aktual a:hover {color: #008ED7;}
#podhlavicka p#aktual span {color: #008ED7;}
#podhlavicka p#nastip {float: right; padding: 0 10px 0 0;}
#podhlavicka p#nastip strong {margin: 0 2px 0 0; color: #008ED7;}
ul#top-menu {width: 982px; float: left; height: 25px; max-height: 24px; background: url(../i/bg-top-nav.gif) 0 0 repeat-x orange; margin: 7px 0 0 0;}
ul#top-menu li {border-left: 1px solid #fecca4; float: left; position: relative;z-index: 5; height: 22px;}
ul#top-menu li a {color: #fff; font-size: 1.1em; padding: 4px 16px 4px 16px; float:left; height: 16px;line-height: 15px;}
ul#top-menu li a.active {color: #fff !important; background: url(../i/bg-top-nav-hover.gif) 0 0 repeat-x #0173c2; border-bottom: 1px solid #0173c2;}
ul#top-menu li a:hover {color: #6d3b00; text-decoration: none;}

/*  --------------------------------------------------
5. Nadpis pod menu, vyhladavanie
------------------------------------------------------ */
#podmenu {float:left; width: 982px; height: 46px; background: url(../i/bg-podmenu.gif) 0 0 repeat-x blue; border-top: 1px solid #fff; position: relative; top: -2px;}
#podmenu h2 {color: #fff; margin: 7px 0 0 0px; position: relative; left: 12px;float:left;}

#search-content {float: right; width: 250px;}
#search-content input {float:left; margin: 16px 5px 0 0; height: 18px;border: 1px solid #0564a8; width: 160px;}
#search-content input.button {left: 525px; background-color: #000; background: url(../i/button.gif) 0 0 no-repeat #fff; width: 62px; height: 20px; color: #000; border: 0;}
#search-content img {margin: 18px 7px 0 9px; float:left;}
#search-content p {margin: 15px 0 0 0; font-size: 1.3em; color: #fff; font-weight: bold;}

#podmenu a {color: #fff;}
#info {float:left; padding: 3px 0 4px 16px; width: 970px; max-width: 953px; position: relative; z-index:5;}
#info .mensie {color: #ff7200;}
#info p {width: 590px; float:left;}
#info p#prihlaseny {float:right; width: 160px;}
#info p#prihlaseny a {text-decoration: underline;}
#info p#prihlaseny a:hover {text-decoration: none;}
#info img {margin: 0 6px; position: relative; top: -1px;}
#info p#login {float: right; font-size: .9em; width: 116px;}
#info p#login a {color: #535557; text-decoration: underline;}
#info p#login a:hover {text-decoration: none;}

/*  --------------------------------------------------
7. Lava cast hlavnej casti
------------------------------------------------------ */
#lavy {width: 668px; margin: 2px 0 0 0; float:left; position: relative; left: 15px;}
#lavy h3 {color: #008ed7; font-size: 180%; width: 495px; float:left;}
#lavy h4 {color: #787878 !important; font-size: 150%; margin: 10px 0 27px 0 !important; clear: both;}

/*  --------------------------------------------------
8. Prava cas - menu - hlavnej casti
------------------------------------------------------ */
#pravy { float: left; width: 309px; padding: 38px 0 0 0;}
#pravy p#moznosti {float: left; both; width: 300px; max-width: 300px;}
#pravy p#moznosti a {font-size: 0.9em;}
#pravy p#moznosti a.blue {padding: 0 0 0 13px; background: url(../i/ico-sipka.gif) 0 4px no-repeat #fff; margin-right: 15px;}
#pravy p#moznosti a.orange {padding: 0 0 0 15px; background: url(../i/ico-pridaj-odkaz.gif) 0 3px no-repeat #fff;}
#pravy h3.nadpis {font-size: 120%; clear: both; float:left; color: #fff; background: url(../i/bg-nadpis.gif) 0 0 repeat-x #000; height: 25px; max-height: 21px; width: 300px; max-width: 286px; padding: 6px 0 0 14px; margin: 15px 0 0 0;}
#pravy img#reklam {border: 1px solid #000; margin: 0 8px 0 0;}
#pravy p.rekl {margin: 15px 10px 0 0;}

/*  --------------------------------------------------
9. Paticka
------------------------------------------------------ */
#paticka {background: url(../i/bg-paticka.gif) 0 0 repeat-x #fff; height: 51px; width: 982px; clear: both; position: relative; top: 20px;  margin: 0 auto; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}
#paticka p {width: 982px; text-align: center !important; margin: 0 auto; margin: 8px 0;}
#paticka p,
#paticka p a {color: #008ed7;}
#paticka p a:hover {color: #ff7200;}

/*  --------------------------------------------------
10. Inputy, formulare, buttony
------------------------------------------------------ */
#lavy input.text {border: 1px solid #8ca7c0; width: 181px;clear: both;}
#lavy select {border: 1px solid #8ca7c0;}
#lavy input.button {width: 156px !important; height: 21px;background: url(../i/button2.gif) 0 0 no-repeat green; color: #fff; margin: 0 0 0 15px; font-size: 0.9em; padding-bottom: 2px;}
input.button2 {width: 106px !important; height: 21px;background: url(../i/button3.gif) 0 0 no-repeat green; color: #fff; margin: 0 0 0 20px; padding-bottom: 2px;}
input.button4 {position: relative; top: 19px; width: 89px; height: 21px; background: url(../i/button4.gif) 0 0 no-repeat orange; color: #fff; margin: 0 0 0 20px;clear: none;float:left;font-size: 0.9em; padding-bottom: 2px;}
input.button5 {width: 161px !important; height: 21px;background: url(../i/button5.gif) 0 0 no-repeat green; color: #fff; font-size: 0.9em; padding-bottom: 2px;}
input.pod {clear: both; margin: -15px 0 0 105px;}
input.pod1 {clear: both; float: right; margin-top: 10px;}
input.pod2 {clear: both; margin: 10px 0 0 105px;}
input.pod3 {left: 118px !important; top: 20px !important;}
input.pod4 {clear: both; position: relative; top: -145px; left: 83px;}
input.pod5 {clear: both; position: relative; top: -150px; left: 83px;}
fieldset#pridaj input.text {width: 240px !important; margin-right: 75px !important;}
fieldset#pridaj p {float:left; clear: both; width: 423px; color: #2c2c2c !important; margin: 3px 0; font-size: 1.1em;}
fieldset#pridaj p span {position: relative; left: 35px;}
fieldset#pridaj p.vlavo {position: relative; left: 365px !important;}
fieldset#pridaj p.posun {position: relative; top: -20px;}
fieldset#pridaj p.posun2 {position: relative; top: -110px;}
fieldset#pridaj p.posun3 {position: relative; top: -145px;}
fieldset#pridaj p.posun4 {position: relative; top: -93px;}
fieldset#pridaj p.posun5 {position: relative; top: -130px;}
fieldset#pridaj textarea {float: right; width: 316px; border: 1px solid #8ca7c0; height: 155px; color: #6f6f6f;}
fieldset#pridaj textarea.mensi {height: 80px;}
fieldset#pridaj p.v {top: -140px !important;}
fieldset#pridaj p.v2 {top: -165px !important;}
fieldset#pridaj p.v3 {top: -200px !important;}
p.chceminfo {position: relative; top: -160px; left: 105px;}
p.chceminfo2 {position: relative; top: -145px; left: 105px; margin-bottom: 20px !important;}
p.top0 {top: 0; left: 140px; margin-top: 10px !important;}
p.chceminfo label {position: relative; top: 0 !important;}
input.checkbox {margin-right: 8px; border: 1px solid #1c5180;}

/*  --------------------------------------------------
11. Podstranky
------------------------------------------------------ */
#obsah .tab  {float:left; width: 290px; margin: 10px 0 23px -5px;}
#obsah .tabb {margin-left: 48px !important;}
#obsah .tab a {color: #959595; margin-left: 5px;}
#obsah .tab h3  {font-size: 150%; margin: 0 0 4px 0; width: 290px;}
#obsah .tab p {margin-bottom: 12px; line-height: 20px; float:left; clear: both; width: 290px;}
#obsah .tab h3 a  {color: #008ed7 !important;}
#obsah .tab h3 a:hover {color: #ff7200 !important;}
#obsah .tab2 a {color: #008ed7;}
#obsah .tab2 a:hover {color: #ff7200;}
#obsah .tab2 p a {margin-right: 9px !important;}
#obsah .tab2 p {font-size: 1.1em;margin-bottom: 5px;}
body#admin #obsah .tab2 {width: 400px;}
body#admin .tab img {position: relative; top: 2px;}
body#admin .tab a.ico {margin: 0 3px !important;}
body#admin h3 a {margin-right: 9px !important;}
body#admin .blue a {margin-right: 9px !important;}
body#admin .admin h3 {margin-bottom: 14px !important;}
#lavy .pridaj {clear: both; float:left; margin-top: 0;}
#lavy .pridaj strong {color: #313131; margin-bottom: 5px;float:left;clear: both;}
#lavy .pridaj p {float:left; clear: both; width: 423px; color: #2c2c2c; margin: 3px 0; font-size: 1.1em;}
#lavy .pridaj p#vyssie {margin-top: -20px;}
#lavy .pridaj p.viac {left: 215px; top: -25px !important;}
#lavy .pridaj p.viac2 {left: 215px; top: -25px !important;}
#lavy .pridaj p.viac3 {top: -26px !important;}
#lavy .pridaj p label {float: none; position: relative; top: 3px;}
#lavy .pridaj input.text {width: 316px;float: right;}
#lavy .pridaj select {width: 318px;float: right; margin: 2px 0; height: 20px;}
#lavy .pridaj select.mensi {width: 94px; margin-right: 224px;}
#lavy .pridaj input.button,
#lavy .pridaj input.vedla {clear: both;position: relative; left: 295px; top: 5px;}