body {background-image: url(img/body_bg.gif); margin: 0; padding: 0; text-align: center; color: #000;  font-size: 11px; font-family: Arial, sans-serif;}
#main {width: 977px; margin: 0 auto; background-image: url('img/boky.gif'); background-repeat: repeat-y; position: relative; border-bottom: 1px solid #FFF;}
h1 {display: none;}
#center {width: 950px; margin: 0 auto; text-align: left;}
#head {background-image: url('img/head.gif'); background-repeat: repeat-x; height: 73px; width: 950px; position: relative;}
#head a img {border: none;}
#logo {position: absolute; top: 0px; left: 0px;}
#header {background-image: url('img/header.jpg'); width: 950px; height: 87px;}
#head ul {margin: 50px 26px 0 0; _margin-right: 14px; padding: 0; list-style-type: none; float: right;}
#head ul li {float: left; height: 15px; display: block;}
#head ul li a {font-weight: bold; font-size: 10px; font-family: Verdana, "Geneva CE", lucida, sans-serif; color: #637181; text-decoration: none; display: block; padding: 0 7px 0 5px; background-image: url('img/zarazka.gif'); background-repeat: no-repeat; background-position: right 50%; line-height: 15px;}
#menu {background-image: url('img/menu_levy.gif'); background-repeat: no-repeat;}
#menu ul {list-style-type: none; margin: 0; padding: 0 0 0 188px; width: 950px; _width: 762px;}
#menu ul li {float: left;}
#menu ul li a {display: block;}
#menu ul li a span {display: none;}
#reseni {background-image: url('img/solut2_off.gif'); width: 179px; height: 36px;}
#aplikace {background-image: url('img/BUS2_OFF.gif'); width: 139px; height: 36px;}
#obchody {background-image: url('img/media2_off.gif'); width: 139px; height: 36px;}
#publikac {background-image: url('img/design2_off.gif'); width: 146px; height: 36px;}
#hry {background-image: url('img/mobile2_off.gif'); width: 159px; height: 36px;}
#content {width: 950px;}
#left {width: 703px; float: left;}
#left_padding {padding: 5px 0 12px 45px;}
#left p {margin: 5px 0 5px 0; padding: 0; line-height: 17px;}
#right {background-color: #A3AFC3; width: 222px; float: right; background-image: url('img/sedy_pravy.gif'); background-repeat: repeat-y; background-position: top right;}
#right h3 {color: #E6EAF0; font-size: 11px; padding: 0; margin: 0 0 0 20px;}
#nadpis_padding h3 {margin: 18px 0 0 20px !important;}
div.podklad div {padding: 15px 0 5px 20px;}
.zar {clear: both;}
#panelky {padding: 0; margin: 0; list-style-type: none;}
#panelky li {display: block; width: 222px; height: 30px; background-image: url('img/panelky_bg.gif'); background-repeat: no-repeat;}
#panelky li a {line-height: 30px; color: #275A9C; text-decoration: none; font-weight: bold; background-image: url('img/sipka_22.gif'); background-repeat: no-repeat; background-position: 0 50%; padding-left: 12px; margin-left: 8px;}
#panelky li a:hover, #panelky li a.sel {color: #FF6600;}
.sedyPruh {background-color: #A3AFC3; height: 24px; background-image: url('img/sedy_pravy.gif'); background-repeat: repeat-y; background-position: top right;}
.sedyPruh h3 {line-height: 24px;}
#pravypodklad, div.podklad {background-color: #E8ECF0; background-image: url('img/pravypodklad.gif'); background-repeat: repeat-y; background-position: top right;}
#pravypodklad ul {margin: 0 0 0 22px; padding: 9px 0 0 0; list-style-image: url('img/bull.gif');}
#pravypodklad ul li {padding: 0 30px 18px 0;}
#pravypodklad ul li a {color: #275A9C; text-decoration: none;}
#pravypodklad ul li a:hover {color: #FF6600;}
#pravypodklad img {margin: 10px 0 0 10px;}
#pravypodklad div {text-align: center; color: #275A9C;}
.oranzovy {color: #FF6600; font-size: 24px;}
.modryMaly {font-size: 18px; color: #275A9C; font-weight: normal; text-transform: uppercase;}
#left h2 {margin: 25px 0 10px 0; padding: 0; font-size: 18px; color: #275A9C; text-decoration: none;}
#left h3 {color: #FF6600; text-transform: uppercase; font-weight: bold; font-size: 11px; padding: 0; margin: 25px 5px 5px 0;}

#footer {background-image: url('img/footer_top.gif'); background-repeat: repeat-x; height: 55px; background-color: #597098; position: relative; color: #FFF; font-family: Verdana, "Geneva CE", lucida, san-serif;}
#footer a {text-decoration: none; color: #FFF !important; font-weight: bold;}
#footer span {padding: 15px 0 0 104px; display: block;}
#footer_obal {background-color: #DBDBDB; height: 61px; clear: both;}
#logo_spodni {position: absolute; left: 0; top: 2px;}
.image {text-align: center; margin-bottom: 15px;}
.image span {display: block; color: #275A9C; padding-left: 11px;}
.malyModryTuc {color: #275A9C; font-size: 10pt; font-weight: bold; margin: 20px 0 8px 0 !important;}
.malyModryTucH {margin-top: 0 !important;}
.malyModry {color: #275A9C; font-size: 8.5pt; display: block; margin-bottom: 15px;}
#left h3.inline {display: inline;}
#content a {color: #275A9C;}
#gray_box {width: 200px; border: 1px solid #C0C0C0; background-color: #D8DCD8; float: right;}
#gray_box div {padding: 10px 20px 20px 20px;}
#gray_box h3.no {margin-top: 0 !important;}
#gray_box_obal {margin: 0 0 10px 20px !important;}
p.mar_box {padding-right: 20px;}