/*
cech@firma.azet.sk
16.7.2010

01. Reset
02. Nezaraditelne
03. Ikony
04. Hlavicka
05. Lava cast
06. Stred
06.1 Stred - nastavenie dualneho zobrazovania
07. Prava cast
08. Paticka
09. Login
10. POCASIE, HOROSKOP, TV PROGRAM, KALENDAR
11. LISTA po prihlaseni
12. produkty
*/

/*  --------------------------------------------------
1. Reset
------------------------------------------------------ */	
body {margin: 0 auto; text-align: center; font: 12px/1.3em Arial, sans-serif; color: #333; background-color: #fff;}
* {margin: 0; padding: 0;}
a {text-decoration: none; color: #2D7AA8;cursor:pointer;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none !important;}
a:focus {text-decoration: underline; outline: 0;}
h1 {font-size: 250%;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}
h2, h3, h4, h5 {margin: 15px 0;}
input {font: 11px Arial, sans-serif;}
input:focus {outline: none;}
fieldset, address, ul, p, h1, h2, h3, h4 {text-align: left;}
label, input, textarea {float: left;}
input, a img, form, fieldset, select, ul, ol, table {border:0;}
cite, em, q, blockquote, address {font-style:italic;}
address {display: inline;}
ul, ol, ul ul, ol ol {list-style:none;}
strong, legend {font-weight: bold;}
hr, .schovaj {display: none}
.nobt {border-top: 0 !important;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

/*  --------------------------------------------------
2. Nezaraditelne (farby, opakujuce sa veci)
------------------------------------------------------ */
.modra {color: #2D7AA8 !important;}
.zelena {color: #429f2b;}
.oranzova {color: #ff8800;}
.fialova {color: #7F4C9E;}
.cervena {color: #de1401;}
.ruzova {color: #ED1E79;}
.dot {color: #b3b3b3; padding: 0 5px;text-align: center;}
.box p {margin: 0;}
.nadpis {margin-left: 4px;padding-top: 5px; width: 275px; background: url(images/bg.png) 0 -136px repeat-x transparent; font-size: 12px; font-weight: normal;}
.nadpis strong {margin-right: 3px;}
.nadpis a.e {position: absolute; right: -2px;}
.nadpis a span{color: #ccc; font-size: 11px;}
.nadpis a:hover span {color: #000;}
.pridat a { color: #333;}
.pridat a span {color: #ccc;}
.pridat a:hover span {color:#000;}
input {border: 1px solid #858585;}
input.button {width: 65px; height: 30px; border: 1px solid #999; font-weight: bold;}
input.button:hover {cursor: pointer;}
input#js_edit_pocasie {width: 170px; padding: 2px 0 0 3px; margin-right: 5px;}
h2 {margin: 0;}
body.lista {background-position: 0 20px;}
body.lista2 {background-position: 0 45px;}
body.lista3 {background-position: 0 15px;}

/*  --------------------------------------------------
3. Ikony, sprity
------------------------------------------------------ */
.sp {background-image: url(images/s.gif?v=1.0) !important; background-repeat: no-repeat;}
.h {background: url(images/horoskop_s.png) 0 2px no-repeat transparent;}
.h2 {background: url(images/horoskop_l.png) 0 2px no-repeat transparent;}
.p {background: url(images/pocasie_den.gif) 0 0 no-repeat;}
.pn {background: url(images/pocasie_noc.gif) 0 0 no-repeat;}

/* Pocasie */
.p01,.p33 {background-position: 0 0px}
.p02,.p03,.p04,.p34,.p35,.p36 {background-position: 0 -24px}
.p05,.p11,.p37 {background-position: 0 -48px}
.p06,.p38 {background-position: 0 -71px}
.p07,.p08 {background-position: 0 -96px}
.p12,.p13,.p14,.p39,.p40 {background-position: 0 -120px}
.p15,.p16,.p17,.p41,.p42 {background-position: 0 -144px}
.p18 {background-position: 0 -168px}
.p19,.p20,.p21,.p23,.p44 {background-position: 0 -192px}
.p22 {background-position: 0 -216px}
.p24 {background-position: 0 -240px}
.p25 {background-position: 0 -264px}
.p26,.p29,.p43 {background-position: 0 -288px}
.p30 {background-position: 0 -312px}
.p31 {background-position: 0 -336px}
.p32 {background-position: 0 -360px}

/* Horoskop */
.by {background-position: 0 -15px;}
.bl {background-position: 0 -30px;}
.ra {background-position: 0 -45px;}
.le {background-position: 0 -60px;}
.pa {background-position: 0 -75px;}
.va {background-position: 0 -90px;}
.sk {background-position: 0 -105px;}
.st {background-position: 0 -120px;}
.ko {background-position: 0 -135px;}
.vo {background-position: 0 -150px;}
.ry {background-position: 0 -165px;}
.ba2 {background-position: 0 3px;}
.by2 {background-position: 0 -48px;}
.bl2 {background-position: 0 -96px;}
.ra2 {background-position: 0 -142px;}
.le2 {background-position: 0 -191px;}
.pa2 {background-position: 0 -238px;}
.va2 {background-position: 0 -288px;}
.sk2 {background-position: 0 -336px;}
.st2 {background-position: 0 -383px;}
.ko2 {background-position: 0 -430px;}
.vo2 {background-position: 0 -478px;}
.ry2 {background-position: 0 -525px;}

/*  --------------------------------------------------
4. Hlavicka
------------------------------------------------------ */
#content {margin: 0 auto; width: 1022px;}

h1#logo {position: relative; top: 3px; left: 0; width: 110px; max-width: 110px;float:left;}
h1#logo a {display: block;width: 119px; height: 30px; border: 0; position: relative; overflow: hidden; font-size: 150%; text-shadow: 2px 1px #ccc; padding-top: 17px;cursor:pointer;}
h1#logo a:hover,
h1#logo a:focus {text-decoration: none;}
h1#logo span {background-position: 0 0;width: 100%; height: 46px; display: block; position: absolute; top: 0; left: 0; z-index: 1;}
ul#menu {margin-left: 75px;float:left; width: 490px;}
ul#menu li {text-align: center;float:left;}
ul#menu li a.active {color: #000; background: url(images/s-top.png) center bottom no-repeat transparent;}
ul#menu li a {float:left; height: 20px; margin: 0 9px; font-size: 14px;}
#hlavicka {padding-top: 20px; width: 100%; height: 110px; z-index: 150; position: relative; margin: 0 auto; background: url(images/bg.png) 0 -10px repeat-x #f0f2f4; min-width: 1000px;}
#hlavicka form {max-width: 690px; width: 695px; margin: 10px auto 0 auto; position: relative; left: 2px; z-index: 1;}
#hlavicka .p {padding: 5px 0 4px 28px; margin-right: 9px;}
#hlavicka label {border: 1px solid #858585; background-color: transparent; padding: 1px 5px; position: relative; left: 25px; top: 6px; border: 0; z-index: 5;}
#hlavicka label#kde {left: 0;}
#hlavicka input.text {font-size: 12px;margin: 0 0 0 22px; padding: 6px 0 5px 6px;width: 406px; border-top: 1px solid #000;}
#hlavickadrz {width: 960px; margin: 0 auto;}

.mobil_promo { border-bottom:1px solid #ddd; text-align:left; padding:5px; color:#666;}

ul#selSlovnik,
input#js_edit_pocasie,
input.text { background: #fff; 
background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.25, rgb(255,255,255)),
    color-stop(0.83, rgb(234,234,234))
);
background: -moz-linear-gradient(
    center bottom,
    rgb(255,255,255) 25%,
    rgb(234,234,234) 83%
)
;}

/* hack pre safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {#hlavicka label {top: 5px;}}

#hlavicka input.text.slovnik {width: 195px; border-right: 0; padding-left: 25px; margin-left: -4px;}
#hlavicka input.text.slovnik2 {width: 214px; border-right: 0;}
#hlavicka input.button {background-position: 0 -192px; background-color: transparent; width: 128px; padding: 1px 0 2px 0; height: 30px; border: 0; margin-top: -1px; margin-left: 9px; font-size: 12px;}
#hlavicka input#inpFirm {float: left; width: 161px; padding: 6px 0 5px 30px; margin: 0 0 0 -33px; border: 1px solid #858585; border-top: 1px solid #000; border-left:1px solid #858585; z-index: 1;}
ul#pocasieBublina {display: none; border: 1px solid #67686e; width: 240px; height: 85px; background-color: #fff; padding: 20px 20px 0 20px; position: absolute; top: 23px; left: 42px; z-index: 150;
	-moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);}
ul#pocasieBublina span.pocli li.p {height: 15px; line-height: 8px; float:left; padding-left: 30px; margin: 0 5px;}
ul#pocasieBublina span.pocli li.p span.vyssie {top: -4px; position: relative; font-size: 12px;}
ul#pocasieBublina span {font-size: 11px;}
ul#pocasieBublina span#stop {background: url(images/s-top2.gif) no-repeat 0 0 transparent; width: 12px; height: 7px; position: absolute; top: -7px; left: 12%;}
ul#pocasieBublina span#zatvor {position: absolute; top: 5px; right: 5px; font-size: 18px; }
ul#pocasieBublina span#zatvor a:hover {text-decoration: none;}
ul#pocasieBublina span#zadaj {font-size: 10px; clear: both; float:left; width: 270px; line-height: 14px; margin-top: 6px;}
ul#pocasieBublina strong {width: 250px; display: block; margin-top: -5px; margin-bottom: 5px;}
ul#pocasieBublina input {height: 20px; line-height: 20px; width: 149px;}
ul#pocasieBublina input.button { border: 1px solid #000; float:left; clear: none; width: 80px; margin: 0; height: 24px; border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px;

background: #fff; 
background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.31, rgb(243,243,243)),
    color-stop(1, rgb(255,255,255))
);
background: -moz-linear-gradient(
    center bottom,
    rgb(243,243,243) 2%,
    rgb(255,255,255) 69%
)
;
}

ul#selSlovnik {float: left; width: 191px; height: 26px; position: relative; left: 0; border: 1px solid #858585; border-top:1px solid #000;}
ul#selSlovnik:hover {background-color: #f2f2f2;}
ul#selSlovnik li {float:left; padding: 3px 0;}
ul#selSlovnik li span {position: absolute; right: 5px; top: 5px; font-size: 12px;}
ul#selSlovnik li span:hover {cursor: pointer;}
ul#selSlovnik li a { padding: 0 5px; float:left; color: #000; display: block; text-decoration: none; font-style: normal; font-weight: normal; width: 160px; position: relative; top: 3px;}
ul#selSlovnik li ul { display: none; background-color: #fff; border: 1px solid #858585; width: auto; -moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.2); -o-box-shadow:0 4px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.2);}
ul#selSlovnik li.show ul {display: block; position: absolute; top: 26px; left: -1px; width: 191px; z-index: 99;}
ul#selSlovnik li.show ul li {padding: 1px 0;}
ul#selSlovnik li.show ul li.jazyk {font-weight: bold; font-style: italic; padding-left: 5px;}
ul#selSlovnik li.show ul li a {margin:0; padding: 0 3px 0 10px; border: 0; width: 178px; color: #000; top: 0;}
ul#selSlovnik li.show ul li a:hover,ul#selSlovnik li.show ul li a.hover{background-color: #f2f2f2;color:#fff; color: #000;}
#podhlavicka ul .c_mesta {top: 63px; left: 20px;}
#podhlavicka {padding: 3px 0;color: #626263; clear: both; width: 994px; height: 34px;}
#podhlavicka div.text {margin: 10px 0 0 0; padding: 5px 0; margin-left: 109px; text-align: left; position: relative;}
#podhlavicka div.text span#datum {text-align: right; width: 150px; display: inline-block;}
#podhlavicka div.text span.ciara {margin: 0 7px; height: 15px; border-right: 1px solid #626263;}
#podhlavicka div.text a#meniny {padding: 5px 0 0 25px; background-position: -64px -448px;}
#podhlavicka div.text a {color: #626263;}
#podhlavicka .c_mesta ul li a, .c_mesta ul li a {color: #004FA6; overflow: hidden;}
#podhlavicka div#js_pocasie {display:  inline; position: relative;}
#podhlavicka a.zmenPocasie {background-position: -60px -62px; height: 17px; width: 17px; padding: 0 10px; color: #eff1f4;}
#podhlavicka a.zmenPocasie:hover{text-decoration:none;}
.c_mesta {border: 1px solid #000; padding: 5px;position: absolute; width: 249px; height: 300px; max-height: 300px; overflow-x: hidden; overflow-y:scroll; background-color: #fff; z-index: 510; -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);}
html>body .c_mesta { height: auto; }
.c_mesta ul li {margin-left: -5px; overflow: hidden; width: 240px}
.c_mesta ul li.svk a {font-weight: bold;}
.c_mesta ul li a {_width: 253px; float:left; height: 15px; padding: 3px 0 3px 5px;}
html>body .c_mesta ul li a {width: auto; min-width: 198px; width: 240px;}
.c_mesta ul li a:focus,
.c_mesta ul li a:hover,.c_mesta ul li a.hover {background-color: #f2f2f2; text-decoration: none;}
#pocasieBublina li.viac {clear: both; display: block; margin: 15px 0 0 0;float:left; width: 230px;}


/*  --------------------------------------------------
5. Lava cast
------------------------------------------------------ */
#telo {max-width: 1020px; width: 1050px;margin-top: 3px; position: relative; z-index: 2;}

#obal {float: left; width: 708px;}
#obal #banner {margin-bottom:4px; left: 36px; overflow: visible; position: relative; z-index: 9999;}
#lavy {float: left; width: 300px; background-color: #fff;}
#lavy a.e {color: #333; right: -2px;}
#lavy .box ul {float:left; padding: 3px 0 0 0; width: 217px; margin-left: 5px;}
#lavy .box ul li {color: #333; background-position: -65px -571px; padding-left: 9px; width: 205px;}
#lavy .box ul li a {color: #333;}
#magaziny {overflow: hidden;}
#magaziny .box { margin: 0 0 10px 0; width: 298px; height: 75px; color: #004fa6;}
#magaziny img {float: left; width: 68px; height: 72px; margin: 0 0 1px 0; border: 1px solid #edeff2; clear: both;}
#magaziny strong {margin: 2px 0 1px 5px; float:left; clear: none; width: 217px; text-align: left;}
strong.text a {color: #2D7AA8;}
#magaziny .box .nadpis {width: 216px; display: inline-block; margin: 0 0 4px 0;}
#aukrobox {overflow: hidden;}
.aukro {float: left; color: #004fa6; overflow: hidden; width: 77px; margin: 9px 9px 13px 9px; position: relative;}
.aukro img {width: 65px; height: 50px; text-align: center; margin-left: 3px;}
.aukro p { margin-top: -2px; text-align: center; width: 76px;clear: both;}
.aukro p.nazov { line-height: 14px; height: 28px; overflow: hidden;}
.aukro p + p {color: #333;}
#lavy .posun {margin-top: 10px; width: 285px; position: relative; margin-left: 0;}
#lavy p.pridat {float: left; margin-top: 13px;}

/*  --------------------------------------------------
6. Stred
------------------------------------------------------ */
#stred {width: 398px; float: left; margin: 0 0 10px 0; padding-left: 8px; padding-bottom: 8px; border-left: 1px solid #edeff2; overflow: hidden;}
#stred .nadpis {width: 389px; position: relative;clear:both;}
#stred .nadpis a {color: #333;}
#stred .nadpis .sp {position: absolute; right: 2px; background-position: 0 -124px;}
#stred .nadpis .sp a {padding-left: 12px;}
#stred .nadpis .r {position: absolute; right: 2px;}
#stred .nadpis .r span {margin-left: 2px;}
#stred .nadpis2 {clear: both;border-top:1px solid #f2f2f2; padding:5px 0; width: 97.5%; text-align: right; margin-top: 15px; position: relative;}
#stred .nadpis2 a {color: #333;}
#stred .nadpis2 a.sp {color: #424242; background-position: 4px -767px; padding: 5px 11px; font-size: 11px; position: absolute; left: 1px; *left: -3px; top: 1px;}
#stred .nadpis2 a.sp:hover {background-position: 4px -831px; text-decoration: none;}
#stred .nadpis2 a span {color: #ccc; font-size: 11px;}
#stred .nadpis2 a:hover span {color: #000;}

/*  --------------------------------------------------
6.1 Stred - nastavenie dualneho zobrazovania - peter druska
------------------------------------------------------ */
#stred ul {margin-left: 5px; overflow: hidden;}
#stred ul li {position: relative;line-height: 15px; height: 15px; clear: both; float: left;}
#stred ul li.bodka {background: url(images/bodka.png) right 50% no-repeat #fff; padding-right: 10px;}
ul.siet {margin: 5px 0 0 0; width: 390px; height: 59px;}
ul.siet li:nth-of-type(n+4){left:27%; top: -45px;}
ul.siet li:nth-of-type(n+7){left:53%; top: -90px;}
ul.siet li:nth-of-type(n+10){left:78%; top: -135px;}
ul.siet li.prvy {left:27%; top: -45px; }
ul.siet li.druhy {left:53%; top: -90px;}
ul.siet li.treti {left:78%; top: -135px;}
ul.katalog {width: 390px; height: 543px;}
ul.katalog li:nth-of-type(n+31){left:27%;top: -542px;}
ul.katalog li:nth-of-type(n+61){left:53%;top: -1084px;}
ul.katalog li:nth-of-type(n+91){left:78%; top:-1625px;}
ul.katalog li.prvy {left:27%;top: -540px;}
ul.katalog li.druhy {left:53%;top: -1079px;}
ul.katalog li.treti {left:78%; top:-1621px;}
ul.katalog li.pismeno { margin-top: 15px;}
ul.katalog li.pismeno a {color: #333; font-weight: bold;}

/*  rozlisenie mensie ako 1024px */			
@media all and (max-width:1024px) {
	ul.siet li:nth-of-type(n){height: 15px; top: 0;left:0;}
	ul.siet li:nth-of-type(n+5){left:38%; top: -60px;}
	ul.siet li:nth-of-type(n+9){left:70%; top: -120px;}
	ul.katalog li:nth-of-type(n){left:0;top:0; width: 110px;}
	ul.katalog li:nth-of-type(n+40){left:38%; top:-708px;}
	ul.katalog li:nth-of-type(n+78){left:70%; top:-1400px;}}

body.mensi #obal {width: 640px;}
body.mensi #content {width: 980px;}
body.mensi #hlavicka form {margin-left: 175px;}
body.mensi #podhlavicka div.text {margin-left: 150px;}
body.mensi #podhlavicka {width: 981px;}
body.mensi #obal #banner {margin-left: -83px;}
body.mensi #lista ul {left: 0; width: 955px;}
body.mensi #lista ul li#l {right: 0;}
body.mensi #telo {width: 957px; left: 10px;}
body.mensi #stred .nadpis {width: 319px;}
body.mensi #stred {width: 323px;}
body.mensi ul.siet {width: 320px; height: 75px;}
body.mensi ul.siet li {height: 15px;}
body.mensi ul.siet li.prvy{left:38%; top: -60px;}
body.mensi ul.siet li.druhy{left:70%; top: -120px;}
body.mensi ul.katalog {height:765px; width: 322px;}
body.mensi ul.katalog li.prvy {left:38%; top:-705px;}
body.mensi ul.katalog li {width: auto;}
body.mensi ul.katalog li.druhy {left:70%; top:-1395px;}
body.mensi #kal {width: 645px; clear: both;}
body.mensi #kal .nadpis {width: 640px;}
body.mensi #kal ul li {width: 84px;}
body.mensi #pravy {left: -5px;}
body.mensi #pata ul {width: 930px;}

/*  --------------------------------------------------
7. Prava cast
------------------------------------------------------ */
#pravy {min-height: 750px; position: relative; top: 0; left: 5px; padding-left: 9px; float:right; width: 300px; border-left: 1px solid #edeff2; margin-bottom: 15px;}
#pravy form {margin-top: 2px;padding: 10px 0 0 0; width: 300px; height: 119px; color: #fff;}
#pravy form.krivan {background: url(images/pozadie-login-krivan.png) 0 0 no-repeat;}
#pravy form.mdz {background: url(images/pozadie-login-mdz.png) 0 0 no-repeat;}
#pravy form.bd {background: url(images/pozadie-login-narodeniny.gif) 0 0 no-repeat;}
#pravy form.jar {background: url(images/pozadie-login-jar.gif) 0 0 no-repeat;}
#pravy form.easter {background: url(images/pozadie-login-easter.png) 0 0 no-repeat;}
#pravy form.ny {background: url(images/pozadie-login-newyorker.jpg) 0 0 no-repeat;}
#pravy form.mdm {background: url(images/pozadie-login-mdm.png) 0 0 no-repeat;}
#pravy form.ms2010 {background: url(images/pozadie-login-ms2010.png) 0 0 no-repeat;}
#pravy form.volby {background: url(images/pozadie-login-volby2010.png) 0 0 no-repeat;}
#pravy form.leto {background: url(images/pozadie-login-leto.gif) 0 0 no-repeat;}
#pravy form.skola {background: url(images/pozadie-login-skola.gif) 0 0 no-repeat;}
#pravy form p {clear: both; margin: 5px 0 0 35px; border: 0; height: 26px;}
#pravy form p input.text {font-weight: normal;margin: 0 5px; padding: 2px 0 2px 2px; width: 107px; height: 17px;}
#pravy form p input.short { padding-right:25px; width: 82px;}
#pravy form p a {overflow: hidden;}
#pravy form p a.lock {height: 21px; width:18px; position: absolute; left:-25px; cursor: pointer;}
#pravy form p a.ssl {background-position: 5px -381px;}
#pravy form p a.nossl {background-position: -32px -414px;}
#pravy form input.button {height: 24px; background: url(images/button.png) 0 0 repeat-x; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
#pravy form p label {padding-top: 5px; width: 50px; text-align: right;}
#pravy form p span {position: relative; top: 3px;}
#pravy form p.pridat {position: relative; top: 10px; left: 42px;}
#pravy form p.pridat a {padding-left: 13px; background-position: 0 -124px; color: #2D7AA8;}
#pravy form p#pomoc {position: relative; left: 54px; top: 0;}
#pravy form p#pomoc span {top: 2px;}
#pravy form p#pomoc a {color: #333;}
#pravy .box {overflow: hidden; margin: 10px 0; width: 300px; position: relative;}
#pravy .box .nadpis {margin: 0; height: 24px;position: relative; z-index: 1; width: 300px;}
#pravy .box .nadpis a.sp {position: absolute;width: 10px; height: 15px; right: 3px;background-position: -64px -63px;}
#pravy .c_mesta {top: 65px; left: 20px; z-index: 2; width:258px;}
#pravy .c_mesta li a {width: 275px;}
#pravy input#js_edit_pocasie {width: 200px; top: 0; left: 70px; padding: 2px 0 0 3px; height: 20px; margin-top: 2px; margin-bottom: 2px;}
#pravy ul#pocasieBublina input.button  {margin-top: 2px; width: 60px;}

/*  --------------------------------------------------
8. Paticka
------------------------------------------------------ */
#pata {margin: 10px 0;width: 100%; background:url(images/bg.png) repeat-x 0 -136px transparent;clear:both; position: relative;}
#pata ul {width: 1035px; padding: 10px 0; margin: 0 auto; border-bottom: 1px solid #f2f2f2; height: 15px; position: relative;}
#pata ul li {display: inline; color: #AFB0B2; margin-bottom: 15px;}
#pata ul li.sid {position: absolute; right: 15px;}
#pata ul li a {margin: 0 7px 0 4px;}
#pata ul li:first-child a {color: #333;}

/*  --------------------------------------------------
9. Login
------------------------------------------------------ */
#pravy .box#login {margin-top: 0;text-align:left;}
#pravy .box#login.log {margin-top: 4px;}
#pravy .box#login .nadpis {height: 21px;}
#login ul {width: 102px; float:left; margin: 8px 0 0 0; background-position: -57px -317px; padding-left: 40px;}
#login ul a.link {width: 29px; height: 30px; display:block; position: absolute; left: 0;}
#login ul + ul {background-position: 0 -253px; padding-left: 35px; position: relative; left: 12px;}
#login ul li { background-color: #fff;}
#login ul li a {color: #333;  background-color: #fff;}
#login ul li span {font-weight: bold; color: #A82025; font-size: 11px; margin-left: 5px;}
#login ul li a#priatelia {margin-right: 5px;}
#login ul li span.pocet {color: #a82025; font-weight: bold; margin-left: 0;}
#login ul li span a#room { padding: 0 4px;left: 5px; font-size: 10px;text-decoration: none;position: relative; background-color: #a82025; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}

/*  --------------------------------------------------
10. POCASIE, HOROSKOP, TV PROGRAM, KALENDAR
------------------------------------------------------ */
#pravy .box.poc {overflow: visible; z-index: 3; height: 55px;}
#pravy .box.poc ul#pocasieBublina span#stop {left: 30%;}
.box ul.pocasie li {float:left; margin: 0 0 0 5px; padding: 0 0 0 30px; line-height: 12px; min-width: 64px; width: 60px;}
#pravy .box.horo {height: 110px; margin-bottom: 0; z-index: 2;}
#pravy ul#pocasieBublina {left: -10px; top: 25px;clear: both; width: 270px;}
#pravy ul#pocasieBublina a {text-decoration: none;}
.box.horo ul li {float:left; margin: 1px 0; width: 80px; padding: 0 0 0 20px;}
.box.horo #horData {overflow:hidden; height: 55px; width: 300px; clear: both;}
.box.horo #horData p {margin-left: -5px; width: 300px; line-height: 13px; height: 55px;}
.box.horo p#cely {margin-top: 5px; margin-left: 62px;}
.box.horo #horAll {float:left;}
.box.horo span.h2 {width: 47px; height: 50px; float:left; margin: 0 10px 20px 10px;}
#pravy .zmen {position: absolute; right: 0;}
.box.program {margin-top: 0;}
.box.program .nadpis {height: 21px;}
.box.program ul {width: 294px; height: 310px; border: 1px solid #ccc; padding: 10px 0 0 0; position: absolute; top: 20px; left: 0; background-color: #fff; z-index: 7992;
		-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);}
.box.program ul li {cursor: pointer; position: relative; width: 110px; font-size: 11px; left: 5%;}

.box.program ul li:nth-of-type(n+20){left:50%; top: -295px;}
.box.program ul li.prvy {left:50%;	top: -295px; *top: -305px;}

.box.program ul li a {padding-left: 17px; background-position: 0 0;}
.box.program ul li.fajka {background: url(images/fajka.png) left center no-repeat;}
.box.program ul li input {display:none; position:absolute;}

html>body #pravy .box.program {overflow: visible;}
p#nieje {position: absolute; top: 30px; z-index: 2; left: 5px;}
.prog {width: 295px; clear: both; padding: 5px 0; height: 45px; background-color: #fff; z-index: 3; position: relative; overflow: visible;}
.prog .cas {float:left;}
.prog .cas span {float:left;}
.prog .cas .prg {width: 64px; margin-right: 5px; text-align: right; height: 30px; font-size: 10px; font-weight: bold; line-height: 12px;}
.prog .cas .t {color: #115bac;}
.prog .cas span.ciara {background-color: #b3b3b3; width: 73px; height: 1px; position: relative; top: 6.5px; margin: 0 6px;}
.prog .cas span.ciara .g {background-color: #147cc1; height: 1px; position: relative; left: -1px;}
.prog .cas span.ciara .g .bb {font-size: 19px; color: #147cc1; margin-top: -8px; cursor:help;}
.prog .nazov {clear: both; width: 300px; margin-top: -15px; margin-left: 3px; float:left;}
.prog .nazov span.prvy {width: 220px; display: block; position: relative; margin-left: 67px; font-size:11px; color: gray;}
p.chyba {text-align:center; width:25em; padding: 3px 0;border: 1px solid #ccc; display: none; position: absolute !important; top: 20px; background-color: #fff;}

#kal {width: 702px; overflow: hidden;}
#kal .nadpis {width: 701px; margin: 10px 0 5px 0; position: relative;}
#kal h2 span#tyzden {position: absolute; right: 0;}
#kal h2 span#sipky a {color: #ccc; font-size: 11px;}
#kal h2 span#sipky a:focus {text-decoration: none;}
#kal h2 span#sipky a.dnes {color: #000;margin-left: 1px;}
#kal h2 span#sipky a:hover {text-decoration: none; color: #000;}
#kal ul li {float:left; width: 93px; padding: 5px 0 5px 5px; border-left: 1px solid #f2f2f2;}
#kal ul li.active {background-color: #f7f7f7; border-left: 1px solid #afb0b2;}
#kal ul li span {display: block;}
#kal ul li span.d2 {color: #DE1401;}

/*  --------------------------------------------------
11. lista po prihlaseni
------------------------------------------------------ */
#lista {border-bottom: 1px solid #afb0b2; width: 100%; height: 23px;position: relative; clear: both; z-index: 102;}
#lista ul {margin: 0 auto; width: 990px; position: relative; height: 23px;top: 2px; left: -17px;}
#lista ul li {float:left; margin: 3px 7px 0 7px;}
#lista ul li a#plus {position: relative; top: -4px; line-height:21px;}
#lista ul li sup {position: relative; top: -4px; float:none; line-height: 12px;}
#lista ul li:hover sup {color: #DE1401;}
#lista ul li#f {margin-left: 0;}
#lista ul li#l {position: absolute; right: -22px; top: 0;}
#lista ul li#l a#stredd {margin: 0 15px;}
#lista ul li span {font-size: 9px; position: relative; left: 3px; top:-3px; background-color: #a82025; color: #fff; padding: 0 4px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#lista ul li a {color: #000; text-decoration: none;}
#lista ul li a:hover {text-decoration: underline;}

/*  --------------------------------------------------
12. produkty
------------------------------------------------------ */
.body_produkty {font: 12px Arial, Verdana, lucida, sans-serif;}
.body_produkty * {margin: 0 auto; }
.body_produkty a {text-decoration: none;}
.body_produkty #objav { margin: 20px auto 40px; width: 960px;}
.body_produkty #logo {width: 960px; position: relative; left: -11px;}
.body_produkty #logo #bg {width: 464px; height: 126px; background: url(images/produkty/siet_azet_title.gif) 0 0 no-repeat; position: absolute; right: 0; top: 0;}
.body_produkty p#nadpis {font-size: 36px; position: absolute; top: 50px; left: 132px;}
.body_produkty p#nadpis span {color: #afb0b2;}
.body_produkty #hlava {background: url(images/produkty/bg.png) 0 0 repeat-x #f0f1f4; width: 100%; height: 127px; border-bottom: 1px solid #afb0b2;}
.body_produkty #hlava h1 {position: relative; top: 40px; left: 0; float:left;text-align: left; width: 118px;}
.body_produkty #hlava h1 a {display: block; width: 118px; height: 46px; border: 0; position: relative; overflow: hidden; font-size: 150%; text-shadow: 2px 1px #ccc;}
.body_produkty #hlava h1 a:hover,
.body_produkty #hlava h1 a:focus {text-decoration: none;}
.body_produkty #hlava h1 span { background: url(images/produkty/logo.png) 0 0 no-repeat transparent; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1;}
.body_produkty .box {width: 960px; text-align: left;  clear:both;}
.body_produkty .boxik {width: 320px; height: 120px; float:left;}
.body_produkty .boxik h2 {font-weight: normal; margin:5px 20px 0 20px;}
.body_produkty .boxik p {margin: 10px 24px 20px 20px;}
.body_produkty .boxik a {color: #147cc1;}
.body_produkty .thumb { float: left; width: 135px; height: 105px; margin-right: 6px; background: transparent url(images/produkty/thumbs/podklad.png);}
.body_produkty .thumb img { padding-top:8px; padding-left:8px; width: 120px; height: 90px;}
.body_produkty #pata	{width: 981px; margin: 0 auto;}
.body_produkty #pata ul {width: 981px;}