/*
Online Shop Panavis v2.8 - Skyblue stylesheet
Copyright: Panavis&Panadela - www.panavis.cz - 2007
*/
BODY       { background-color: #FFFFFF; background-image: url(img/bcg.png); background-repeat: repeat-x; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif;  font-size: 11px; font-weight: normal; text-decoration: none; margin: auto; }
TD         { color : #000000; font-family : Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px; }
DIV        { margin: 0px; }
FORM       { margin: 0px; }
IMG        { border: 0px; }

.head      { background-color: #CDCDF9; background-image: url(img/head_bg.gif); background-repeat: repeat-x; background-repeat: repeat-x; height: 34px; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 12px ; font-weight: bold; color: #344028; text-decoration: none; }
.header	   { width: 995px; height: 20px; }
/*GRAFICKE MENU*/
#container {
	margin: 0 auto;
  width: 995px;
  font-size: 12px;
  background: url(img/01.jpg) no-repeat top left;
}
#mezicuk {
 
 width: 995px;
 height: 252px;
}
#hlavicka {
  float:left;
  width: 995px;
  height: 56px;
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
#hlavicka a {
 color: #000;
}
#hlavicka a:hover {
 color: #fff;
}
#obal { position: relative;  background: url(img/02.jpg);}
#obal ul { list-style: none; padding: 0; margin: 0px 0 0 0;}
#obal ul li { 
 display: inline; 
 border-left: 1px solid #2763A5; 
 border-right: 1px solid #2763A5; 
 border-top: 1px solid #2763A5; 
 padding: 3px 6px 7px 6px; 
 line-height: 25px; 
 margin: 0px 1px 0px 1px;
}
.modra {
 background: #7387FF url(img/menu_a.png) repeat-x; 
}
.zelena {
 background: #7387FF url(img/menu_b.png) repeat-x; 
}
.zluta {
 background: #7387FF url(img/menu_c.png) repeat-x; 
}
.oranz {
 background: #7387FF url(img/menu_d.png) repeat-x; 
}
#obal ul li a { position: static; text-decoration: none; }
#obal ul li a span { display: none; } 

#obal ul li a:hover span {
  display: block;
  position: absolute;
  top: -240px;
  left: 90px;
  width: 150px;
  height: 150px;
  background-image: url(img/menu2.gif);
  background-repeat: no-repeat;
} 
#obal ul li a:hover#ob0 span { background-position: -1950px 0; }
#obal ul li a:hover#ob1 span { background-position: 0 0; }
#obal ul li a:hover#ob2 span { background-position: -150px 0; }
#obal ul li a:hover#ob3 span { background-position: -300px 0; }
#obal ul li a:hover#ob4 span { background-position: -450px 0; }
#obal ul li a:hover#ob5 span { background-position: -600px 0; }
#obal ul li a:hover#ob6 span { background-position: -750px 0; }
#obal ul li a:hover#ob7 span { background-position: -900px 0; }
#obal ul li a:hover#ob8 span { background-position: -1050px 0; }
#obal ul li a:hover#ob9 span { background-position: -1200px 0; }
#obal ul li a:hover#ob10 span { background-position: -1350px 0; }
#obal ul li a:hover#ob11 span { background-position: -1500px 0; }
#obal ul li a:hover#ob12 span { background-position: -1650px 0; }
#obal ul li a:hover#ob13 span { background-position: -1800px 0; }

/*GRAFICKE MENU KONEC*/
#obaldiv {
 margin: 60px auto 0 auto;
 width:995px;
}
#logo {
 width: 400px;
 height: 80px;
 float: left;
 padding-left: 500px;
}
#logo a {
 font-size: 28px;
 font-weight: bold;
}
#rightmenu {
 float: right;
 width:200px;
 padding: 0px 20px 0 0;
}
#rightmenu ul {
 margin: 0;
 padding: 0;
 list-style: none
}
#rightmenu li {
 line-height: 25px;
 text-align: right;
 
}
#rightmenu a {
 color: #000;
 font-size: 14px;
 font-weight: bold;
 background: url(img/4.gif) no-repeat center right;
 padding-right: 20px;
}
#rightmenu a:hover {
 background: url(img/4b.gif) no-repeat center right;
 color: #555;
}
.content   {  }
.shadow    { background-color: #A6A6FF; width: 1px; }
.productbg { background-color: #FFFFFF; border: #A6A6FF 1px solid; padding: 0px; width: 170px; table-layout: fixed; }
.probgfoot { background-color: #C5E9FE; padding: 0px; }
.showbg    { background-color: #C5E9FE; border: #A6A6FF 1px solid; padding: 5px; text-align: center; font-size: 10px; }
.foot      { background-color: #CDCDF9; background-image: url(img/foot_bg.gif); background-repeat: repeat-x; height: 18px; }

h1         { font-size: 14px; margin: 0px; padding: 0px; font-weight: bold; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; }
h2         { font-size: 12px; margin: 0px; padding: 0px; font-weight: bold; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; }
h3         { font-size: 11px; margin: 0px; padding: 0px; font-weight: bold; color: #A6A6FF; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; }
h4         { font-size: 11px; margin: 0px; padding: 3px; font-weight: normal; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; }
.menu_head           { background: #7387FF url(img/3a.jpg); padding: 0px 10px 0px 10px; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 17px; font-weight: bold; color: #ffffff; text-decoration: none;  text-align: right;}

.menu_head1           { background: #7387FF url(img/3g.jpg); padding: 0px 10px 0px 10px; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 17px; font-weight: bold; color: #ffffff; text-decoration: none; }
.menu_head2           { background: #7387FF url(img/3b.jpg); padding: 0px 10px 0px 10px; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 17px; font-weight: bold; color: #ffffff; text-decoration: none;  text-align: right;}
.menu_head3           { background: #7387FF url(img/3c.jpg); padding: 0px 10px 0px 10px; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 17px; font-weight: bold; color: #ffffff; text-decoration: none;  text-align: right;}
.menu_head4           { background: #7387FF url(img/3d.jpg); padding: 0px 10px 0px 10px; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 17px; font-weight: bold; color: #ffffff; text-decoration: none; }
.menu_head5           { background: #7387FF url(img/3e.jpg); padding: 0px 10px 0px 10px; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 17px; font-weight: bold; color: #ffffff; text-decoration: none; text-align: right;}
.menu_head6           { background: #7387FF url(img/3f.jpg); padding: 0px 10px 0px 10px; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 17px; font-weight: bold; color: #ffffff; text-decoration: none; }
.menu                { width: 205px; border: 0px; padding: 0px; vertical-align: top; }
.menu_categories     { text-align: left; height: 25px; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 12px ; font-weight: bold; color: #222; text-decoration: none; }
.menu_categoriesa     { text-align: left; height: 25px; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 14px ; font-weight: bold; color: #222; text-decoration: none; padding: 0 0 0 10px; }

.menu_categories_sub { text-align: left; height: 15px; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 12px ; font-weight: normal; color: #344028; text-decoration: none; }
.menu_product_foto   { border: #A6A6FF 1px solid; }
.menu_bottom         { width: 205px; height: 20px; }

.left_content        { text-align: left; padding: 10px 12px 10px 12px; vertical-align: top; }
.separator           { background-color: #A6A6FF; width: 1px; }

#spodek {
 float: left;
 margin: 0;
 background: #C6A55E url(img/bcg2.png) left top repeat-x;
 width: 100%;
 padding: 15px 0;
}
#paticka {
  margin: 0 auto;
  width: 995px;
  
}
#paticka img {
 margin: 3px;
}
.input               { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px; font-weight: normal; color: #333333; background-image: url(img/input_bg.gif); background-repeat: repeat-x; border: 1px solid #A6A6FF; }
.searchheight        { height: 20px; }
.uos                 { height: 97px; }
.fontpadd            { border: 0px; padding: 10px 10px 0px 10px; font: 11px Tahoma, Lucida Grande CE, lucida, sans-serif; color: #000000; }
.det                 { font: 11px Tahoma, Lucida Grande CE, lucida, sans-serif; color: #000000; text-align: center; }
.graf                { background-color: #C4D6FC; margin-top: 4px; font-size: 0px; height: 7px; }

.product_list_foto	 { padding: 5px 0px 4px 0px; border-bottom: 1px solid #A6A6FF; vertical-align: top; }
.product_list_data	 { width: 100%; padding: 5px 0px 4px 0px; border-bottom: 1px solid #A6A6FF; vertical-align: top; }
.product_list_price	 { width: 120px; text-align: right; font-weight: bold; padding: 5px; }

.product_comm_price	 { text-decoration: line-through; color: #000000; font-weight: normal;  font-size: 11px; }
.product_price	     { color: red; font-weight: bold;  font-size: 12px; padding: 2px; }

.product_show_table  { margin-left: 3px; }
.product_show_foto	 { border: #A6A6FF 1px solid; margin-right: 5px;}
.product_show_data	 { background-color: #ECECFF; padding: 5px; border-bottom: 3px solid white; vertical-align: top; }
.product_show_price	 { text-align: right; font-weight: bold; padding: 5px; }
.product_show_cost	 { border: 0px; background-color: white; text-align: center; font-family : Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 12px; font-weight: bold; color: red; }
.product_show_comm	 { text-decoration: line-through; color: black; font-weight: bold;  font-size: 11px; }
.product_show_disc	 { font-size: 11px; font-weight: bold; color: #A6A6FF; }
.product_show_avail  { font-size: 11px; font-weight: bold; color: red; }

.order_table_head         { background-color: #CDCDF9; text-align: center; height: 20px; }
TD.order_table_head       { border-right: 1px solid #A6A6FF }
.order_table_data_odd     { background-color: #B4E2FE; }
.order_table_data_even    { background-color: #C5E9FE; }
TD.order_table_data       { padding: 5px; border-right: 1px solid #A6A6FF; text-align: right; }
.order_table_footer       { background-color: #CDCDF9; text-align: right; height: 20px; padding: 5px; }
.order_table_footer_light { background-color: #ECECFF; text-align: right; height: 20px; padding: 5px; }

.hr              { width: 100%; height: 1px; background-color: #A6A6FF; }
.operation_table { border: 0px; padding: 0px; width: 300px; }
.alert           { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 12px ; font-weight: bold; color: red; text-decoration: none; text-align: center; }
.ok              { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 12px ; font-weight: bold; color: green; text-decoration: none; text-align: center; }
.image_border    { border: 0px solid #A6A6FF; }
.tekstX    { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 10px ; font-weight: normal; color: green; text-decoration: none; }

.tekst8    { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 10px ; font-weight: normal; color: #000000; text-decoration: none; }
.tekst9    { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px ; font-weight: normal; color: #000000; text-decoration: none; }
.tekst10   { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px ; font-weight: bold; color: #000000; text-decoration: none; }
.px	       { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 1px ; font-weight: normal; color: #000000; text-decoration: none; }

TD.upper        { background-color: #CDCDF9; background-image: url(img/nav_head.gif); background-repeat: repeat-x; height: 21px; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px; font-weight: bold; color: #04CA04; text-decoration: none; }
table.entries   { color : #FFFFFF; font-family : Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px; border: #A6A6FF 1px solid; }
.mgbg           { background-color: #C5E9FE; }

a:link     { color: #333; text-decoration: none; }
a:visited  { color: #333; text-decoration: none; }
a:hover    { color: #3F61FF; text-decoration: none; }
a:active   { color: #3F61FF; text-decoration: none; }

.tekst	          { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px ; font-weight: normal; color: #6464FF; text-decoration: none; }
a.tekst:link      { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px ; font-weight: normal; color: #6464FF; text-decoration: none; }
a.tekst:visited   { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px ; font-weight: normal; color: #6464FF; text-decoration: none; }
a.tekst:active    { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px ; font-weight: normal; color: #04CA04; text-decoration: none; }
a.tekst:hover     { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px ; font-weight: normal; color: #04CA04; text-decoration: none; }

.tekst_b          { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px ; font-weight: bold; color: #6464FF; text-decoration: none; }
a.tekst_b:link    { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px ; font-weight: bold; color: #6464FF; text-decoration: none; }
a.tekst_b:visited { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px ; font-weight: bold; color: #6464FF; text-decoration: none; }
a.tekst_b:active  { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px ; font-weight: bold; color: #04CA04; text-decoration: none; }
a.tekst_b:hover   { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px ; font-weight: bold; color: #04CA04; text-decoration: none; }

.submit  { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px; font-weight: normal; }
.select  { border: 1px solid; border-color: #A6A6FF; font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px; background-color: #FFFFFF; }
.bird    { font-weight: bold; font-size: 11px; color: #db4449; }
.foot_banner  { background: url(img/6.jpg) no-repeat top right; height: 261px; padding: 25px 0 0 0; }
.bannery { text-align: left; float: left; width: 500px; clear: both; padding: 0 0 30px 10px; }
.copy { text-align: center; float: left; width: 450px; clear: both; padding: 30px 0 5px 10px; }
.bannery img   { border: #A6A6FF 1px solid; }
.filelist     { float: left; margin: 2px 6px 5px 0; }

/*
Thickbox
*/
#TB_window { font: 12px Tahoma, Lucida Grande CE, lucida, sans-serif; color: #333333; font-weight: bold; }
#TB_secondLine { font: 11px Tahoma, Lucida Grande CE, lucida, sans-serif; color:#666666;}
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border: 0px; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; }
#TB_title{ background-color:#e8e8e8; height:27px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_overlay { /* ie6 hack */  position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }