@charset "utf-8";

/* test */

body  { padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; margin: 0px; font: 10px verdana, arial, sans-serif; color: #666666 }

h1 		{ margin-top: 0px; margin-bottom: 0px; font: 12px/20px verdana, arial, sans-serif; color: #666666; font-weight: bold; font-style: regular; padding-left: 0px }
h2 		{ margin-top: 0px; margin-bottom: 8px; font: 10px/16px verdana, arial, sans-serif; color: #666666; font-weight: bold; padding-left: 0px  }
h3 		{ margin-top: 0px; margin-bottom: 8px; font: 10px/16px verdana, arial, sans-serif; color: #666666; font-weight: bold; padding-left: 0px  }
h5 		{ margin-top: 0px; margin-bottom: 0px; margin-left: 10px; margin-right: 10px; font: 24px/24px verdana, arial, sans-serif; font-weight: bold; font-style: regular; padding-left: 0px }

p 		{ font: 10px/16px verdana, arial, sans-serif; text-align: justify; color: #666666; margin-top: 0px; margin-bottom: 8px}

.nojustify    { text-align: left; margin-bottom: 0px }
.left         { text-align: left;}
.description  { margin-top: 3px; margin-bottom: 3px; text-align: left }
.poznamka     { font-style: italic }
.indent       { padding-left: 5px; padding-right: 5px }

th		{ font: 10px verdana, arial, sans-serif; color: #666666; font-weight:bold }
td		{ font: 10px verdana, arial, sans-serif; color: #666666 }
pre		{ font: xx-small lucida console, courier, monospace; color: #666666; background: #F5F5F5; padding-top: 6px; padding-bottom: 6px; padding-left: 6px; padding-right: 6px }
hr 		{ font: 10px verdana, arial, sans-serif; color: #A8A8A8; height: 1px }

ul, ol {
  padding: 6px 0 6px 0;
  margin: 6px 0 6px 20px;
}

ul {
  list-style-type: none;
}

ol {
  list-style: decimal outside; 
  list-style-type: decimal 
}

li {
  padding-left: 19px;
  padding-right: 19px;
  font: xx-small/16px verdana, arial, sans-serif;
}

.ordered  { margin-left: 30px }
.first    { list-style: url(images/symbol_arrow.gif) outside }
.continue { margin-top: 4px }
.index    { margin-top: 4px; margin-bottom: 4px}
.outline	{ }

.image          { margin-left: 10px; margin-top: 16px }
.text           { font: xx-small verdana, arial, sans-serif; color: #666666 }
.text_highlite  { font: font: xx-small verdana, arial, sans-serif; color: #CC3333 }

.exclamation  { color: #CC3333 }
.question     { color: #55BE47 }
.star         { margin-top: 7px; color: #FF9A00 }

.margin_left  { padding-left: 15px }
.margin_text  { padding-left: 20px }
.margin_menu  { padding-left: 10px; padding-top: 6px }
.indent       { padding-left: 20px; padding-top: 3px }
.indent_top   { padding-top: 0px }

a		{ font: verdana, arial, sans-serif; color: #666666 }
a:link 		{ text-decoration: underline }
a:active 	{ text-decoration: none }
a:visited 	{ text-decoration: underline }
a:hover 	{ color: #CC9966; text-decoration: underline }

.banner {margin: 10px 0px 10px 0px;}
    
.banner_title {
    font-size: 10px;
    line-height: 16px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    padding: 0px 0px 0px 0px;
    margin: 55px 10px 0px 10px;
}
    
.banner_links {
    padding: 0px 0px 0px 0px;
    margin: 55px 10px 0px 10px;
}
    
.banner_link {
    font-size: 10px;
    line-height: 16px;
    font-weight: bold;
    color: rgb(0, 0, 0);
}

.banner_link a:link { text-decoration: none;}
    
.address_start	{ color: #666666 }
.address_end	{ color: #FF9A00 }

.address		{ font: 10px verdana, arial, sans-serif; color: #666666 }
.address:link 		{ color: #666666; text-decoration: none }
.address:active 	{ color: #666666; text-decoration: none }
.address:visited	{ color: #666666; text-decoration: none }
.address:hover 		{ color: #FF9A00; text-decoration: underline }

.title		{ margin-top: 0px; margin-bottom: 8px; font: 12px/20px verdana, arial, sans-serif; color: #666666; font-weight: bold; font-style: regular; padding-left: 0px  }
.subtitle	{ margin-top: 0px; margin-bottom: 8px; font: 10px/16px verdana, arial, sans-serif; color: #666666; font-weight: bold; font-style: regular; padding-left: 0px }

.main		{ font: 10px verdana, arial, sans-serif; color: #666666 }
.main:link 	{ color: #666666; text-decoration: none }
.main:active 	{ color: #666666; text-decoration: none }
.main:visited 	{ color: #666666; text-decoration: none }
.main:hover 	{ color: #FF5200; text-decoration: underline }

.local		{ font: 10px verdana, arial, sans-serif; color: #666666 }
.local:link 	{ color: #666666; text-decoration: none }
.local:active 	{ color: #666666; text-decoration: none }
.local:visited 	{ color: #666666; text-decoration: none }
.local:hover 	{ color: #CC9966; text-decoration: underline }

.news		{ font: 10px/16px verdana, arial, sans-serif; color: #666666; text-align: left }
.news:link 	{ color: #666666; text-decoration: none }
.news:active 	{ color: #666666; text-decoration: none }
.news:visited 	{ color: #666666; text-decoration: none }
.news:hover 	{ color: #666666; text-decoration: underline }

.menu		{ font: 10px/18px verdana, arial, sans-serif; color: #666666; text-align: left; padding: 3px 4px 3px 0px }
.menu:link 	{ color: #666666; text-decoration: none }
.menu:active 	{ color: #666666; text-decoration: none }
.menu:visited 	{ color: #666666; text-decoration: none }
.menu:hover 	{ color: #666666; text-decoration: none }

.menu_item	{ font: 10px/12px verdana, arial, sans-serif; color: #666666; padding-left: 31px; padding-top: 0px; background:#00FF00 }
.menu_item_sel	{ font: 10px/12px verdana, arial, sans-serif; color: #666666; padding-left: 23px; padding-top: 0px}
.menu_sub	{ font: 10px/16px verdana, arial, sans-serif; color: #666666; padding-left: 23px; padding-top: 0px }
.menu_sub_sel	{ font: 10px/16px verdana, arial, sans-serif; color: #666666; padding-left: 15px; padding-top: 0px }
.menu_cat	{ font: 10px/16px verdana, arial, sans-serif; color: #666666; padding-left: 15px; padding-top: 3px; font-weight: bold }

.menu_cat		{ margin-top: 0px; margin-bottom: 0px; font: 12px/20px verdana, arial, sans-serif; color: #666666; font-weight: bold; font-style: regular; padding-left: 0px }
.menu_cat:link 		{ color: #666666; text-decoration: none }
.menu_cat:active 	{ color: #666666; text-decoration: none }
.menu_cat:visited 	{ color: #666666; text-decoration: none }
.menu_cat:hover 	{ color: #CC9966; text-decoration: none }

.menu_end		{ background: url(images/corner_left_back.gif) #FFFFFF left top; background-repeat: repeat-y }

form          	{ font: xx-small verdana, arial, sans-serif; color: #666666; margin-top: 0px; margin-bottom: 0px }
.basic        	{ font: xx-small verdana, arial, sans-serif; color: #CC3333 }
.error        	{ font: xx-small verdana, arial, sans-serif; color: #FF0000 }

input 		{ font: xx-small verdana, arial, sans-serif; color: #666666; height: auto; background: #F0F0F0; border: solid 1px #CCCCCC }
input.basic     { font: xx-small verdana, arial, sans-serif; color: #666666; height: auto; background: #FFFFCC; border: solid 1px #CCCCCC }
input.error     { font: xx-small verdana, arial, sans-serif; color: #666666; height: auto; background: #F0F0F0; border: solid 1px #FF0000 }

select          { font: xx-small verdana, arial, sans-serif; color: #666666; background: #F5F5F5; border: solid 1px #CCCCCC }
select.basic    { font: xx-small verdana, arial, sans-serif; color: #666666; background: #FFFFCC; border: solid 1px #CCCCCC }
select.error    { font: xx-small verdana, arial, sans-serif; color: #666666; background: #FFCACA; border: solid 1px #FF0000 }

textarea        { font: xx-small verdana, arial, sans-serif; color: #666666; background: #F5F5F5; border: solid 1px #CCCCCC }
textarea.basic  { font: xx-small verdana, arial, sans-serif; color: #666666; background: #FFFFCC; border: solid 1px #CCCCCC }
textarea.error  { font: xx-small verdana, arial, sans-serif; color: #666666; background: #F5F5F5; border: solid 1px #FF0000 }

/* ------------------------------ */
/* Tables for formatting in forms */
/* ------------------------------ */

form table th, form table td {
  vertical-align:       top;
  text-align:           left;
}

/* ------------------------------ */
/* Invisible table for formatting */
/* ------------------------------ */

table.format, table.format th, table.format td {
  border:               none;
}

table.format th, table.format td {
  padding:              0.2em 0.5em;
}

/* ------------------- */
/* Result tables style */
/* ------------------- */

table.result { 
  border:               1px solid #BBB; 
  border-collapse:      collapse; 
  margin:               1em 0; 
}

table.result th { 
  background-color:     #FF9C04; 
  color:                white; 

  font-weight:          bold; 
  background-repeat:    repeat-y;
  background-position:  top left;
  text-align: left;
}

table.result th.red, table.red th {
  background-color:     #FC3D32;
}

table.result th, table.result td { 
  border:               1px solid #BBB; 
  padding:              0.2em 0.5em; 
  vertical-align:       top;
}

table.result td { 
  background-color:     white; 
}

table.result td.number { 
  text-align:           right; 
}

table.result tr:hover td, table.result-tbodyhover tbody:hover td { 
  background-color:     #FFD1BB; 
}

table td.number, table th.number {
  text-align:           right;
}

table.result tr.bold td {
  font-weight:          bold;
}

/* ----------------------- */
/* Eshop Cart tables style */
/* ----------------------- */

table.cart { 
  border:               1px solid #BBB; 
  border-collapse:      collapse; 
  margin:               1em 0; 
}

table.cart th { 
  font-weight:          bold; 
  background-color:     #FC5046;
  color:                white; 
}

table.cart th, table.cart td { 
  border:               1px solid #BBB; 
  padding:              0.2em 0.5em; 
}

table.cart td { 
  background-color:     white; 
}

table.cart td.number { 
  text-align:           right; 
}

table.cart tr:hover td { 
  background-color:     #FFD1BB; 
}

table.cart tr.bold td {
  font-weight:          bold;
}

/* ----------------------- */
/* Trouble Ticket tables   */
/* ----------------------- */

table.ticket {
  border:               1px solid #BBB; 
  border-collapse:      collapse; 
  margin:               1em 0; 
}

table.ticket th, table.ticket td { 
  border:               1px solid #BBB; 
  padding:              0.2em 0.5em; 
  vertical-align:       top;
}

table.ticket th {
  font-weight:          bold;
}

table.ticket .header {
  font-size:            2em;
}