body {width:100%; position:relative;  text-align:center;margin:0px;font-family:  Verdana, sans-serif;font-size:11px; line-height:17px;color:#11100A;background:#0E447B url("img/bg.gif") repeat-x ;}

a{ text-decoration:underline; color:#007E86;}
a:hover{ text-decoration:none;}
a img{ border:0px;}

img{vertical-align:middle;}

form,p, table{ margin:0px; padding:0px;}
table tr td{vertical-align:top; border-spacing:0px;}
input,select,textarea {vertical-align:middle; font-size:11px; font-family:arial;}

.f-left{float:left;}
.f-right{float:right;}
.full-width{width:100%;}
.center{text-align:center;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-middle{vertical-align:middle}
.italic {font-style: italic;}
.top_odsazeni {margin-top:10px;}
.half_width {width:50%;}
.full_width {width:50%;}

#bg_top{position:absolute; left:0px; top:0px; z-index:-1; height:186px; width:100%; background:#FFE23E url("img/bg.gif") repeat-x}

#center{ width:959px; margin:0px auto;}

#layout{ position:relative; z-index:100; float:left; width:959px; text-align:left; min-height:600px; background: url("img/header.gif") no-repeat;} 


#layout #header {float:left; width:100%; position:relative; height:221px; background: url("img/header.jpg") no-repeat;}
#layout #header-i {float:left; width:100%; position:relative; height:221px; background: url("img/header-2.jpg") no-repeat;}
#layout #header #logo{position:absolute; left:10px; top:34px; color:#000000; font-size:30px; font-weight:bold;}
#layout #header #akcni_nabidka{position:absolute; right:10px; top:85px; color:#000000; font-size:20px; font-weight:bold;}
#layout #header-i #logo{position:absolute; left:10px; top:34px; color:#000000; font-size:30px; font-weight:bold;}
#layout #header-i #akcni_nabidka{position:absolute; right:10px; top:85px; color:#000000; font-size:20px; font-weight:bold;}
#layout #header #keyboard_bottom{position:absolute; left:0px; top:221px; font-size:0px; width:135px; height:13px; background: url("img/keyboard_bottom.jpg") no-repeat;}
#layout #header #fridge_bottom{position:absolute; left:440px; top:221px; font-size:0px; width:105px; height:16px; background: url("img/fridge_bottom.jpg") no-repeat;}

#layout  #obsah{ float:left; width:100%; background: url("img/bg_layout.gif") repeat-y;}
#layout  #obsah #inside_bg{ float:left; width:100%; background: url("img/bg_content.jpg") no-repeat;}

#layout  .aside { width:172px; padding:16px; background:#2D5C8C url("img/bg_content.jpg") no-repeat; color:#D5DBE1;}
#layout  .aside h3 { color:#fcc430; font-size:12px; line-height:12px; margin:0px; padding:0px 0px 8px 2px; border-bottom:1px solid #fcc430;}
#layout  .aside h3 a { font-size: 100%; }
#layout  .aside h3 a:link { color:#fcc430; text-decoration: none; }
#layout  .aside h3 a:visited { color:#fcc430; text-decoration: none; }
#layout  .aside h3 a:active { color: #F58220; text-decoration: none; }
#layout  .aside h3 a:hover { color: #F58220; text-decoration: none; } 
#layout  .aside.f-right{ text-align:right;}
#layout  .aside .box{ padding-bottom:35px;}
#layout  .aside .box p{ padding-top:1em;}
#layout  .aside .box a { font-size: 100%; font-weight: bold }
#layout  .aside .box a:link { color: white; text-decoration: underline; }
#layout  .aside .box a:visited { color: white; text-decoration: underline; }
#layout  .aside .box a:active { color: white; text-decoration: underline; }
#layout  .aside .box a:hover { color: white; text-decoration: underline; }
#layout  .aside ul{ display:block; margin:0px; padding:0px;}
#layout  .aside ul li{ display:block; margin:0px; padding:0px; list-style-type:none; border-bottom:1px solid #567089;}
#layout  .aside ul li a{ display:block; line-height:29px; color:#D5DBE2; font-weight:bold; text-decoration:none; padding:0px 9px;}
#layout  .aside ul li a:hover{ color:#ffffff;}

#layout  #content{ float:left; width:528px; margin-left:4px; background:#EBCE6E url("img/bg_content.jpg") no-repeat -208px top; padding:8px; }
#layout  #content h2{ width:100%; clear:both; font-size:16px; margin:10px 0px 5px 0px; padding:0px 0px 3px 2px; }
#layout  #content h1{ clear:both; font-size:20px; font-weight: normal; line-height:22px; margin:10px 0px 5px 0px; padding:0px 0px 3px 2px; border-bottom:1px solid #000000; position:relative}
#layout  #content #logo{ height:45px; width: 230px}
#layout  #content #logo a{ position:absolute; left:0px; top:5px;}
#layout  #content p{ font-size: 13px; padding:0px 2px;padding-bottom:1em;}
#layout  #content ul { font-size: 13px; margin: 0; padding: 0 2px 1em 17px; border: 0}
#layout  #content li { margin: 0; padding: 0 0 4px 0; border: 0}

#layout  #content table          { font-size: 12px; margin-bottom: 20px; border-collapse: collapse }
#layout  #content td          { text-align: center; margin: 0; padding: 4px; border: solid 1px black }
#layout  #content th       { font-size: 12px; background-color: #78BFE4; padding: 4px; border: solid 1px black }
#layout  #content td.tableform        { text-align: left; margin: 0; padding: 0; border: 0}

#layout  #footer{ float:left; width:100%; background: #2D5C8C; height:20px; margin-top:2px; margin-bottom:20px;}
#layout  #footer .inside{ padding:16px; font-size:14px; font-weight:bold;}

