/* Styles for Zena a zivot (zenaazivot.cz)
Jindrich Sladek (hes@digisvet.cz)
Digitalni svet s.r.o. (http://digisvet.cz)

bg_body: #474747
bg_head: #2f2f2f
bg_page: #676767
bg_newsletter: #3d3d3d
bg_rightcolumn: #3d3d3d

line_light: #9f9f9f
line_dark: #525252

text_orange: #ff7f00
text_light: whitesmoke
text_dark: #525252
*/

/* @group Reset */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, input, select, textarea, form, fieldset, object { padding: 0px; margin: 0px; }
body { color: #3d3d3d; background: white; font: .75em "Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, sans-serif; text-align: center; }
img, fieldset { border: 0 solid; }
/* @end */

/* @group Blocks */
#page_all { width: 1145px; margin: 0 auto; position: relative; text-align: left; }
#page, #page_title { width: 980px; background: url(images/bg_page_title_white.gif) repeat-y #2f2f2f; overflow: auto; position: relative; }
#page { background: url(images/bg_page_white.gif) repeat-y #2f2f2f; }
#left_column_title, #right_column, #left_column, #middle_column { float: left; display: inline; }
#left_column_title { width: 780px; margin: 0 10px 0 10px; padding: 0;}
#left_column { width: 200px; margin: 0 20px 0 20px; }
#middle_column { width: 540px; margin: 10px 20px 0 0; }
#right_column { width: 160px; }
.title_row { width: 770px; margin: 0 0 0 10px; overflow: auto; }
.withline { background: url(images/bg_page_title_line.gif) repeat-y; }
hr { clear: both; height: 10px; color: white; background-color: white; border: 0;}

/* @end */

/* @group Basic elements */
h1, h2, h3, h4, h5, h6 { color: #ff7f00 ;font-weight: bold; margin: 0 0 .5em 0; padding: .1em 0 0; }
h1 { font-size: 1.6em; margin: 0 0 .7em 0; }
h2 { font-size: 1.4em; margin: 0 0 .7em 0; }
h3 { font-size: 1.2em; color: black; margin: 0 0 .5em 0; }
h4 { font-size: 1em; }
h5 { font-size: .9em; color: black; }
h6 { font-size: .8em; color: #666666; font-weight: normal; }

a { color: #ff7f00; }
a:hover { color: black; }

p { font-size: 1em; margin: 0 0 .6em 0; }
p.perex { margin: 0 0 .8em 0; font-size: 1.2em; }
p.novecislo { color: #ff7f00; font-weight: bold; background: url(images/casopis.gif) no-repeat; padding: 2px 0 0 25px; float: right; margin: 2em 0 0 0; clear: both; }
p.center { text-align: center; }
p.button { margin-top: 1em; }
p.button a { border-top: 1px solid #ffd8b1; border-left: 1px solid #ffb66d; border-right: 1px solid #d98531; border-bottom: 1px solid #c46201; background: #ff8002 url(images/bg_button.gif); padding: 3px 5px 3px 5px; color: #4c2e10; font-size: 1em; font-weight: bold; text-decoration: none; }
p.button a:hover { color: black; }

/*ul { margin: 0 0 .6em 0; list-style-type: square; list-style-position: inside; }
ul li { margin: 0 0 .2em 0; }*/

dl { font-size: 1em; margin: 0 0 .6em 0; }
dt { float: left; font-weight: bold; }
dd { margin: 0 0 0.1em 10em; }

img { margin: 0 0 10px 0; }
img.floatleft { float: left; margin: 0 10px 5px 0; }
img.floatright { float: right; margin: 0 0 5px 10px; }

form { width: 100%; margin: 2em 0 2em 0; position: relative; }
form.predplatne label { width: 12em; }
form.predplatne p { margin: 0; }
form.predplatne li p { margin: 0 0 0 12.5em; }

fieldset { padding: 15px 10px 15px 10px; margin: 0 0 15px 0; background-color: whitesmoke; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
* html fieldset { position: relative; padding-top: 2em; margin-bottom: 0; }
*:first-child+html fieldset { position: relative; padding-top: 2em; margin-bottom: 0; }
fieldset.newsletter_form { background: whitesmoke url(images/bg_newsletter_form.gif) no-repeat right center; }

legend { color: #4c2e10; background: #ff8002 url(images/bg_button.gif); padding: 3px 6px; }
* html legend { position:absolute; top: -.8em; left: .5em; }
*:first-child+html legend { position:absolute; top: -.8em; left: .5em; }

ol { list-style-type: none; }
ol li { margin: 0 0 10px 0; overflow: auto; width: 100%; }

label { float: left; width: 7em; margin: .3em .5em 0 0; text-align: right; }
label.required { font-weight: bold; }


input, textarea { border-bottom: 1px solid #9f9f9f; border-right: 1px solid #9f9f9f; border-left: 1px solid #525252; border-top: 1px solid #525252; padding: 2px; color: black; background: white; font: 1em "Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, sans-serif; }
textarea { width: 350px; height: 100px;}

.submit { border-top: 1px solid #ffd8b1; border-left: 1px solid #ffb66d; border-right: 1px solid #d98531; border-bottom: 1px solid #c46201; background: #ff8002 url(images/bg_button.gif); padding: 3px 5px 3px 5px; color: #4c2e10; font-size: 1em; font-weight: bold; margin: 0 0 0 7.5em; }
.submit:hover { color: black; }
* html .submit { margin: 0 0 0 7.7em; }

.error { background: #e2001a; padding: 5px; margin: 0 0 .9em 0; display: block; font-weight: bold; color: white; }
.succes { background: #014a93; padding: 5px; margin: 0 0 .9em 0; display: block; font-weight: bold; color: white; }
/* @end */

/* @group Middle column */
#middle_column h4 { margin: 0 0 .6em 0; color: gray; font-size: 1em; font-weight: normal; }
#middle_column form.predplatne input.submit { margin: 0 0 2em 13em; }
/* @end */

/* @group Leaderboard */
#leaderboard { height: 120px; width: 980px; background: url(images/bg_leaderboard_wh.gif) no-repeat; margin: 0; padding: 0; display: none;}
#leaderboard img, #leaderboard object { display: block; padding: 10px 0 0 115px;}
* html #leaderboard object { padding: 0; margin: 10px 0 0 115px; }
*:first-child+html #leaderboard object { padding: 0; margin: 10px 0 0 115px; }
/* @end */

/* @group Skyscraper */
#skyscraper { float: right; margin: 90px 0 0; padding: 25px 0 0; background: url(images/bg_skyscraper_white.gif) no-repeat; display: none;}
#skyscraper img, #skyscraper object { display: block; }
/* @end */

/* @group Head */
#head { position: relative; width: 960px; height: 114px; margin: 0 0 0 10px; background: url(images/bg_head.gif) no-repeat #2f2f2f; border-bottom: 1px solid #9f9f9f; }
#head h1 a { position: absolute; top: 5px; left: 15px; width: 280px; height: 80px; margin: 0; padding: 0; display: block; }
#head h1 a span { display: none; }
/* @end */

/* @group Datum */
#datum { position: absolute; width: 200px; top: 25px; left: 730px; }
#datum p { margin: 0; text-align: right; font-size: .9em; }
/* @end */

/* @group Menu */
#menu { position: absolute; top: 85px; left: 0; width: 960px; line-height: 12px; font: 12px "Trebuchet MS", "Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, sans-serif; text-transform: uppercase; font-weight: bold; }
#menu ul { list-style-type: none; }
#menu li { display: block; float: left; height: 30px; background: url(images/sep_menu.gif) no-repeat 0 8px; padding: 0 0 0 12px; margin: 0 13px 0 0; }
#menu li.first { background: none; }
#menu li a { color: white; text-decoration: none; padding: 9px 0 2px 0; display: block; }
#menu li.tip a { background: url(images/tip.gif) no-repeat; color: white; text-decoration: none; padding: 9px 0 2px 32px; display: block;}
* html #menu li.tip a { background: url(images/tip.gif) no-repeat;}
#menu li a:hover { text-decoration: underline; }
#menu li.active a { color: #ff7f00; }
/* @end */

/* @group Title flash */
#title_flash { float: left; width: 305px; margin: 10px 0 0 0; display: inline; }
#title_flash h2 { margin: 7px 0 7px 0; padding: 0; font: 18px "Trebuchet MS", "Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center; color: white;}
#page #title_flash { width: 200px; margin: 10px 0 10px 0; }
/* @end */

/* @group Article list Actual number */
#article_list { float:left; width: 190px; margin: 8px 0 0 10px; display: inline; }
#article_list h3 { margin: 0 0 .2em 0; font: .9em "Trebuchet MS", "Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, sans-serif; text-transform: uppercase; font-weight: bold; line-height: 1.2em; }
#article_list ul { list-style-type: none; margin: 0 0 .4em 0; line-height: 1.2em; }
#article_list ul li { margin: 0 0 .2em 0; }
#article_list a { color: white; text-decoration: none; }
#article_list a:hover { text-decoration: underline; }
#page #article_list { width: 200px; margin: 0 0 20px 0; }
/* @end */

/* @group Graphic article List */
#graphic_article_list { color: white; float:left; width: 260px; margin: 0 0 0 5px; padding: 0; display: inline; }
#graphic_article_list ul { list-style-type: none; }
#graphic_article_list li { margin: 10px 0 0 0; padding: 0 5px 10px 10px; width: 244px; border-bottom: 1px solid #9f9f9f; overflow: auto; }
#graphic_article_list li.last { border-bottom: 0px solid; }
#graphic_article_list img { float: left; margin: 0 8px 0 0; }
#graphic_article_list h3 { margin: 0 0 .2em 0; font-size: 1em; }
#graphic_article_list p { margin: 0; font-size: .9em; line-height: 1.25em; }
#graphic_article_list a { color: black; text-decoration: none; }
#graphic_article_list a:hover { text-decoration: underline; }
/* @end */

/* @group Article list full */
#article_list_full ul { margin: 0; padding: 0; list-style-type: none; }
#article_list_full ul li { margin: 0 0 10px 0; padding: 8px 5px 10px 10px; width: 525px; border-bottom: 1px solid #9f9f9f; overflow: auto; background: whitesmoke;}
#article_list_full img { float: left; margin: 0 8px 0 0; }
#article_list_full h5 { margin: 0 0 .2em 0; font: .9em "Trebuchet MS", "Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, sans-serif; text-transform: uppercase; font-weight: bold; }
#article_list_full h4 { margin: 0 0 .5em 0; font-size: 1em; font-weight: bold; }
#article_list_full p { margin: 0; font-size: 1em; }
#article_list_full a:hover { text-decoration: underline; }
/* @end */

/* @group Newsletter */
#newsletter { color: whitesmoke; position: relative; margin: 0 0 10px 0; width: 780px; height: 60px; overflow: hidden; background: url(images/bg_newsletter.gif) no-repeat #3d3d3d; border-top: 1px solid #9f9f9f; border-bottom: 1px solid #7c7b7b;}
#newsletter h3 { position: absolute; top: 11px; left: 140px; width: 120px; margin: 0; font: 1em "Trebuchet MS", "Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, sans-serif; text-transform: uppercase; font-weight: bold; }
#newsletter p { position: absolute; top: 11px; left: 270px; width: 320px; margin: 1px 0 0 0; }
#newsletter a { text-decoration: none; }
#newsletter a:hover { color: black; text-decoration: underline; }
#newsletter form { position: absolute; top: 7px; left: 600px; width: 180px; margin: 1px 0 0 0; }
#newsletter ol li { margin: 0 0 3px 0; }
* html #newsletter ol li { margin: 0 0 2px 0; }
*:first-child+html #newsletter ol li { margin: 0 0 1px 0; }
#newsletter input { margin: 0 3px 0 0; font-size: .9em; }
* html #newsletter input { padding: 1px; }
*:first-child+html #newsletter input { padding: 1px; }
#newsletter input { margin: 0 3px 0 0; font-size: .9em; }
#newsletter input.submit { border-top: 1px solid #9f9f9f; border-left: 1px solid #9f9f9f; border-right: 1px solid #525252; border-bottom: 1px solid #525252; background: #676767; padding: 1px 5px 1px 5px; color: white; }
#newsletter input.submit:hover { background: #aaaaaa; color: black; }
* html #newsletter input.submit { padding: 1px 4px 0 4px; font-size: .8em; }
*:first-child+html #newsletter input.submit { padding: 1px 4px 0 4px; font-size: .8em; }
/* @end */

/* @group Title Ads */
#title_ads { color: white; float:left; width: 315px; display: inline; }
#title_ads ul { list-style-type: none; }
/*#title_ads ul li { margin: 0 0 10px 0; padding: 10px; width: 295px; background: url(images/bg_titart.gif) repeat-y; overflow: auto; }*/
#title_ads ul li { margin: 0 0 10px 0; padding: 0; width: 315px; }
/*#title_ads img { margin: 0 0 0 10px; float: right; }*/
#title_ads img { display: block; }
#title_ads h3 { margin: 0; font: 1em "Trebuchet MS", "Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, sans-serif; text-transform: uppercase; color: #ff7f00; font-weight: bold; }
#title_ads p { margin: .4em 0 0 0; font-size: .9em; line-height: 1.25em; }
#title_ads a { color: white; text-decoration: underline; }
#title_ads a:hover { color: black; }
#title_ads h3 a { color: #ff7f00; text-decoration: none; }
#title_ads h3 a:hover { color: black; text-decoration: underline; }
/* @end */

/* @group Title next number */
#title_next_number { color: white; float:left; width: 410px; margin: 0 0 0 10px; display: inline; padding: 10px; background: url(images/bg_next.gif); }
#title_next_number img { float: right; margin: 0 0 0 10px; }
#title_next_number h2 { margin: 0; font: 1.4em "Trebuchet MS", "Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, sans-serif; text-transform: uppercase; color: #ff7f00; font-weight: bold; }
#title_next_number h3 { margin: 0; font: 1em "Trebuchet MS", "Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, sans-serif; text-transform: uppercase; color: #ff7f00; font-weight: bold; }
#title_next_number h4 { margin: .4em 0 0 0; font-size: 1em; color: black; }
#title_next_number p { margin: .4em 0 0 0; font-size: .9em; line-height: 1.25em; }
#title_next_number a { color: white; text-decoration: underline; }
#title_next_number a:hover { color: #2f2f2f; }
#title_next_number h2 a { color: #ff7f00; text-decoration: none; }
#title_next_number h2 a:hover { color: black; text-decoration: underline; }
#title_next_number h3 a { color: #ff7f00; text-decoration: none; }
#title_next_number h3 a:hover { color: black; text-decoration: underline; }
/* @end */

/* @group Right column */
#right_column { color: white; }
#right_column h3 { margin: 5px 0 0 0; font: 1em "Trebuchet MS", "Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, sans-serif; text-transform: uppercase; color: #ff7f00; font-weight: bold; }
#right_column h4 { margin: .4em 0 0; color: white; font-size: 1em; }
#right_column p { margin: .4em 0 0 0; font-size: .9em; }
#right_column ul { margin: .4em 0 0 0; font-size: .9em; list-style-type: none; }
#right_column ul li { margin: .2em 0 0 0; }
#right_column ul li span { color: black; }
#right_column a { color: white; text-decoration: underline; }
#right_column a:hover { color: black; }
#right_column h3 a { color: #ff7f00; text-decoration: none; }
#right_column h3 a:hover { color: black; text-decoration: underline; }
/* @end */

/* @group Actual discussion */
#actual_discussion { margin: 10px 0 2em 0; }
#actual_discussion img { margin: 0 0 -5px 0; }
/* @end */

/* @group Right banner */
.right_banner { margin: 10px 0 0; background: url(images/bg_right_banner.gif) no-repeat; padding: 20px 0 0; }
.right_banner img { display: block; }
/* @end */

/* @group Full advert */
#fullleftadvert { background: url(images/clinique_left.jpg) no-repeat;  left: 0;}
#fullrightadvert { background: url(images/clinique_right.jpg) no-repeat; right: 0;}
#fullleftadvert, #fullrightadvert { width: 140px; height: 831px; z-index: 2; position: absolute; top: 200px; }
#fullleftadvert a, #fullrightadvert a { display: block; width: 140px; height: 831px; }
#fullleftadvert span, #fullrightadvert span { display: none; }
/* @end */

/* @group Actual horoscope */
#actual_horoscope { margin: 0; }
/* @end */

/* @group Discussion */
#discussion ul { list-style-type: none; }
#discussion ul li { margin: 0 0 10px 0; padding: 8px 5px 10px 10px; width: 525px; border-bottom: 1px solid #d5d5d5; overflow: auto; background: whitesmoke; }
#discussion ul li div { overflow: auto; width: 100%; }
#discussion h5 { margin: 0 0 .2em 0; font-size: .9em; float: left; }
#discussion h5 span { color: gray; font-weight: normal;}
#discussion h6 { margin: 0 0 .2em 0; font-size: .8em; float: right; }
#discussion h4 { margin: 0 0 .4em 0; font-size: 1em; font-weight: bold; color: #ff7f00; }
#discussion p { margin: 0; font-size: 1em; }
#discussion a:hover { text-decoration: underline; }
/* @end */

/* @group Horoscope list */
#horoscope_list ul { list-style-type: none; }
#horoscope_list ul li { margin: 0 0 10px 0; padding: 8px 5px 10px 10px; width: 525px; border-bottom: 1px solid #9f9f9f; overflow: auto; background: url(images/bg_horoskopy.gif) repeat-x top whitesmoke; }
#horoscope_list ul li.active { background: url(images/bg_horoskopy_active.gif) repeat-x top #f7ddc4; }
#horoscope_list h4 { margin: 0 0 .4em 0; font-size: 1em; font-weight: bold; color: #ff7f00; }
#horoscope_list p { margin: 0; font-size: 1em; }
#horoscope_list li.active h4 { color: black; }
/* @end */

/* @group Discussion list */
#discussion_list { margin:  0 0 2em 0; }
#discussion_list ul { list-style-type: none; }
#discussion_list ul li { margin: 0 0 1px 0; padding: 4px; width: 152px; overflow: auto; background: #787878; font-size: 1em; }
#discussion_list a { text-decoration: none; }
#discussion_list a:hover { text-decoration: underline; }
#discussion_list ul li.active a { color: black; }
/* @end */

/* @group Poll */
#poll { background: whitesmoke; padding: 10px; margin: 1.5em 0 1em 0; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
#poll h4 { font-size: 1em; margin: 0 0 .8em 0; color:  black; font-weight: bold;}
#poll p { font-size: 1em; margin: 0 0 5px 0; }
#poll a { color: black; }
#poll div.progress-bar { margin:0 0 5px 0; padding: 0; height: 7px; width: 100%; background-color: white; font-size: .1em; }
#poll div.progress { margin: 0; padding: 0; height: 7px; background-color: #ff7f00; font-size: .1em; }
/* @end */

/* @group Archive */
#archive ul { list-style-type: none; }
#archive ul li { float: left; margin: 0 10px 10px 0; padding: 0; width: 100px; border-bottom: 1px solid #9f9f9f; overflow: auto; background: whitesmoke; text-align: center; }
#archive li.last { margin: 0 0 10px 0; }
#archive img { float: none; margin: 0 0 2px 0; }
#archive p { margin: 0 0 2px 0; font-size: 1em; }
#archive a { display: block; text-decoration: none; color: #525252; }
#archive a:hover { text-decoration: underline; }
/* @end */

/* @group Navigation */
#nav { float: right; }

#nav img { float: left; margin: 0 0 0 3px; }
/* @end */

/* @group Foot */
#foot { width: 980px; height: 20px; background: url(images/bg_page_title_white.gif) repeat-y;  padding: 10px 0 0 0; margin: 0;}
#foot p { font-size: 0.9em; line-height: 1.2em; color: #a0a0a0; margin: 0 0 0 20px; }
#foot a, #foot a:visited { color: whitesmoke; text-decoration: none; }
#foot a:hover { color: black; }
#foot.notitle { background: url(images/bg_page_white.gif) repeat-y; height: 35px;}
#foot.notitle p { width: 200px; }
/* @end */

/* @group Last foot */
#lastfoot { width: 980px; height: 10px; background: url(images/bg_foot_white.gif) no-repeat 0 0; margin: 0;}
/* @end */