body, html {
 height: 100%;
 font-family: Verdana, "Geneva CE", lucida, sans-serif;
 font-size: 12px;
 color: #333;
 background: #F9F9F9 url(images/body_bg.jpg) repeat-x 0 140px;
}

a { text-decoration: none; color: #900;}
a:hover { text-decoration: underline;}
a:hover img { text-decoration: none;}
a.small { font-size: 10px;}
a.bold { font-size: 14px;}

* { margin: 0; padding: 0;}
.dev { border: 1px solid red;}
.center { text-align: center;}
img { border-style: none;}
img.pravy { margin-left: 10px; margin-top: 10px;}
img.lavy { margin: 10px 10px 0 15px;}

small {font-size: 10px; font-weight: normal;}
p { text-align: left; padding: 5px; font-size: 12px; line-height: 16px;}

h1 { font-size: 20px; padding: 30px 30px 15px 0; text-shadow: 0 1px 0 #EEE; color: #555; font}
h2 {
 font-size: 18px;
 font-style: italic;
 font-family: Georgia, "New York CE", utopia, serif;
 color: #C33;
 padding: 30px 15px 5px 0;
 margin-bottom: 10px;
 border-bottom: 1px solid #CCC;
 clear: both;
}
h3 { font-size: 14px; padding: 10px 10px 10px 20px; clear: both;}

div.offsetwrap { position: relative; width: 0px; height: 0px;}
div.float_right { float: right;}
div.float_left { float: left;}
div.cena { font-size: 18px; padding: 10px; margin-left: 220px; font-weight: bold;}
div.cena span { font-size: 24px; color: #6CF;}
div:target h3, div.highlight h3 { border-bottom: 3px solid #B22; background: #EEE;}

div.akciaclick  { height: auto;}
div.akcia {
 width: 297px;
 height: 300px;
 position: relative;
 float: left;
 background: #ECECEC url(images/akcia-bg.png) bottom left no-repeat;
 border: 1px solid #CCC;
 margin: 10px;
 padding: 15px;
}
div.akcia h2 { padding: 0 0 5px 0;}
div.akcia:hover { border: 1px solid #CCC; background: #F4F4F4 url(images/akcia-bg-hover.png) bottom left no-repeat;}
div.akciacena {
 font: bold 20px/100px "Times New Roman";
 position: absolute;
 right: 0;
 bottom: 0;
 width: 115px;
 height: 100px;
 margin: 0;
 padding-right: 27px;
 text-align: center;
 cursor: default;
 -webkit-transform: rotate(-15deg);
 -moz-transform: rotate(-15deg);
}
div.akcia a.button {
 display: block;
 position: absolute;
 left: 20px;
 bottom: 0;
 width: 195px;
 height: 72px;
 font: bold 18px/72px arial;
 color: #ECECEC;
 text-shadow: 0px 1px 0px #6284A6, -1px -1px 1px #000;
}
div.akcia a.button:hover { text-decoration: none; color: #BEF;
 text-shadow: 0px 1px 0px #357, -1px -1px 1px #000;}

td { vertical-align: top;}
table.strukt-table { border-collapse: collapse; clear: both; width: 580px; height: 300px;}
table.strukt-table th { text-align: center; width: 290px; height: 50px;}
table.strukt-table td { height: 100px;}
table.strukt-table td.first { vertical-align: middle; width: 60px; text-align: center}
table.strukt-table td.second { width:230px; background: #EAEAEA;}
table.strukt-table td.second:hover { background: #F3F3F3;}

ul { padding: 5px; list-style: none inside; font-size: 12px; margin: 10px;}
li img { vertical-align: middle;}
ul.check { margin-left: 15px;}
ul.check li { list-style-image: url(images/check.gif);}
ul.check li.first { list-style-image: none; list-style: none; font-weight: bold; padding: 10px;}

div#wrapper {
 min-height: 100%;
}

* html #wrapper {
 height: 100%;
}

div#content {
 width: 700px;
 margin: auto;
 padding-bottom: 50px;
}

div#footer {
 width: 100%;
 height: 25px;
 margin-top: -27px;
 line-height: 25px;
 text-align: center;
 color: #EEE;
 font-size: 11px;
 background: #333;
 border-top: 2px solid #C33;
}

div#reklama {
 position: absolute;
 left: 550px;
 height: 135px;
 width: 170px;
 background: url(images/xcom-logo.gif) no-repeat center center;
}

div#reklama a {
 display: block;
 height: 100%;
 width: 100%;
 background: url(images/web.png) center center no-repeat;
 text-indent: -9999px;
}

div#reklama a:hover {
 background: url(images/web_hover.png) center center no-repeat;
}

div#logo  {
 position: absolute;
 right: 50px;
 height: 135px;
 width: 151px;
 background: url(images/xcom.png) no-repeat center center;
}

div#menu {
 z-index: 1;
 position: relative;
 width: 100%;
 height: 150px;
 background: #333 url(images/menu_bg.jpg) repeat-x;
 border-bottom: 5px solid #C33;
}

div#menu ul { padding: 0; margin-top: 10px;}
div#menu ul.vertical li { padding: 2px;}
div#menu ul.horizontal { width: 560px; height: 100%; margin: auto;}
div#menu ul.horizontal li { float: left; width: 180px;}
div#menu span { font: italic 20px/1.5 Georgia, "New York CE", utopia, serif; color: #888;}
div#menu ul.horizontal li:hover span { color: #B22;}
div#menu a { font-size: 12px; color: #CCC;}
div#menu a.selected { font-weight: bold;}
div#menu ul.horizontal li.logo { width: 0px;}

div#panasonic ul.horizontal { margin-left: 55px;}
div#panasonic ul.horizontal li { float: left;}
div#panasonic ul.horizontal li:hover span  { color: #444;}
div#panasonic ul.vertical li { float: none;}
div#panasonic span { font: italic 20px/1.5 Georgia, "New York CE", utopia, serif; color: #888;}
div#panasonic a { font-size: 12px; color: #C33;}
div#panasonic small { color: #888;}
div#panasonic li.divider { background: url(images/divider.png) no-repeat center center; width: 35px; height: 140px;}