html, body,
p, ul, ol, li, dt, dd, dl,
form, table, fieldset, legend,
h1, h2, h3, h4, h5
{ margin: 0; padding:0; font-size: 1em; }

body { background:#808080 url('../images/bg-body.png') 0 0 repeat-x; color:#DADADA; font:normal 62.8%/1.4 Tahoma, Arial, sans-serif; padding:20px 0; }

#menu:after, #main:after,
#hooks:after, #ads:after, .headine:after, .cols:after,
.clearfix:after {content:"."; display:block; clear:both; height:0; overflow:hidden; visibility:hidden;}

/*- LAYOUT -*/
#page    { width:740px; margin:0 auto; font-size:1.1em; background:#fff; padding:10px 0 0; }
#page2   { margin:0 10px; position:relative; }
#header        { height:113px; color:#fff; background:#60C3F0 url('../images/bg-header.png') 0 0 no-repeat; position:relative;}
#header a      { color:#DEDACA; }
#header p#logo { position:absolute; top:26px; left:21px; }
#header p#logo img { vertical-align:top; }
#main          { padding-bottom:10px; font-size:1.1em; }
#content       { float:left; width:515px; color:#737373; }
#sidebar       { float:right; width:195px; }
#footer        { background:#808080; padding:10px; font-size:.9em; margin-top:10px; }
#footer p      { line-height:2em; }
#footer a      { color:#DADADA !important; }

.hotline    { display:block; position:absolute; top:-21px; right:-10px; }

a           { color: #F3B800;}
a img       { border:0; }
a:visited   {}
a:hover     { color:#968f73; }
a:active    {}

h1          { color:#fff; font-size:1.45em; margin:0 0 .5em 0; }
#sidebar h2 { padding:10px 15px; background:#EB5B00; color:#fff; font-size:1.4em; margin-bottom:10px; }
h2.alt      { padding:10px 20px; background:#EB5B00; color:#fff; font-size:1.4em; margin-bottom:1px; }
h2          { color:#F45B00; font-size:1.5em; font-weight:bold; padding:0 0 7px 33px; margin:0 0 .5em 0; background:url('../images/ico/bg-h2.gif') 0 1px no-repeat; }


h4          { margin:.75em 0 0; }

li          { list-style:none; }
.ico-more   { padding:2px 0 2px 18px; background:url('../images/ico/more.png') 0 55% no-repeat; }

#main ul    { margin-bottom:.5em; }
#main li    { margin-top:.25em; padding:2px 0 2px 15px; }
#sidebar li { background:url('../images/ico/li.png') 0 .7em no-repeat; }
#content li { background:url('../images/ico/li2.png') 0 .7em no-repeat; padding-bottom:0;}

.alt        { color:#0579A8; }
.bg         { background:#E5F3FD; border:1px solid #D9EFFB; padding:10px; }
.bg p       { margin:0 !important; }
.strong     { font-weight:bold; }
.center     { text-align: center; }
.right      { text-align:right; }
.small      { font-size:.9em; }
.fl         { float: left; }
.fr         { float: right; }
img.fl   { margin:5px 10px 5px 0; padding:1px; background:#E5F3FD; border:1px solid #D9EFFB; }
img.fr   { margin:5px 0 5px 10px; padding:1px; background:#E5F3FD; border:1px solid #D9EFFB; }

#content .box p  { margin-bottom:.5em; }
#content .box    { padding:12px 10px 20px 20px; background:url('../images/bg-box.png') 0 0 repeat-x; }

#menu { position:absolute; left:20px; bottom:-1px; }
#menu ul    { line-height:28px; height:28px; }
#menu ul li          { float:left; text-transform:uppercase; font-weight:bold; margin:0 9px 0 0; }
#menu ul li a        { float:left; width:98px; height:28px; line-height:28px; text-decoration:none; text-align:center; color:#fff; background:url('../images/menu.gif') 0 0 no-repeat; }
#menu ul li a:hover  { color:#0579A8; }
#menu ul li.active a { color:#fff !important; background-position:0 100%; }

.headline         { min-height:120px; border-top:1px solid #fff; background:#0199D5 url('../images/bg-headline.gif') 0 0 no-repeat; margin-bottom:10px; }
.headline .side   { float:right; width:186px; padding:23px 0 0; margin:0 9px 0 20px; }
.headline .side img { margin-bottom:.75em; }
.headline .cont   { padding:20px 20px 10px; }
.headline h1      { }
.headline p       { font-size:1.1em; }
.headline p.right { margin-top:.5em; }
.headline a       { color:#fff !important; }
.headline strong  { color:#fff; }

#ads        { }
#ads .item  { float:left; margin-right:10px; }
#ads .item img { vertical-align:bottom; }
#ads .last  { margin-right:0 !important; }

#hooks      { background:url('../images/bg-hooks.png') 0 0 repeat-x; padding:15px 0 0 10px; }
#hooks .item  { float:left; width:242px; margin:0 10px 10px 0; }
#hooks .item h3   { padding:10px 0 10px 45px; font-size:1.3em; color:#00A8EB; }
#hooks .item p    { padding:0 10px; font-size:1.1em; }
#hooks .item1 h3  { background:url('../images/ico/num1.gif') 0 2px no-repeat; }
#hooks .item2 h3  { background:url('../images/ico/num2.gif') 0 2px no-repeat; }
#hooks .item3 h3  { background:url('../images/ico/num3.gif') 0 2px no-repeat; }
#hooks .item4 h3  { background:url('../images/ico/num4.gif') 0 2px no-repeat; }



/*- sloupce -*/
#content .cols { }
.cols .col1 { float:left; width:48.5%; }
.cols .col2 { float:right; width:48.5%; }
.cols .wide { width:310px; }
.cols .thin { width:160px; }
.cols .half { width:255px; }


.formbox       { background:#E5F3FD url('../images/bg-form.png') 50% 50% no-repeat !important; border:1px solid #D9EFFB; padding-bottom:10px !important; }
.formbox label { color:#0579A8; font-size:.9em; }
.formbox td    { vertical-align:top; padding:2px 0; }
.formbox td.txt{ padding:1.3em 12px 0 0; }
.formbox h2    { color:#0579A8; font-size:1.5em; font-weight:bold; padding:0; margin:0 0 .5em 0; background:none; }
.formbox span  { display:block; width:13px; height:38px; background:#FBCC37 url('../images/ico/corner-box.gif') 100% 100% no-repeat; position:absolute; bottom:-13px; right:-13px; }
.formbox select,
.formbox textarea { width:160px; }
.formbox input    { width:150px; }
.formbox input#f-date       { width:130px; }
.formbox input#f-submit     { width:auto; }
.formbox td    { padding-top:3px; }