/* common - based on Eric Meyer's reset, you shouldn't change this section
======================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

a {color: #898989; text-decoration: none;}
a:hover {text-decoration: underline;}

/* priehladnost */
img, div
{
 behavior: url(iepngfix.htc);
}

body { font: 62.5% helvetica, arial, sans-serif; color: #000000; text-align: center }

body#rano
{ background: url( 'sk_img/stranka/pozadie/rano.jpg' ) center top repeat-x; background-color: #ffffff; }

body#den
{ background: url( 'sk_img/stranka/pozadie/den.jpg' ) center top repeat-x; background-color: #ffffff; }

body#noc
{ background: url( 'sk_img/stranka/pozadie/noc.jpg' ) center top repeat-x; background-color: #ffffff; }

table {border-collapse: separate; border-spacing: 0;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

li {list-style-type: none;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

a, img {border: none;}

.clear {clear: both;}
.clearl {clear: left;}
.clearr {clear: right;}

.hand
{ cursor: pointer; cursor: hand; }

.test
{ border: 1px #ff0000 solid; }

.error
{ color: #ff0000 }

/* rozlozenie */
#c_obsah
{ width: 1024px; position: relative; margin: 0 auto 0 auto; text-align: left; }

#c_hlavicka
{ width: 100%; position: relative; margin: 10px 0 10px 0; }

#c_hlavicka .lavy
{ width: 370px; float: left; }

#c_hlavicka .lavy #login
{ margin-top: 15px; position: relative }

#c_hlavicka .pravy
{ width: 654px; float: left; }

#c_casomiera
{ width: 1089px; height: 68px; position: absolute; left: -33px; background: url( 'sk_img/cas/cifernik/default.png' ) center center no-repeat; }

#c_hlavny_box,
.c_obsah_box
{ width: 983px; margin-top: 88px }

.c_obsah_box
{ margin-top: 15px }

#hlavny_box,
.obsah_box
{ width: 953px; position: relative; padding: 3px 15px 15px 15px; background: url( 'sk_img/spravy/box/pozadie.png' ) center center repeat-y; }

#hlavny_box #zalozky
{ height: 30px; padding-top: 13px; position: relative; background: url( 'sk_img/spravy/box/tien_zalozky.png' ) left top no-repeat; z-index: 2 }

#hlavny_box #c_spravy
{ width: 630px; border: 1px #e2e2e2 solid; position: relative; top: -1px; left: 0; z-index: 1 }

#c_spravy #sprava
{ width: 45%; border-right: 1px #e2e2e2 solid; padding: 16px; margin: 10px 0 10px 0; float: left  }

#c_spravy #odporucame
{ width: 45%; padding: 7px 10px 10px 10px; margin: 10px 0 10px 0; float: left }

#hlavny_box #c_reklama
{ width: 300px; position: absolute; top: 10px; right: 20px; }

#hlavny_box #najcitanejsie
{ width: 280px; border: 1px #e2e2e2 solid; position: absolute; top: 270px; right: 20px; padding: 20px 10px 10px 10px }

#hlavny_box #c_odporucame
{ width: 300px; position: absolute; top: 10px; right: 20px; }

#c_spravy #sprava img.foto,
.text_clanku img.foto,
.lavy #clanok img.foto
{ border: 1px #ededed solid; }

#c_spravy #sprava p.nadpis,
.lavy #clanok div.info a.nadpis,
.pravy #odporucame a.podkat
{ font-size: 1.2em; line-height: 1.2em; font-weight: bold; margin-top: 3px; padding-left: 8px; color: #767676; background: url( 'sk_img/spravy/oranz_vpravo.png' ) left center no-repeat; position: relative }

.lavy #clanok div.info
{ margin-bottom: 15px; position: relative; }

.lavy #clanok img.foto
{ margin-right: 10px; }

.lavy #clanok img.foto,
.lavy #clanok p.nadpis
{ float: left; }

#c_spravy #sprava p.perex,
.lavy #clanok div.info p.perex
{ font-size: 1.2em; line-height: 1.2em; margin-top: 3px; padding-left: 8px; padding-bottom:3px; color: #767676; border-bottom:1px #ededed solid; }

.lavy #clanok div.info p.perex
{ color: #000000; border: 0; margin-top: 5px; }

#c_spravy #sprava p.nadpis span.forum,
.lavy #clanok div.info span.forum
{ display: block; position: absolute; top: 0px; right:0px }

.prvy
{ font-size: 1.1em; color: #f49320; }

#c_spravy #odporucame img.foto
{ border: 1px #ededed solid; margin-right: 10px; margin-bottom: 3px; float: left }

#c_spravy #odporucame p.nadpis
{ width: 180px; float: left; font-weight: bold; }

#hokej_box
{ width: 1024px; height: 867px; position: relative; margin: auto; padding: 3px 15px 15px 15px; background: url( 'sk_img/hokej/pozadie.png' ) center center repeat-y; }

#hokej_box #tabula
{ width: 753px; height: 635px; position: relative; margin: 25px auto 0 auto; padding: 3px 15px 15px 15px; background: url( 'sk_img/hokej/tabula.png' ) center center no-repeat; text-align: center }

#tabula #vysledok
{ width: 350px; margin: auto; font-size: 5em; font-weight: bold; position: relative; top:35px }

#tabula #komentar
{ width: 87%; height: 500px; overflow: auto; margin: auto; font-size: 1.3em; position: absolute; top:115px; left: 50px; text-align: left }

#komentar p
{ margin-top: 3px; }

#hlavny_box .lavy
{ width: 630px; float: left; border: 1px #e2e2e2 solid; margin-right: 15px; position: relative; top: -1px }

#hlavny_box .pravy
{ width: 300px; float: left }

.lavy #clanok
{ padding: 16px; margin: 10px 0 10px 0; background-color: #ffffff }

.pravy #odporucame
{ width: 280px; border: 1px #e2e2e2 solid; margin-bottom: 15px; padding: 25px 10px 10px 10px }

.pravy #odporucame img.foto,
#najcitanejsie img.foto
{ border: 1px #ededed solid; margin-right: 10px; margin-bottom: 3px; float: left }

.pravy #odporucame p.nadpis,
#najcitanejsie p.nadpis
{ width: 160px; float: left; font-weight: bold; }

.lavy #clanok .cesta
{ width: 330px; margin-right: 12px; float: left; }

.lavy #clanok .share
{ width: 256px; float: left }

/* formulare */
/* LOGIN */
#login form .input
{ width: 101px; height: 22px; background: url( 'sk_img/login/input.png' ) center center no-repeat; float: left;
  margin: 1px 10px 0 0;  }

#login form .input input
{ width: 90px; height: 22px; padding: 5px 3px 0 5px; border: 0; background: transparent; color: #f79b2c; font-size: 1.1em }

#login form .button
{ width: 32px; height: 25px;  border: 0; color: #f79a2e; background: url( 'sk_img/login/button.png' ) center center no-repeat; float: left }

#login form .registracia
{ width: 100px; margin-left: 10px; float: left; margin-top: -3px; }

#login form .registracia a
{ font-size: 1.2em; font-weight: bold; }

#login form .registracia a span
{ color: #f79a2e; }

#login form .registracia span
{ color: #898989;  font-weight: bold; }

#login .ptext
{ font-size: 1.2em; }

#login .ptext span
{ color: #f79a2e; font-weight: bold }

a#logout
{ width: 94px; height: 25px; position: absolute; top: 0px; right: 15px }

/* HLADAJ */
#c_hladanie
{ width: 100%; height: 75px; margin-top: 30px; background: url( 'sk_img/hladanie/lupa.png' ) left bottom no-repeat; }

#c_hladanie ul.vyber_zdroj
{ font-size: 1.4em; font-weight: bold; color: #f79a2e; margin-left: 71px; }

#c_hladanie ul.vyber_zdroj li
{ width: 98px; height: 31px; line-height: 31px; margin-right: 15px; display: block; text-align: center; float: left }

#c_hladanie ul.vyber_zdroj li:hover,
#c_hladanie ul.vyber_zdroj li.act
{ background: url( 'sk_img/hladanie/selector_pozadie.png' ) left center repeat-x; }

#c_hladanie form .input
{ width: 460px; height: 40px; background: url( 'sk_img/hladanie/input.png' ) center center no-repeat; float: left;
  margin: 0px 0px 0 50px; }
  
#c_hladanie form .input input
{ width: 440px; height: 40px; padding: 8px 10px 0 10px; border: 0; background: transparent; color: #000000; font-size: 2em }

#c_hladanie form .button
{ width: 96px; height: 46px;  border: 0; color: #f79a2e; background: url( 'sk_img/hladanie/button.png' ) center center no-repeat; float: left }

/* REG FORM */
.dform
{ background-color: #f3f3f3; padding: 10px; border: 1px #dfdfdf solid; font-size: 1.2em; margin-top: 10px; position:relative; }

.dform .lbl
{ width: 100px; display: block; float: left; margin: 2px 0 0px 0; }

.dform .input
{ width: 150px; height: 20px; background: url( 'sk_img/form/input.png' ) left top repeat-x; border: 0; border-left: 1px #e2e2e2 solid; border-right: 1px #e2e2e2 solid; display: block; float: left; margin: 2px 0 0px 0; padding: 2px 0 0px 0;  }

.dform .button
{ width: 100px; height: 21px; background: url( 'sk_img/form/button.png' ) left top repeat-x; border: 0; font-size: 1.1em; color: #f3f3f3; margin-top: 10px; }

.dform .sepkac
{ width: 150px; height: auto; position: absolute; top: 35px; left:110px; border: 1px #d2d2d2 solid; display: none; z-index: 5 }

.sepkac .svetla,
.sepkac .tmava
{ padding: 2px 5px 2px 5px; }

.sepkac .svetla:hover,
.sepkac .tmava:hover
{ color: #f7931e }

.sepkac .svetla
{ background-color: #fdfdfd; }

.sepkac .tmava
{ background-color: #f0f0f0; }

/* meniny */
#meniny
{ font-size: 1.3em; margin-left: 52px; }

#meniny span
{ color: #f79a2e; }

#meniny a
{ font-weight: bold }

/* presny cas */
p#c_cas
{ width: 56px; height: 24px; position: absolute; top: 4px; background: url( 'sk_img/cas/slider/default.png' ) center center no-repeat; padding: 2px 0 0 0; color: #ffffff; font-size: 1.2em; font-weight: bold; text-align: center; }

/* zalozka ACT */
.c_zalozka_act
{ height: 30px; float: left; position: relative; }

.c_zalozka_act img
{ float: left }

.c_zalozka_act .zalozka_act
{ font-size: 1.2em; height: 30px; line-height: 30px; padding: 0 5px 0 15px; background: url( 'sk_img/spravy/box/zalozka_act/pozadie.png' ) center center repeat-x; float: left; }

.c_zalozka_act .zalozka_act,
.c_zalozka_act .zalozka_act a
{ font-weight: bold; color: #444444; }

/* zalozka */
.c_zalozka
{ height: 30px; float: left; }

.c_zalozka img
{ float: left }

.c_zalozka .zalozka
{ height: 30px; line-height: 30px; padding: 0 5px 0 15px; background: url( 'sk_img/spravy/box/zalozka/pozadie.png' ) center center repeat-x; float: left; }

.c_zalozka .zalozka a
{ font-size: 1.2em; font-weight: bold; color: #444444; }

.zalozka_posun
{ position: relative; top: 0; }

.c_zalozka_act .zalozka_p_posun,
.c_zalozka .zalozka_p_posun
{ padding-left: 22px }

.zalozka_z_1
{ position: relative; z-index: 1 }

.zalozka_z_2
{ position: relative; z-index: 2 }

.zalozka_z_3
{ position: relative; z-index: 3 }

.zalozka_z_4
{ position: relative; z-index: 4 }

.zalozka_z_5
{ position: relative; z-index: 5 }

.zalozka_z_6
{ position: relative; z-index: 6 }

.zalozka_z_7
{ position: relative; z-index: 7 }

.zalozka_z_8
{ position: relative; z-index: 8 }

.zalozka_z_9
{ position: relative; z-index: 9 }

/* spravy */
#c_spravy
{ position: relative; }

#tien_c_spravy
{ position: absolute; bottom: -15px; left: 0; }

#c_spravy ul li,
#clanok ul li,
#komentar ul li,
#najcitanejsie ul li
{ font-size: 12px; padding-left: 5px; margin-left: 30px; list-style-image: url( 'sk_img/spravy/oranz_vpravo.png' ) }

#c_spravy ol li,
#clanok ol li
{ font-size: 12px; padding-left: 5px; margin-left: 30px; list-style-type: decimal }

#c_spravy .ptext,
#clanok .ptext
{ font-size: 12px; text-align: justify; margin-bottom: 3px; }

.ptext p
{ margin-bottom: 4px; }

.ptext a,
#komentar a
{ font-weight: bold }

p.pozn
{ font-size: 0.8em; color: #555555; margin: 0px 0 5px 0 }

/* kurzy */
#kurzy
{ margin-top: 15px }

#kurzy table
{ width: 200px; font-size: 1.2em; float: left; margin: 0 15px 0 0 }

#kurzy table thead th
{ background-color: #f67f00; color: #ffffff; padding: 5px; text-align: center}

#kurzy table tbody td
{ background-color: #ffe5c9; color: #000000; font-weight: bold; padding: 3px 5px 2px 5px; vertical-align: middle }

#kurzy table tbody td.ina
{ background-color: #ffd2a2 }

/* pocasie */
#c_pocasie
{ width: 645px; margin: 10px 10px 0 0; float: left }

#pocasie
{ width: 645px; position: relative; padding: 20px 15px 15px 15px; background: url( 'sk_img/vseobecne/box_dlhy/pozadie.png' ) left top repeat-y; }

iframe.maly
{ width: 118px; height: 132px; }

/* tv program */
#c_program
{ width: 327px; height: 156px; margin: 10px 10px 0 0; float: left; }

#program
{ width: 327px; height: 156px; position: relative; padding: 20px 15px 15px 15px; background: url( 'sk_img/vseobecne/box_kratky/pozadie.png' ) left top repeat-y; }

/* texty */

h1
{ font-size: 2.5em; color: #f68705; }

h2.nadpis_sipka
{ font-size: 1.5em; color: #f68705; font-weight: bold; line-height: 1.5em; height: 1.5em; vertical-align: middle; margin-top:-15px; }

h2.nadpis_sipka img
{ vertical-align: middle; margin-left: 10px; }

.cesta .ptext p
{ color: #f68705; font-weight: bold; font-size: 1.2em }

/* hlasky */
.c_msg {position: relative; top: 0; left: 0; z-index:9999; width: 96.7%; margin:0; padding:0}
.msg { width: 100%; font-size: 1.2em;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid; padding: 8px 10px 0 10px;
}
.msg p {margin: 0 0 8px 0; padding-left: 25px;}
.msg p a { color: #666666; font-weight: bold; text-decoration: underline}
.msg-ok {border-color: #a6d877; background: #d2ecba url("../images/sk/obsah/hlasky/msg-ok.png") repeat-x; color: #336801;}
.msg-error {border-color: #f3abab; background: #f9c9c9 url("../images/sk/obsah/hlasky/msg-error.png") repeat-x; color: #8d0d0d;}
.msg-warn {border-color: #d7e059; background: #f3f7aa url("../images/sk/obsah/hlasky/msg-warn.png") repeat-x; color: #6c6600;}
.msg-info {border-color: #9fd1f5; background: #c3e6ff url("../images/sk/obsah/hlasky/msg-info.png") repeat-x; color: #005898;}
.msg-ok p {background: url("../images/sk/obsah/hlasky/accept.png") 0 50% no-repeat;}
.msg-error p {background: url("../images/sk/obsah/hlasky/cross_octagon.png") 0 50% no-repeat;}
.msg-warn p {background: url("../images/sk/obsah/hlasky/exclamation_octagon_fram.png") 0 50% no-repeat;}
.msg-info p {background: url("../images/sk/obsah/hlasky/exclamation.png") 0 50% no-repeat;}
.msg p.zatvor {text-align:right; font-size:0.8em; background: transparent; text-decoration:underline}

/* strankovanie */
.str, .str_aktiv
{
 width: 25px;
 height: 25px;
 line-height: 25px;
 font-size: 1.2em;
 font-weight: bold;
 text-align: center;
 display: block;
 background: url('sk_img/spravy/box/zalozka_act/pozadie.png') center center repeat;
 float: left;
 border: 1px #aaaaaa solid;
 margin: 0 5px 0 0;
 color: #898989;
 text-decoration: none;
}

.str_aktiv
{ background: url('sk_img/spravy/box/zalozka/pozadie.png') center center repeat; }

.str_aktiv:hover
{ background: url('sk_img/spravy/box/zalozka_act/pozadie.png') center center repeat; text-decoration: none; }


/* sirky prvkov */
.w650 { width: 650px }
.w250 { width: 250px }
.w200 { width: 200px }
.w195 { width: 195px }
.w190 { width: 190px }
.w185 { width: 185px }
.w180 { width: 180px }
.w175 { width: 175px }
.w170 { width: 170px }
.w165 { width: 165px }
.w160 { width: 160px }
.w155 { width: 155px }
.w150 { width: 150px }
.w145 { width: 145px }
.w140 { width: 140px }
.w135 { width: 135px }
.w130 { width: 130px }
.w120 { width: 120px }
.w110 { width: 110px }
.w100 { width: 100px }
.w85 { width: 85px }
.w60 { width: 60px }
.w50 { width: 50px }
.w30 { width: 30px }