/*
	@author: Pavel Berka
	@site: www.lcd-televize.cz
------------------------------------------- */

* {outline: none;}
body {color: #aaa; font: 9px Verdana, "Geneva CE", lucida, sans-serif, "Corbel"; background-color: #333;}

h1 {margin: 0; padding: 0; }
h2, h3 {font-size: 16px; }
h3, h4 {font-size: 13px; margin: 7px 0 4px 0; }
h4 {font-size: 11px; }

h3.labels {font-size: 12px; padding-left: 20px;}

a {color: #0099ff;}
a:hover, a:focus {text-decoration: none; }

img {font: 10px sans-serif; border: 0; }

address {font-style: normal; margin: 0; }
cite {color: #000; font-style: normal; }

ul, ol {padding: 0 0 0 2.0em; margin: 0 0 1.5em 0;}
ul {list-style: square; }
ul ul {list-style: circle; margin: 0.2em 0 0.5em 10px; }
li {margin-bottom: 0.5em; }

table {font-size: 100%; margin-bottom: 1.5em; }
thead th {text-align: center; }
th {text-align: left; vertical-align: baseline; }
th, td {vertical-align: baseline; padding-top: 5px; padding-bottom: 5px; }

.fll {float: left; }
.flr {float: right; }
.clear {font-size: 1px; float: none !important; clear: both; }

img.fll {margin: -3px 10px 5px 0; }
img.flr {margin: -3px 0 5px 10px; }

table.flr {margin-left: 20px; }

#centered {width:850px; margin: 15px auto;}
#head {width:850px; height: 316px; position: relative; top:0; left:0;}

#title {width:651px;height:316px; margin: 0 0 0 -16px; background: #999 url('../gfx/title_bg_cut.png') 0 0 no-repeat;overflow:hidden;}
#title_image{padding:0; margin:0; }
#title p{color:#fff; font-size:12px; line-height:18px; margin:14px 15px 0 70px; background-color: transparent;}

#strip {text-align:right; line-height: 26px; width: 450px; height: 26px; position:absolute; top: 30px; right: 0; }
#strip, #strip a {color:#fff; text-decoration:none; background-color: #0099ff; }
#strip span {font-size:12px; margin-right:8px; }

#box a {color: #0099ff;}
#box {color:#333; width: 199px; height: 243px; position:absolute; top: 66px; right: 0; background-color: #d6d6d6; border: 4px solid #d6d6d6;}
#box h2{height:26px;line-height:26px;margin:0;background-color:#09f;color:#fff;text-align:center;text-transform:uppercase;font-size:12px;}
#box h2 a{color: #fff; text-decoration: none; }

#box_img {position:absolute; bottom:0; left:0;}
#box p{margin:13px;}

#body {font-size: 1.2em; }

/* master image */
img.master {width: 525px; height: 124px; margin-top: 10px; }


/* tabulky */
.printout {padding: 5px; background: #e3e3e3; border: solid 1px #cacaca; }
.printout th, .printout td {font-weight: normal; padding-right: 10px; padding-left: 10px; }
.printout th {width: 80px; }
.printout thead th {color: #000; text-align: left; padding-bottom: 0.4em;  white-space: nowrap; }
.printout tr.even th, .printout tr.even td {background: #d6d6d6;}

.overview {padding: 5px; margin: 0;  background: #e3e3e3; border: solid 1px #cacaca; }
.overview thead th {padding-bottom: 5px; border-bottom: solid 2px #d6d6d6; }
.overview th {color: #000; font-weight: normal; padding-right: 20px; }
.overview td {padding-top: 10px; padding-bottom: 5px; padding-left: 10px;}

.overview ul {list-style: none; padding: 0; margin: 0; }
.overview li {padding: 3px 0 3px 25px; background: url('../gfx/ico_plusminus.png') 0 0 no-repeat; }
.overview .minus li {background-position: 0 -200px; }



/* footer */
#foot {color:#fff; text-align:center; line-height:26px; height:26px; margin-top:9px; background-color: #09f; }
#foot a {color: #fff; text-decoration: none; }
#foot a:hover, #foot a:focus  {color: #fff; text-decoration: underline; }


/* slider dole start */
#slider_wrap {width: 842px; height:124px; padding: 0; margin: 0; position: relative; background-color: #fff; border: 4px solid #fff; overflow: hidden;}
#slider, #slider ul, #slider li {color:#000; padding:0; margin:0;}
#slider, #slider li {list-style:none; width:748px; height:124px; margin: 0 auto; background-color:#fff; }

#slider_next a, #slider_prev a{width:47px; height:124px;display:block;}
#slider_prev a {background:url('../gfx/arrow_bg_left.png') 0 0 repeat-y;}
#slider_next a {background:url('../gfx/arrow_bg_right.png') 0 0 repeat-y;}
#slider_prev a img {margin:47px 18px 0 5px;}
#slider_next a img {margin:47px 5px 0 18px;}

/*.slider_3_items {margin:0 2px;}*/



.slider_4_items div, .slider_3_items div, .slider_2_items div, .slider_1_items div {text-align: center; }
.slider_4_items div, .slider_3_items div, .slider_2_items div {float: left; }

.slider_2_items div {width: 300px; margin-left: 60px; _margin-left: 30px; }
.slider_3_items div {width: 248px; }
.slider_4_items div {width: 160px; margin-left: 20px; _margin-left: 4px; }

/* slider */
#slider h3 {margin: 0; }

.slider_2_items h3 {width: 290px; height: 120px;  }
.slider_2_items h3 a {height: 120px; position: relative; display: block; }
.slider_2_items h3 span {width: 290px; height: 120px; position: absolute; top: 0; left: 0; background-position: 0 0;background-repeat: no-repeat; display: block; cursor: pointer; }

.slider_4_items h3 {width: 180px; height: 120px; }
.slider_4_items h3 a {height: 120px; position: relative; display: block; }
.slider_4_items h3 span {width: 180px; height: 120px; position: absolute; top: 0; left: 0; background-position: 0 0;background-repeat: no-repeat; display: block; cursor: pointer; }




/* slider dole end */


/* akordeon start */
#accordion {color:#c4bab1; height: 416px; margin: 8px 0 7px 0; background-color:#2f2e2c; }
#accordion strong, #accordion b {color: #fff; font-weight: normal; }
#accordion .set {padding-left: 5px; border-left: solid 3px #0099ff;}

.ui-accordion .ui-accordion-header {cursor:pointer;margin:0;clear:both;}
.ui-accordion-header {color:#fff; line-height:33px; height:33px; background:#3f3c37 url('../gfx/h2_inactive.png') top left repeat-x; border-top: 1px solid #5d5852; border-bottom: 1px solid #21201f; }
.ui-accordion h2.selected {color:#fff; background: #168fd4 url('../gfx/h2_active.png') top left repeat-x; border-top:1px solid #33cccc; border-bottom:1px solid #21201f; }

#header1, #header2, #header3, #header4 {font-size:12px; font-weight:bold; padding-left: 52px; margin-left: 19px; background: transparent 0 0 no-repeat; display:block; }
#header1 {background-image: url('../gfx/ico_question_mark_dark.png');}
#header2 {background-image: url('../gfx/ico_lens_dark.png');}
#header3 {background-image: url('../gfx/ico_tools_dark.png');}
#header4 {background-image: url('../gfx/ico_basket_dark.png');}

.ui-accordion h2.selected #header1 {background-image: url('../gfx/ico_question_mark_hilited.png');}
.ui-accordion h2.selected #header2 {background-image: url('../gfx/ico_lens_hilited.png');}
.ui-accordion h2.selected #header3 {background-image: url('../gfx/ico_tools_hilited.png');}
.ui-accordion h2.selected #header4 {background-image: url('../gfx/ico_basket_hilited.png');}

.sliding_cols {list-style: none; width: 850px; height: 276px; padding: 0; margin: 0; overflow: hidden;}
.sliding_cols h3 {font-size:12px; font-weight: bold;}
.sliding_cols p {?margin: 1.0em 0;}

.first_column, .column, .last_column {width: 188px; height: 251px; margin:15px 10px 10px 10px; float: left;}
.first_column {
  margin-left:19px; display:inline;
  /* kvuli double-margin bugu v IE */
}
.last_column{margin-right: 19px; }

#accord1, #accord2, #accord3, #accord4 {width: 850px; height: 276px; _height: 300px; overflow:hidden;}
#accord1 {width: 3800px;}
#accord2 {width: 3400px;}
#accord3 {width: 2550px;}
#accord4 {width: 1600px;}

.arrows {text-align: right; margin-top: 2.0em; }
/* akordeon end */

/* sloupce start */
#text_3_cols, .two-cols {color: #333; margin: 8px 0; background-color: #d6d6d6; border: 4px solid #d6d6d6;}
#text_3_cols h2, .two-cols h2 {
  color: #fff; height: 26px; line-height: 26px; padding-left: 1.0em; margin: 0; background-color: #0099ff;
}
#text_3_cols .col, #text_3_cols .col_centre {width: 254px; float: left; display: inline; }

#text_3_cols .col {margin: 0 20px; }
#text_3_cols .col_centre {margin: 0; }
#text_3_cols .col p, #text_3_cols .col_centre p, #text_2_cols .col_wide p, #text_2_cols .col_narrow p {margin: 1.0em 0; }

.two-cols {min-height: 300px; _height: 300px; background-image: url('../gfx/col.gif'); background-position: 0 0; background-repeat: repeat-y; _background-position: -1px 0;}
.two-cols div {width: 528px; ?padding-top: 10px; margin-right: 20px; _margin-right: 10px; float: right; }
.two-cols .col {/*width: 254px;*/ width: 234px; _width: 230px; padding-top: 10px; padding-right: 20px; padding-left: 17px; margin-left: 0; border-top: solid 3px #d6d6d6; float: left; /*background: pink;*/ }

.two-cols .col ul {list-style: none; padding: 0; margin: 0; /*background: orange;*/ }
.two-cols .col li {padding-top: 10px; margin-bottom: 10px; background: url('../gfx/line_dotted.gif') 0 0 repeat-x; }
.two-cols .col li.first {padding: 0; background: none; }

.two-cols .col li a {text-decoration: none;}
.two-cols .col li a:hover {text-decoration: underline;}

.r-col {background-position: 100% 0; _background-position: 575px 0; }
.r-col div {margin: 0; margin-left: 20px; _margin-left: 10px; float: left; }
.r-col .col {margin: 0; float: right; }



/* sloupce end */


#tooltip {color: #fff; width: 250px; position: absolute; background: #666; border:2px solid #ccc; display: none;}
#tooltip h2 {font-size: 100%; font-weight: bold; height: 2.0em; line-height: 2.0em; padding: 0 1.0em; margin: 0;background: #333; display: block; }
#tooltip p {margin: 1.0em;}