/* CSS Document */

body {margin: 0; padding: 0; text-align: center; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; font-size: 0.75em; background: #F3F3F3; color: #404040; line-height: 1.5em}

a {color: #404040; text-decoration: underline;}
a:hover {text-decoration: none}

h2 {line-height: 1.6em}

#page {width: 953px; margin: 0 auto; background: url(images/bg.jpg) repeat-y; padding: 4px}

/* lišta */

#lista {width: 100%; height: 25px; padding-top: 6px; background: url(images/bck_menu.jpg) repeat-x; margin: 0 auto; text-align: center; color: white; margin-bottom: 10px; font: 91%/1.3 Verdana, Tahoma, "Geneva CE", lucida, sans-serif; }
#lista li { float: left; background: url(images/bck_menu_li.jpg) no-repeat 0 0 }
#lista a {color: white; text-decoration: underline;}
#lista a:hover {color: white; text-decoration: none; background: url(images/bck_menu.jpg) 25px repeat-x;}

/* hlavicka (logo, reklamný banner, login form) */
#hlavicka {width: 945px; height: 150px; background: url(images/hlavicka-bg.jpg) no-repeat;  text-align: left}
#hlavicka .left {float: left; width: 500px}

#logo {margin: 0; float: left; text-align: left; padding: 0px 0px 20px 22px;
width: 310px; height: 60px; position: relative; overflow: hidden; clear: both; float: left; color: #801e00; 
}
#logo span {background: url('images/logo.jpg') no-repeat; position: absolute; left: 22px; _left: 0; top: 14px;  z-index: 1;
 width: 300px; height: 60px; cursor: pointer; padding: 0px; margin: 0px; overflow: hidden; 
}
#logo a {width: 300px; height: 60px; _height: 60px; overflow: hidden; padding: 0px; color: #801e00; text-align: left; line-height: 12em; font-size: 0.1em
}

#hlavicka_reklama {width: 460px; height: 60px; float: left; margin-top: 10px; margin-left: 26px; text-align: center}
#hlavicka_reklama span {font-size: 1.2em; font-weight: bold; }
#hlavicka_reklama a {color: #404040; }

#login {width: 360px; height: 115px; float: right; margin-top: 20px; margin-right: 20px; _margin-top: 27px; margin-right: 10px; color: #FDFDFA;}
#login .info_k_polozke {font-size: 1.2em; float: left; margin-top: 10px}
#login .polozka {width: 200px; height: 26px; padding-left: 3px; margin-top: 4px; background: url(images/login-input-text.jpg) no-repeat; border: 0; float: right; margin-right: 15px; line-height: 1.7em}
#login input:active {width: 200px; height: 26px;}
#login #heslo {margin-left: 7px; margin-bottom: 10px}

#login #linky {width: 130px; float: left;}
#login #linky a {color: #FDFDFA; font-weight: bold; font-size: 0.9em; text-decoration: none; line-height: 1.3em}
#login #linky a:hover {text-decoration: underline;}
#login #submit {width: 125px; height: 27px; float: right; margin-right: 89px; _margin-right: 100px; margin-top: 5px; background: url(images/login-submit.jpg) no-repeat; border: 0; color: #FDFDFA; font-weight: bold;}


/* hlavne menu (topmenu + submenu) */

ul#menu {width: 942px; height: 35px;margin: 0; padding: 0; display: block; list-style-type: none; background: url(images/topmenu-bg.jpg) repeat-x; _width: 944px;}

ul#menu li {display: block; height: 30px; float: left; padding: 0px 15px 10px 10px; background: url(images/topmenu-oddelovac.jpg) no-repeat right center}
ul#menu li.last {background: none}

ul#menu li a {color: #FDFDFA; display: block; font-weight: bold; text-decoration: none; font-size: 1.1em; padding-top: 10px}
ul#menu li a:hover {text-decoration: underline; }
 

ul#submenu {width: 942px; height: 35px;margin: 0; padding: 0; margin-left: 2px; display: block; list-style-type: none; background: url(images/submenu.jpg) no-repeat; font-size: 0.9em; margin-bottom: 5px;  float: left}

ul#submenu li {display: block; height: 17px; float: left; padding: 2px 15px 10px 10px; background: url(images/submenu-oddelovac.jpg) no-repeat right top; margin: 0}
ul#submenu li.last {background: none}

ul#submenu li a {color: #3E3E3E;font-weight: bold; text-decoration: none; font-size: 1.1em;}
ul#submenu li a:hover {text-decoration: underline; }


/* zaciatok hlavnej casti */

#main {width: 675px; _width: 670px; float: left; text-align: left; margin-left: 3px;}
#main #clanky { overflow: hidden; margin: 7px; text-align: left }

#vyhladavanie {width: 672px; height: 92px; margin: 0; background: url(images/vyhladavanie-bg.jpg) no-repeat; margin-bottom: 10px}
#vyhladavanie form {padding-top: 25px; padding-left: 40px; font-weight: bold}
#vyhladavanie #vyraz {width: 450px; height: 25px; background: url(images/vyhladavanie-input.jpg) repeat-x; border: 1px solid #A6A6A6; margin-bottom: 5px; font-weight: normal}
#vyhladavanie #vyhladat {width: 132px; height: 28px; background: url(images/vyhladavanie-submit.jpg); border: 0; color: #FFF; font-weight: bold; _margin: 0}


#topclanok {width: 665px; height: 160px; background: url(images/topclanok-bg.jpg) no-repeat; color: white; padding-right: 7px; margin-bottom: 20px}
#topclanok img {margin: 0; margin-left: 20px; margin-top: 20px; border: 1px solid #006FBF; margin-right: 22px}
#topclanok h2 {_margin-bottom: 5px; _margin-right: 20px; color: white; font-size: 1.2em; padding-top: 20px;}
#topclanok ul {margin: 0; padding: 0; list-style-type: none;}
#topclanok li {float: left; background: url(images/topclanok-oddelovac.jpg) no-repeat right; padding-right: 10px; padding-left: 5px}
#topclanok li a {color: white; font-weight: bold}
#topclanok #first {padding-left: 0;}
.last {background: none; border: none}
#topclanok #info {height: 80px; margin: 0; padding: 0;}

#topclanok p {width: 520px; _width: 530px; margin: 0; padding: 0px; padding-right: 10px; font-size: 1.2em; line-height: 1.6em; float: right;}
#cist_cely_clanek {width: 152px; height: 28px; margin: 0; margin-right: 80px; _margin-left: 30px;   margin-top: 5px; background: url(images/topclanok-citat-dalej.jpg) no-repeat; color: white; font-weight: bold; text-align: center; padding-top: 2px; text-decoration: none; display: block; _display: inline; float: right; _float: none;}

.banner {width: 485px; height: 60px; background: url(images/reklama-banner-bg.jpg) no-repeat; margin: 20px 0px 20px 90px; padding-left: 13px; clear: both}


.miniclanok {width: 322px; height: 82px; background:url(images/homepage-clanok.jpg) no-repeat; float: left; margin-left: 2px; margin-right: 12px; _margin-right: 5px; margin-bottom: 15px}
.miniclanok img {margin: 6px 8px 0px 6px}
.miniclanok a {display: block; margin-top: 20px; font-weight: bold; text-decoration: none;}
.miniclanok a:hover {text-decoration: underline;}

#textova_reklama {width: 605px; height: 25px; background: url(images/reklama-textova-bg.jpg) no-repeat; margin: 20px 0px 20px 30px; padding-top: 5px; clear: both; text-align: center;}


.box {width: 332px; height: 274px; background: url(images/naj-clanky-bg.jpg) no-repeat bottom; float: left; margin-left: 2px; margin-right: 3px; _margin-right: 0px; margin-bottom: 15px}
.hlavna {width: 330px; height: 150px; _height: 175px; margin-top: 5px}
.box img {margin: 5px 7px 70px 10px}
.box .hlavny {width: 195px; font-size: 1.2em; font-weight: bold; margin: 0; margin-top: 10px} 
.box .cely_clanek {display: block; width: 100px; height: 26px; background: url(images/cely-clanok-bg.jpg) no-repeat; float: right; margin-top: 5px; margin-right: 40px; text-align: center; color: white; padding-top: 4px; text-decoration: none;}
.box ul {margin: 0; padding: 0; list-style-type: none; margin-left: 5px; margin-top: 10px; _margin-top: 0}
.box li {width: 305px; float: left; background: url(images/obsah-box-odrazka.jpg) no-repeat left top; padding-left: 15px; margin-top: 4px}

.nadpis_zeleny {width: 332px; height: 33px; background: url(images/nadpis-zeleny.jpg) no-repeat; margin: 0; padding: 7px 3px 0px 25px; color: white; font-size: 1.3em}
.nadpis_modry {width: 332px; height: 33px; background: url(images/nadpis-modry.jpg) no-repeat; margin: 0; padding: 7px 3px 0px 25px; color: white; font-size: 1.3em}
.nadpis_orange {width: 332px; height: 33px; background: url(images/nadpis-orange.jpg) no-repeat; margin: 0; padding: 7px 3px 0px 25px; color: white; font-size: 1.3em}
.nadpis_cerveny {width: 332px; height: 33px; background: url(images/nadpis-cerveny.jpg) no-repeat; margin: 0; padding: 7px 3px 0px 25px; color: white; font-size: 1.3em}

.nadpis_zeleny a, .nadpis_modry a, .nadpis_orange a, .nadpis_cerveny a {color: rgb(246,246,246)}

.naj_clanky {width: 332px; height: 303px; float: left; background: url(images/naj-clanky-bg.jpg) no-repeat bottom; margin-right: 5px; _margin-right: 3px}
.naj_clanky ul {margin: 0; padding: 0; list-style-type: none; margin-left: 1px}
.naj_clanky li {width: 330px;margin: 0; padding: 0;height: float: left;margin-top: 4px; border-bottom: 1px solid #B4B4B4; }
.naj_clanky li a {width: 310px; display: block; margin-left: 10px; margin-bottom: 5px}


/* koniec hlavnej casti, zaciatok panelu */

#panel {width: 262px; _width: 240px; float: right; text-align: center; margin-right: 13px; _margin-right: 1px; }
#panel .nadpis_zeleny {width: 262px; height: 32px; background: url(images/panel-nadpis-zeleny.jpg) no-repeat; margin: 0; padding: 7px 3px 0px 0px; color: white; font-size: 1.3em; text-align: center}
#panel .nadpis_modry {width: 262px; height: 32px; background: url(images/panel-nadpis-modry.jpg) no-repeat; margin: 0; padding: 7px 3px 0px 0px; color: white; font-size: 1.3em; text-align: center}
#panel .nadpis_orange {width: 262px; height: 32px; background: url(images/panel-nadpis-orange.jpg) no-repeat; margin: 0; padding: 7px 3px 0px 0px; color: white; font-size: 1.3em; text-align: center}
#panel .nadpis_cerveny {width: 262px; height: 32px; background: url(images/panel-nadpis-cerveny.jpg) no-repeat; margin: 0; padding: 7px 3px 0px 0px; color: white; font-size: 1.3em; text-align: center}

#panel .box {width: 262px; height: auto; background: url(images/panel-box-bg.jpg) repeat-y; text-align: left;}
#panel .box_bottom {margin: 0; padding: 0;width: 262px; height: 5px; background: url(images/panel-box-bg-bottom.jpg) no-repeat; _background: none; _border-bottom: 1px solid silver}
#panel .box_span {font-size: 0.6em; font-weight: bold; }


#panel .box .odpovedi {
	border: 0px solid green;
	display: block;
	width: 232px; 
	height: 52px; 
	padding: 2px; 
	padding-left: 15px; 
	overflow: hidden; 
	text-align: center;
}

#panel .box .odpovedi a, .odpovedi a:link, .odpovedi a:visited {
	color: black;
	font-size: 9pt;
	line-height: 40px;
}
#panel embed {margin: 5px}
#panel img {margin: 10px}
#panel .video {float: left; margin: 8px; padding: 0; width: 250px; height: 226px;}
#panel p {padding: 10px }

#panel .box form {padding: 10px}

#panel ul {margin: 0; padding: 0; list-style-type: none;}
#panel ul li {float: left; display: block; width: 240px; _width: 260px; background: none; border-bottom: 1px solid #B4B4B4; }
#panel ul span {font-size: 0.8em; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; margin-right: 5px}



/* koniec panelu, začiatok patičky */

#pr_clanok {width: 945px; height: 5px; no-repeat; clear: both; margin-top: 20px; text-align: left; margin-left: 2px}
#pr_clanok h4 {margin: 0px; padding: 20px; padding-top: 0px; padding-bottom: 0px; color: white}
#pr_clanok p {padding: 20px; padding-top: 0px; color: white}
#pr_clanok a {color: white; text-decoration: underline;}
#pr_clanok a:hover {text-decoration: none;}


#paticka {width: 941px; height: 32px; background: url(images/paticka.jpg) no-repeat; margin-top: 10px; margin-left: 2px; text-align: center; font-size: 0.9em;}
#paticka p {padding: 8px 10px 0px 10px}
#paticka a {text-decoration: underline;}
#paticka a:hover {text-decoration: none;}

#copyright {width: 940px; margin: 0 auto; text-align: right; padding: 5px 20px 10px 0px; font-size: 0.9em}

#copyright a {text-decoration: underline;}
#copyright a:hover {text-decoration: none;}




#videa {width: 100%; text-align: center}
.video {width: 300px; height: 250px; margin-bottom: 0px; padding: 5px; float: left; text-align: center}









.noborder {border: 0;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.center {margin: 0 auto; text-align: center;}


.nadpis_clanku {width: 630px; _width: 650px; display: block; background: #ADD51C url(images/nadpis-bg.jpg) repeat-x; margin: 0; padding: 7px 5px 3px 15px; color: white; font-size: 1.2em; text-align: left; margin-right: 20px; _margin-right: 10px; text-decoration: none;}
.nadpis_clanku a {color: white}
.vyhladavanie_cely_clanok {width: 100px; height: 25px; display: block; background: url(images/panel-nadpis-zeleny.jpg) no-repeat; margin: 0; padding: 7px 5px 0px 5px; color: white; font-size: 1.2em; text-align: center; margin-right: 20px; text-decoration: none;}
.vyhladavanie_polozka small, .vyhladavanie_polozka p {padding-left: 16px; padding-right: 20px}

.margin-left-20px {margin-left: 20px} 




#main #clanky2 { width: 667px; overflow: hidden; padding-top: 20px; margin: 5px; text-align: left }
#main .clanek_top2 { float: left; width: 640px; padding: 0 10px 20px 0; list-style: none }
#main #clanky2 .clanek2 { float: left; width: 320px; height: 35px; padding: 0 10px 40px 0; list-style: none }
#main #clanky2 .clanek ul2 { list-style: none }
#main #clanky3 { width: 667px; overflow: hidden; padding-top: 20px; margin: 5px; text-align: left }
#main .clanek_top3 { float: left; width: 640px; padding: 0 10px 20px 0; list-style: none }
#main #clanky3 .clanek3 { float: left; width: 320px; height: 425px; padding: 0 10px 40px 0; list-style: none }
#main #clanky3 .clanek ul3 { list-style: none }
#main #clanky4 { width: 667px; overflow: hidden; padding-top: 20px; margin: 5px; margin-left: 45px; text-align: left }
#main .clanek_top4 { float: left; width: 640px; padding: 0 10px 20px 0; list-style: none }
#main #clanky4 .clanek4 { float: left; width: 320px; height: 105px; padding: 0 10px 40px 0; list-style: none }
#main #clanky4 .clanek ul4 { list-style: none }
#main #clanky5 { width: 667px; overflow: hidden; padding-top: 20px; margin: 5px; margin-left: 45px; text-align: left }
#main #clanky5 .clanek5 { float: left; width: 320px; height: 550px; padding: 0 10px 40px 0; list-style: none }
#main #clanky5 .clanek ul5 { list-style: none }

#pf2010 {width: 448px; margin: 0; margin-left: 20px;}