/* uvodni styly */

*                             { padding: 0; margin: 0; }
body                          { font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 12px; background: #fff url(images/body_bg.gif); color: #333; margin-top: 6px; margin-bottom: 6px; }
input, select, textarea       { font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 11px; padding: 1px; }

/* hlavni stranka */

#page_wrap                    { position: relative;	text-align: center;}
#page                         { width: 992px; padding-left: 2px; padding-bottom: 2px; margin: 0 auto; background-color: #fff; border: 1px solid #EAEAEA; text-align: left;}

/* horni menu a nadpis stranky */

#top                          { width: 990px; height: 80px; color: #fff; background: url(images/header_body.jpg) repeat-x; }
#top h1                       { text-indent: -5000px; width: 50%; height: 80px; float: left; background: url(images/header_left.gif) no-repeat left top; }
#top a:link, #top a:visited   { color: #fff; text-decoration: none; }
#top a:hover                  { color: #fff; text-decoration: underline; }
#top_pos                      { width: auto; height: 80px; float: right; padding-right: 20px; font-size: 10px; text-align: right; background: url(images/header_right.jpg) no-repeat right top; }
#top_body                     { position: relative; top: 52px; }           

#infobox                      { width: 990px; height: 31px; font-size: 10px; line-height: 31px; color: #fff; background: url(images/infobox_body.gif) repeat-x; }
#infobox p                    { width: auto; height: 31px;  padding-right: 20px; text-align: right; float: right; background: url(images/infobox_right.gif) no-repeat right top; }
#infobox span                 { height: 31px; padding-left: 20px; line-height: 30px; text-align: left; float: left; background: url(images/infobox_left.gif) no-repeat left top; }
#infobox span a:link, 
#infobox span a:visited       { text-decoration: underline; color: #fff; }
#infobox i                    { font-style: normal; color: #cbe7f8; }
#infobox form                 { margin: 0px; padding: 0px; float: right; }
#infobox select               { margin-top: 5px; font-size: 10px; }

/* navigace */

#navigation                   { width: auto; height: 22px; list-style-type: none; display: inline; font-size: 10px; font-weight: bold; }
#navigation ul                { margin: 0; padding: 0 15px; text-align: left; line-height: 22px; }
#navigation li                { display: inline; padding: 0; margin: 0; }
#navigation a:link,
#navigation a:visited         { color: #333; text-decoration: none; padding-right: 10px; }
#navigation a:hover           { color: #f90; text-decoration: underline; }
#navigation a:visited.selected,
#navigation a:visited.hover   { color: #f90; text-decoration: underline; }
#navigation a                 { background: no-repeat 0 1px; padding: 6px 0 6px 25px; }

/*#navigation .a1               { background: url(images/uvod.gif) no-repeat 0 1px; padding: 6px 0 6px 25px; }*/ /* uvodni stranka */
/*#navigation .a2               { background: url(images/stranky.gif) no-repeat 0 2px; padding: 6px 0 6px 25px; }*/ /* staticke stranky */
/*#navigation .a3               { background: url(images/katalog.gif) no-repeat 0 1px; padding: 6px 0 6px 25px; }*/ /* katalog */
/*#navigation .a4               { background: url(images/galerie.gif) no-repeat 0 1px; padding: 6px 0 6px 25px; }*/ /* galerie */
/*#navigation .a5               { background: url(images/faq.gif) no-repeat 0 -1px; padding: 6px 0 6px 25px; }*/ /* FAQ */
/*#navigation .a6               { background: url(images/sablony.gif) no-repeat 0 1px; padding: 6px 0 6px 29px; }*/ /* sablony */
/*#navigation .a7               { background: url(images/uzivatele.gif) no-repeat 0 1px; padding: 6px 0 6px 18px; }*/ /* uzivatele */
/*#navigation .a8               { background: url(images/objednavky.gif) no-repeat 0 2px; padding: 6px 0 6px 24px; }*/ /* objednavky */
/*#navigation .a9               { background: url(images/formulare.gif) no-repeat 0 1px; padding: 6px 0 6px 28px; }*/ /* formulare */
/*#navigation .a10              { background: url(images/aktuality.gif) no-repeat 0 -1px; padding: 6px 0 6px 27px; }*/ /* aktuality */
/*#navigation .a11              { background: url(images/jazyk.gif) no-repeat 0 3px; padding: 6px 0 6px 24px; }*/ /* jazyky */
/*#navigation .a12              { background: url(images/jazyk.gif) no-repeat 0 3px; padding: 6px 0 6px 24px; }*/ /* preklady */ 

/* telo */

#content                      { text-align: left; position: relative; width: 990px; overflow: hidden; }

/* levy sloupec */

#left                         { float: left; width: 24%; background-color: #EAEAEA; }
#left .hd .c, #left .ft .c    { font-size: 1px; height: 7px; }
#left .hd                     { background: transparent url(images/tl.gif) no-repeat 0 0; }
#left .hd .c                  { background: transparent url(images/tr.gif) no-repeat right 0; }
#left .bd                     { background: transparent url(images/bl.gif) repeat-y 0 0; }
#left .bd .c                  { background: transparent url(images/br.gif) repeat-y right 0; }
#left .ft                     { background: transparent url(images/fl.gif) no-repeat 0 0; }
#left .ft .c                  { background: transparent url(images/fr.gif) no-repeat right 0; }
#left .left_body              { padding: 20px; }

/* pravy sloupec */

#right                        { float: left; width: 76%; }

/* menu v pravem sloupci */

#header                       { width: auto; font-size: 10px; text-align: right; padding: 0 0 7px 0; margin: 0 20px 0 10px; border-bottom: 1px solid #EAEAEA; }
#header h2                    { color: #f90; font-size: 20px; font-weight: bold; }
#header a                     { text-decoration: underline; }
#header a:link,
#header a:visited             { color: #7BBCDD; }
#header a:hover               { color: #f90; }

#header a.self                { color: #f90; }

/* menu */

#menu                         { width: auto; list-style-type: none; display: inline; font-size: 10px; font-weight: bold; }
#menu ul                      { margin: 0 20px 0 10px; padding: 0 15px; text-align: left; line-height: 31px; background: url(images/body_bg.gif) repeat ; border-bottom: 1px solid #EAEAEA; }
#menu li                      { display: inline; padding: 0; margin: 0; white-space: nowrap; }
#menu a:link, #menu a:visited { color: #333; text-decoration: none; padding-right: 10px; }
#menu a:hover                 { color: #f90; text-decoration: underline; }
#menu a                       { padding: 6px 0 6px 20px; }
/*#menu .a1                     { background: url(images/ico_new_item.gif) no-repeat 0 4px; padding: 6px 0 6px 20px; }*/ /* novy clanek */
/*#menu .a2                     { background: url(images/ico_new_ctg.gif) no-repeat 0 3px; padding: 6px 0 6px 20px; }*/ /* nova kategorie */
#menu a.selected {
  text-decoration: underline;
  color: #FF9900;
}
#menu li.separator {
  border-left: solid 2px #EAEAEA;
  padding-left: 10px;
}

/* textova cast */

#text                         { width: auto; font-size: 12px; text-align: justify; padding: 10px; margin: 0 20px 10px 10px; }
#text a                       { color: #333; padding-right: 9px; background: url("images/link-out.gif") right top no-repeat; }
#text ul, #text ol            { padding-left: 30px; padding-bottom: 10px; padding-top: 10px; }
#text a[href^='mailto:']      { padding-right:10px; background-image: url("images/link-mail.gif"); }
#text a:hover                 { color: #f90; }
#text p                       { text-indent: 30px; padding-bottom: 10px; }

/* box */

.box                          { background-color: #FFFFCA; margin-bottom: 10px; min-height: 68px; _height: 68px; }
.box a                        { background-image: none; padding-right: 0; }
.box .hd .c, .box .ft .c      { font-size: 1px; height: 5px; }
.box .hd                      { background: transparent url(images/box_tl.gif) no-repeat 0 0; }
.box .hd .c                   { background: transparent url(images/box_tr.gif) no-repeat right 0; }
.box .ft                      { background: transparent url(images/box_fl.gif) no-repeat 0 0; }
.box .ft .c                   { background: transparent url(images/box_fr.gif) no-repeat right 0; }
.box .box_body                { margin: 15px; text-align: justify; }
.box img                      { position: relative; top: -15px; left: 0; float: left; margin-right: 10px; z-index: 1; border: none; }

/* tabulky */

table.list                         { margin-bottom: 10px;  font-size: 10px;	background-color: #E7E7E7; color: #999; }
table.list caption                 { margin-top: 10px; font-weight: bold; background: #7BBCDD; border-bottom: 2px solid #1975d7; color: #FFF; padding: 5px; font-size: 10px; }
table.list td, table.list th       { padding-left: 4px; padding-right: 4px; }
table.list thead th                { padding-top: 2px; padding-bottom: 2px; text-align: center; background: #F5F5F5; color: #333; border: 1px solid #FFF; }
table.list thead a:link,
table.list thead a:visited         { background: none; padding: 0; font-weight: bold; text-decoration: underline; color: #333; }
table.list thead a:focus,
table.list thead a:hover           { color: #f90; }
table.list tbody th                { font-weight: bold; }
table.list tbody tr                { background-color: #FFF; text-align:left; }
table.list tbody tr.odd            { background: #f9f9f9; border-top: 1px solid #FFF; }

table.list tbody th                { color: #96D030;	background: url(images/person.gif) no-repeat 4px 8px #FFF;	padding: 0px 4px 0px 20px; }
table.list tbody th.sub            { color: #96D030;	background: url(images/person_sub.gif) no-repeat 16px 8px #FFF;	padding: 0px 4px 0px 32px; }
table.list tbody tr.odd th         { background: url(images/person.gif) no-repeat 4px 8px #f9f9f9; }
table.list tbody tr.odd th.sub     { background: url(images/person_sub.gif) no-repeat 16px 8px #f9f9f9; }

table.list tbody th a:link,
table.list tbody th a:visited      { color: #96D030;	/*background: url(images/layout.gif) no-repeat;	padding: 3px 0px 0px 20px; */ padding: 3px 0px 0px 0px; }
table.list tbody th a:hover        { color: #F90; }
table.list tbody tr td             { height: 30px; background: #FFF; border: 1px solid #FFF; }
table.list tbody tr th             { border: 1px solid #FFF; }
table.list tbody tr.odd td         { background: #f9f9f9;	border-top: 1px solid #FFF; }
table.list tbody tr:hover td,
table.list tbody tr:hover th       { background-color: #EFEFEF; }
table.list tbody td                { color: #333; }
table.list td a:link, 
table.list td a:visited            { color: #7BBCDD; padding: 0; background: none; }
table.list td a:hover              { color: #F90; }
table.list td img                  { border: 0; }
table.list tfoot th,
table.list tfoot td                { background-color: #F5F5F5; padding: 2px;	text-align: center; font-size: 9px;	border: none; border-bottom: 3px solid #CCC; /*border-top: 1px solid #DFDFDF; */ }
table.list tfoot select            { border: 1px solid #B3B9C3; margin: 0px; padding: 0px; text-align: center; float: left; width: 40px; }
table.list tfoot div.prev          { width: 16px; height: 15px; float: left; margin-right: 5px; margin-top: 1px; }
table.list tfoot div.succ          { width: 16px; height: 15px; float: left; margin-left: 5px; margin-top: 1px; }
table.list tfoot div.paging        { width: 85px; margin: auto; }
table.list tfoot div.paging.pm     { width: auto; float: left; }
table.list tfoot div.mass		   { float: right; font-weight: bold; }
table.list tfoot div.mass select   { float: none; width: auto; text-align: left; font-weight: bold; font-weight: normal; }
table.list tfoot div.mass	input  { color: #999; background: #F5F5F5; border: #B3B9C3 1px solid; padding: 0px; font-size: 1em; font-weight: normal; }

table.form			               { border-spacing:0px; }
table.form>tbody>tr:hover                 { background-color:#dcf3ff; }
table.form>tbody>tr>td.first_coll  { border:1px solid #FFF;  border-right:0px; margin:0px; padding:2px}
table.form>tbody>tr>td.second_coll  { border:1px solid #FFF;  border-left:0px;  border-right:0px;  margin:0px; padding:2px; vertical-align:middle; width:30px;}
table.form>tbody>tr>td.third_coll  { border:1px solid #FFF;  border-left:0px;  margin:0px; padding:2px 0px 2px 3px;}
table.form>tbody>tr:hover>td.first_coll  { border:1px solid #7bbcdd;  border-right:0px; margin:0px; padding:2px}
table.form>tbody>tr:hover>td.second_coll  { border:1px solid #7bbcdd;  border-left:0px;  border-right:0px;  margin:0px; padding:2px; vertical-align:middle; width:30px;}
table.form>tbody>tr:hover>td.third_coll  { border:1px solid #7bbcdd;  border-left:0px;  margin:0px; padding:2px 0px 2px 3px;}
table.form>tbody>tr>td			   { border:1px solid #FFF;  border-left:0px;  margin:0px; padding:2px}


/* zobrazeni */

/* #text .zobrazeni                    { width: 71%; overflow: hidden; position: absolute; z-index: 0; } */
#text .zobrazeni                    { width: 100%; overflow: hidden; }
#text .zobrazeniL                   { float: left; width: 50%; }
#text .polozka                      { padding-right: 20px; padding-bottom: 20px; }
#text .polozka p                    { text-indent: 0;  padding: 0; }
#text .polozka img                  { float: left; padding-right: 8px; border: none; }
#text .polozka h3                   { color: #7BBCDD; font-weight: bold; padding-bottom: 5px; font-size: 12px; }
#text .polozka h3 a:link,
#text .polozka h3 a:visited         { color: #7BBCDD; text-decoration: underline; background-image: none; padding-right: 0;  }
#text .polozka h3 a:hover           { color: #f90; background-image: none; padding-right: 0;  }
       

/* paticka */

#footer                       { width: 990px; height: 31px; font-size: 10px; color: #fff; background: url(images/infobox_body.gif) repeat-x; }
#footer p                     { width: auto; height: 31px; padding-right: 20px; padding-top: 9px; text-align: right;  float: right; background: url(images/infobox_right.gif) no-repeat right top; }
#footer span                  { width: auto; height: 31px; padding-left: 20px; padding-top: 9px; text-align: left; float: left; background: url(images/infobox_left.gif) no-repeat left top; }
#footer p a:link, 
#footer p a:visited           { color: #fff; text-decoration: none; }
#footer p a:hover             { text-decoration: underline; }
#footer span a:link, 
#footer span a:visited,
#footer span a:hover          { color: #fff; text-decoration: underline; }

/* menu left */

div.menuTitle                             { font-weight: bold; border-bottom: solid 1px #999; font-size: 11px; padding-bottom: 5px; }
/*
ul.menuItems                              { list-style-type: none; margin-top: 5px; margin-left: 0; padding-left: 0px; font-size: 10px; font-weight: bold; }
ul.menuItems li                           { padding-bottom: 3px; }
ul.menuItems a:link, .menuItems a:visited { color: #333; text-decoration: none; }
ul.menuItems a:hover                      { color: #f90; text-decoration: underline; }
*/


/* whisperer */

div.whisperer {background-color:#EFEFEF; border:1px solid #777; padding:3px;}
div.whisperer a {color:#222; padding:2px;}
div.whisperer a:hover {background-color:#555; color:#FFF;}

.textBox{
  padding-top: 15px;
  padding-right: 20px;
  padding-left: 10px;
  padding-bottom: 10px;
  background: #FCFCFE;
  overflow: auto;
}

div.treeBox{
  padding-top: 20px;
  font-size: 11px;
}

.left_body a {
 	color: #333;
	text-decoration: none;
}

.left_body a:hover {
	color: #f90;
	text-decoration: underline;
}

#text .box a.infobox{
  background: none;
  color: #333;
  padding-right: 0px;
}

#text .box a.infobox:link, #text .box a.infobox:visited {
  text-decoration: none;
}

#text .box a.infobox:hover, #text .box a.infobox:focus {
  text-decoration: underline;
}

input.buttonBase {
  background: url(images/button_all.gif);
  border: none;
  width: 112px;
  height: 18px;
  text-transform: lowercase;
  cursor: hand;
}

input.buttonBase:hover, input.buttonBase:focus,
input.over {
  background-position: 0px 18px;
}


.clear {
	font-size: 0px;
	line-height: 0px;
	height: 0;
	margin: 0;
	padding: 0;
	border: none;
	float: none;
	clear: both;
}

/* ==== anketa - vysledky ==== */
.contest {
	border: 1px solid #EAEAEA;
	padding: 10px;
	margin: 10px;
	width: 300px;
}

.contest-name {
	font-weight: bold;
	margin-bottom: 10px;
}

.question {
	clear: both;
	margin-bottom: 10px;
}

.question-text {
	margin-bottom: 5px;
	font-style: italic;
	/*background: #EAEAEA;*/
	padding: 2px;
}

.answer {
	line-height: 1.5em;
	clear: both;
	margin-bottom: 1px;
}
.answer-text {
	margin-left: 10px;
	float: left;
}
.answer-hits {
	margin-right: 5px;
	float: right;
}

.answer-graph {
	background: #7BBCDD;
	height: 1.5em;
}

.contest-results label {
	padding: 2px;
}

.contest-results .question-text {
	background: #EAEAEA;
}

.contest-results input,
.contest-results textarea {
	background: #fff;
	border: 1px solid #7BBCDD;
	color: darkblue;
	padding: 1px;
	margin: 2px;
}

.contest-results textarea {
	width: 270px;
}

.info {
	border: 1px solid #EAEAEA;
	padding: 10px;
	margin: 10px;
	width: 300px;
}

.info2 {
	border: 1px solid #EAEAEA; /* #C0C0C0 */
	margin-top: 10px;
	padding-left: 38px;
	font-weight: bold;
	font-size: 0.8em;
	height: 18px;
	line-height: 18px;
	color: #4D4D4D;
	background: url(images/info-small.gif) no-repeat 14px 1px #F9F9F9; /* #FFFCC5 */
}



.discussion-message {
	margin: 0;
	padding: 0;
	border: 1px solid #AFD1ED;
	background: #EDF7FA;
	padding: 5px;
	margin-bottom: 10px;
	width: 500px;
}

.discussion-message .date {
	color: #C40009;
}

.discussion-message .author {
	color: #910005;
}

.discussion-message .title {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 2px;
	color: #000;
}

.discussion-message-actions {
	float: right;
	margin-left: 20px;
}

.fatal_error {
	font-family: Verdana, "Geneva CE", lucida, sans-serif; 
	font-size: 12px; 
	background: #fff url(images/body_bg.gif); 
	color: #333; 
	margin-top: 6px; 
	margin-bottom: 6px; 
	padding-top: 150px;
	text-align: center;
}

.fatal_error h1 { 
	color: #FF9900;
}

.fatal_error p { 
	width: 500px;
	margin: 50px auto;
	padding: 15px 30px;
	background: #ffffff;
	border: 1px solid #888888;
}

.filter {
	margin: 10px 10px 0 10px;
}

.filter form {
	display: inline;
}

.filter .item {
	display: block;
	float: left;
}

.filter .item label {
	margin: 1px 3px 1px 15px;
	display: block;
	float: left;
	width: 65px;
	text-align: right;
}


.filter .item input, .filter .item select {
	margin: 1px 3px;
	display: block;
	float: left;
	width: 130px;
}

.filter br {
	clear: both;
}

div.droppableNormal {
	border-bottom:2px solid #ffffff;
	background-color:#FFFFFF;
	position:static;
}

div.droppableHover {
	border-bottom:2px solid #ffff00;
	background-color:#FFFFFF;
	position:static;
}

#sort_container {
	width:600px;
	margin-bottom:20px;
}

#sort_container span.sort_id {
	display:none;
}

div.draggable {
	cursor:move;
}


div.draggable:hover{
	background-color:#EEE;
}

#drag-zero {
	position:static; 
	height:6px;
}

a.sortRevertRedoActive{
	color:green;
	cursor:pointer;
}

a.sortRevertRedoInactive{
	color:#555;
	cursor:default;
}

div.sort_navigation{
	background-color:#fff;
	margin-bottom:20px;
}

/* Varianty produktu - ShopCatalog - seznam variant produktu*/
table.searchTable {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	border-collapse: collapse;
	font-size:12px;
}

table.searchTable th, table.searchTable td {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding:3px;
}

table.searchTable tbody tr:hover td { background-color: #FFFFCC; }

table.searchTable tr {
	background-color: #FFFFFF;
}


table.searchTable th {
	background-color: #99CCCC;
}

table.searchTable img {
	border:none;
	padding:2px;
}

img.question_mark {
	display:inline;
	cursor:help;
	width:16px;
	height:16px;	
	float:right;
	margin-left:4px;
	margin-right:3px;
}

#info_hint_div {position:absolute;width:185px;background:transparent url(./images/info_hint-top.png) no-repeat right top;display:none;}
#info_hint_div .bottom {width:100%;height:3px;background:transparent url(./images/info_hint-bottom.png) no-repeat right bottom;}
#info_hint_div .con {padding:12px 29px 12px 12px;font-weight: bold; text-align:right; color:#63B0D0;}

div.objectSelector { padding-bottom:15px; border:3px solid #aaa; background-color:#dcf3ff; position:absolute; left:200px; top:250px; text-align:center; width:480px; }
div.objectSelector .tree_window { width:450px; height:270px; overflow: auto; border:1px solid #aaa; background-color:#fff; margin-bottom:5px; text-align:left; margin:15px; }
div.objectSelector .title_bar { width:480px; padding-bottom: 1px; margin-bottom: 5px; text-align: right; height: 20px; background-color: #7bbcdd; cursor: move; }
div.objectSelector .frameClass { border: 1px dotted #999; }