body, form, fieldset, table,
h1, h2, h3, h4, h5,
p, ul, ol, li
            { margin:0; padding:0; font-size:1em; }
/*- layout -*/
body	   { font:normal 62.8%/1.3 'Trebuchet MS','Arial CE',Arial,Helvetica,sans-serif; color:#595959; background:#fff url('/images/bg-body.gif') 0 0 repeat-x; }

#page	   { margin:10px auto; width:770px; font-size:1.2em; background:#fff; }
#header  { height:122px; position:relative; background:#c8222c url('/images/bg-header.gif') 0 0 no-repeat; }
#main    { background:#fff url('/images/bg-main.png') 0 0 no-repeat; padding:10px 10px 0; }
#content { background:#fff; width:750px; min-height:35em; border-bottom:1px solid #f9f9f9; }
#footer  { clear:both; margin:0 10px; padding:10px; border-top:1px solid #f2f2f2; }

/*- public -*/
#page:after, #header:after, #footer:after, #main:after, #content:after, #menu:after, .content:after,
.clearfix:after   { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }

a           { color:#c5182e; }
a:hover     { color:#e4161c; }
a span      { white-space:nowrap; font-size:.9em; }
a img       { border:1px solid #c5182e; margin-top:.5em; vertical-align:bottom; }
a:hover img { border-color:#e4161c; }

ol          { padding-left:1.75em; }
ul li       { list-style:none; margin-bottom:.2em; }

h1          { font-size:2.75em; margin-bottom:.25em; padding:.25em 10px; color:#c5182e; }
h2          { font-size:1.7em; font-weight:normal; margin-bottom:.25em; padding:.45em 5px .45em 40px; color:#c5182e; background:url('/images/ico/h2.gif') 20px 50% no-repeat; border-bottom:1px solid #ccc; }
h3          { font-size:1.3em; margin-bottom:.25em; padding:.45em 10px .45em 40px; background:url('/images/ico/h2.gif') 20px 50% no-repeat; }
h4          { font-size:1.1em; margin-bottom:.25em; color:#c5182e; }
h3 strong   { sfloat:right; font-size:.9em; }
h4 strong   { display:block; font-size:.9em; }
sup         { font-size:.9em; vertical-align:top; }


.more       { background:url('/images/ico/more.gif') 0 50% no-repeat; padding-left:12px; }
.right      { text-align:right !important; }
.hidden     { display:none; }
.alt        { color:#c5182e; }
.small      { font-size:.95em; }
.strong     { font-weight:bold; }

.top     { padding:10px; }
.content { background:url('/images/bg-content.gif') 0 0 repeat-x; border-top:6px solid #ccc; }
.perex   { background:url('/images/bg-perex.jpg') 0 0 repeat-x; padding:10px; }
.perex h4     { font-size:1.4em; font-weight:normal; color:#595959; }
.box     { padding:10px 20px; }

#content p,
#content ul,
#content ol,
#content dd,
#content table  { margin-bottom:.75em; line-height:1.4em; }
#content ul li  { background:url('/images/ico/li.gif') 0 .4em no-repeat; padding-left:15px; }


#back       { position:relative; float:right; text-align:right; top:2.15em; }
#back p     { line-height:2em; }
#back ul    { position:absolute; top:2em; right:-.4em; background:#f4f4f4; border:1px solid #ccc; border-bottom:none; text-align:left; display:none;}
#back ul li { padding:.2em .5em; border-bottom:1px solid #ccc; background:none; width:15.5em; margin:0; }
#back ul li.active a { color:#8f8f8f; text-decoration:none; }
#back:hover ul       { display:block; }

/*- header -*/
#header #logo     { padding:29px 0 0 33px; }
#header #logo strong { display:block; width:119px; height:62px; background:url('/images/logo-cesys.gif') 50% 0 no-repeat; }
#header #logo img { margin:0; border:none !important; display:none; }
#menu             { position:absolute; top:95px; right:20px; background:#000; }
#menu ul          {  }
#menu ul li       { float:left; background:#a61518; line-height:3.2em; height:3.2em; border-bottom:5px solid #000; }
#menu ul li a     { display:block; padding:7px 16px 0; font-weight:bold; color:#fff; position:relative; top:-3px; background:url('/images/ico/menu.gif') 50% 0 no-repeat; }
#menu ul li a:hover   { background-image:url('/images/ico/menu2.gif'); color:#ffde00; }
#menu ul li.active a  { background-image:url('/images/ico/menu2.gif') !important; color:#ffde00 !important; }

/*- footer -*/
#footer .made     { float:right; }
#footer .copy     { float:left; }


/*- modifikace jednotlivych stranek -*/
body#index h1 strong     { font-weight:normal; }
body#index .perex div    { float:left; width:490px; }
body#index .perex div.calc       { float:right; width:215px; text-align:right; background:url('/images/calc.jpg') 100% 0 no-repeat; padding-top:160px; position:relative; top:-51px; margin-bottom:-50px; }
body#index .perex div.calc .more { background:url('/images/ico/more2.gif') 0 50% no-repeat; padding-left:17px; }
body#index .col1       { width:455px; float:right; }
body#index .col1 .box  { border-top:1px solid #ccc; }
body#index .col1 img   { float:left; margin-right:10px;  }
body#index .col2       { width:294px; float:left; border-right:1px solid #ccc; }
body#index .col2 .box  { background:#f7f7f7; min-height:25em; }
body#index .col2 .item { margin-bottom:1.5em }
body#index .col2 h4 a        { color:#595959; }
body#index .col2 h4 a:hover  { color:#000; }

.list .item    { border-bottom:1px solid #ccc; padding:10px 0; }
.list .item .box  { padding:10px 40px; }
.list .item:last-child  { border-bottom:none; }

body.history .list .item { padding:10px 40px; background:url('/images/ico/h2.gif') 20px 12px no-repeat;}

body#references .item    { padding-bottom:10px; }

body.facts .col1       { width:425px; float:left; }
body.facts .col2       { width:324px; float:right; border-left:1px solid #ccc; }

body#documents .col1       { width:324px; float:right; border-left:1px solid #ccc; }
body#documents .col2       { width:425px; float:left; }
body#documents .item       { float:left; width:190px; padding:20px 0; }
body#documents .col1 .item { width:142px; }

body#calculator .col1       { width:340px; float:left; }
body#calculator .col2       { width:410px; float:right; }
body#calculator p.thead strong     { float:left; width:60px; padding:.2em; font-size:.89em; }
body#calculator .col1 input  { width:60px; border:1px solid #ccc; } 
body#calculator .col2 input  { width:60px; border:1px solid #ccc; } 

body#contact #content .clearfix  { background:url('/images/mapa.gif') 100% 0 no-repeat; min-height:500px; }

body#calculator input.alt1  { background:#fffcec; }
body#calculator input.alt2  { background:#f8d6da; }
body#calculator input.alt3  { background:#effff0; width:125px; border:1px solid #ccc; }

   .formbox           { margin:2em 0; line-height:2em; }
   .formbox .clearfix { margin-bottom:.3em; }
   .formbox .lab      { float:left; text-align:right; width:260px; }
   .formbox .cont     { margin-left:265px; }
   .formbox .cont p   { line-height:1.4em; }

/*- sloupce -*/
.cols50             { background:url('/images/bg-separator.gif') 50% 0 repeat-y; }
.cols50 .col1       { width:375px; float:left;}
.cols50 .col2       { width:375px; float:right;}

.cols3             { background:url('/images/bg-separator.gif') 515px 0 repeat-y; }
.cols3 .col1       { width:260px; float:left; background:url('/images/bg-separator.gif') 100% 0 repeat-y; }
.cols3 .col2       { width:260px; float:left; }
.cols3 .col3       { width:220px; float:left; }
.cols3 .wide       { width:506px; background:none;}