/*
GZ Digital Media
----------------
Author: munio webdesign
URL: 	http://munio.cz/
*/

/* basic
-------------------- */
h1, h2, p, ul, ol, li, form, fieldset {margin:0; padding:0}
html, body {text-align:center}
body {margin:0px 0 20px 0; background:#F1F6FC url('../img/css/bg.png') left -16px repeat-x; color:#666; 
font-size:80%; font-family:Arial, Helvetica, sans-serif;
}
#page {width:812px; margin:0 auto; text-align:left; background:#fff; position:relative;
top:-16px;}

h1 {font-size:1.7em; color:#FA741B; margin-bottom:15px; font-weight:normal}
h2 {font-size:1.7em; color:#FA741B; margin-bottom:15px; font-weight:normal}

p, li {font-size:0.95em; margin-bottom:1.5em; line-height:1.5em}
ul {margin:0 0 1.5em 20px}
ol {margin:0 0 1.5em 25px}
ul li, ol li {margin:0}

a {color:#4C87BA; text-decoration:underline; cursor:pointer}
a:hover {color:#FA741B}
a:focus {background:#4C87BB; color:#fff}
a img {border:none}
img[alt] {font-size:9px}


/* head
-------------------- */
#head {width:812px; height:198px; margin-bottom:0px; position:relative; background:url('../img/css/head.jpg') left top no-repeat}
#head a {width:210px; height:65px; position:absolute; left:0; top:0}
#head span {display:block; width:210px; height:65px; position:absolute; left:0; top:0; z-index:1; background:url('../img/css/head.png') left top no-repeat}

#logomenu {position:absolute; left:40px; top:61px; width:180px}
#logomenu ul {margin:0; list-style:none; text-transform:uppercase}
#logomenu li a {display:block; color:#003D9E; text-decoration:none; font-weight:bold; height:30px; line-height:30px}
#logomenu li a:hover,#logomenu li a.active {color:#FA741B}

#menu {position:absolute; top:141px; left:250px}
#menu ul {margin:0}
#menu li {
float:left; list-style:none; 
margin:0 2px 0 0; font-weight:bold; 
font-size:12px
}

#menu li.space {
float:left; list-style:none; 
margin:0 5px; 
font-weight:bold; 
font-size:12px
}


#menu li a {
display:block; height:45px; line-height:45px; 
float:left; padding:0 8px; text-decoration:none; 
color:#666; position:relative;
background:url('../img/css/menu_right_un.png') right bottom no-repeat;
}

#menu li.gold a {
display:block; height:45px; line-height:45px; 
float:left; padding:0 8px; text-decoration:none; 
color:#666; position:relative;
background:url('../img/css/zalozky_oranz.png') right bottom no-repeat;
}

#menu li a:hover, #menu li a.activ {
color:#fff; 
background:url('../img/css/menu_right.png') right top no-repeat;
}

#menu li.gold a:hover span,
#menu li.gold a.activ span,
#menu li a:hover span, 
#menu li a.activ span {
display:block; width:10px; height:10px; 
position:absolute; left:0; top:35px; 
background:url('../img/css/menu_left.png') left top no-repeat;
}

#menu li a span {
	display: block; 
	width: 10px; 
	height: 10px;
	position: absolute; 
	left:0; 
	top:35px; 
	_top: 30px;
	background: url('../img/css/menu_left_un.png') left bottom no-repeat;
}

#menu li.gold a span {
	display: block; 
	width: 10px; 
	height: 10px;
	position: absolute; 
	left:0; 
	top:35px; 
	_top: 30px;
	background: url('../img/css/zalozky_oranz_roh.png') left bottom no-repeat;
}

#flag {position:absolute; left:255px; top:44px}
#flag ul {margin:0; list-style:none}
#flag li {float:left}
#flag_cz a, #flag_de a, #flag_en a {display:block; width:38px; height:22px; position:relative; overflow:hidden}
#flag_cz a span, #flag_de a span, #flag_en a span {display:block; width:38px; height:22px; position:absolute; left:0; top:0}
#flag_cz a span {background:url('../img/css/flag_cz.png') left top no-repeat}
#flag_de a span {background:url('../img/css/flag_de.png') left top no-repeat}
#flag_en a span {background:url('../img/css/flag_en.png') left top no-repeat}

#login {position:absolute; left:570px; top:30px;}
#login fieldset {border:none}
#login legend {display:none}
#login input.text {
  width:135px; padding-left:5px; 
  color:#8c8c8c; margin-bottom:5px; 
  font-size:0.85em;
  border: 1px solid #eaeaea;
}

#login_img {
  display: block;
  color: #fff;
  margin-bottom: 5px;
  font-weight: bold;
  font-size:13px;
}

#login .odkazy {
   color: #F38a49;
   margin-top: 5px;
}

#login {

}

#login a {
  color: #F38a49;
}

#login a:hover {
  color: #fff;
}

#login a.orange_button1 {
  background: url(../img/orange_button1.png) no-repeat;
  width: 75px;
  height: 21px; 
  color: #ffffff;
  padding: 1px 0px 4px 0px;
  display: block;
  text-align: center;
  text-decoration: none;
}

#login a.orange_button3 {
  background: url(../img/orange_button3.png) no-repeat;
  width: 158px;
  height: 21px; 
  color: #ffffff;
  padding: 1px 0px 4px 0px;
  display: block;
  text-align: center;
  text-decoration: none;
}

#login #vstup {
  width:83px; height:25px; 
  line-height:19px; margin:0 5px 0 0px; 
  padding:0 0 2px 0; 
  background:url('../img/css/login_submit2.png') left top no-repeat; 
  color:#000; font-size:0.85em; border:none; font-weight:bold
}


#login_lista {
  color: #ffffff;
  margin: 20px 0px 0px 0px;
}


#login_lista a:hover {
  color:#fff;
}



.TABproduct_detail .fck_editor a {
  background: url(../img/button_orange1.gif) no-repeat;
  width: 75px;
  height: 21px; 
  color: #ffffff;
  padding: 1px 0px 4px 0px;
  display: block;
  text-align: center;
  text-decoration: none;
}


/* content
-------------------- */
#content {clear:both; width:779px; padding:0 20px 0 13px; background:#fff; overflow:hidden}

/* left
-------------------- */
/*
#left {float:left; width:188px; padding:15px; 
background:url('../img/css/bg_left.png') left top no-repeat;
}
*/

#leftWrap {float:left; width:217px; background:url('../img/css/bg_left.png') left top no-repeat}
#left { position: relative; top: 20px; padding:15px; border-right: #cddfee solid 1px; }


/*menu na jednotlivych strankach*/
#sitemenu {margin:0}
#sitemenu li {list-style:none; padding-left:20px; background:url('../img/css/sitemenu_li.png') left 8px no-repeat;}
#sitemenu li a {color:#0773B4; text-decoration:none; font-weight:bold}
#sitemenu li ul {margin-bottom:0; list-style:none}
#sitemenu li ul li {border-bottom:1px solid #D5E7F2; background:none; padding:0}
#sitemenu li ul li a {color:#000; text-decoration:none}

#sitemenu li.into_2 {
  border-bottom:1px solid #D5E7F2; background:none; padding:0;
  margin-left:20px;
}

#sitemenu li.into_2 a {
  color:#000; text-decoration:none
}

/*novinky*/
#left p {margin:0}
.date, .novinka {font-size:1.1em; font-weight:bold}
.date {color:#FA741B}
.novinka {color:#0773B4}
.detail {margin-top:5px}
.detail a {color:#000; text-decoration:none; font-weight:bold; padding-left:15px; background:url('/img/css/left_detail.png') left center no-repeat}
.left_cleaner {width:100%; height:40px; background:url('../img/css/left_cleaner.png') center center no-repeat}


/* right
-------------------- */
/*
#right {float:right; width:517px; padding:15px; background:url('../img/css/bg_right.png') left top no-repeat}
*/

#rightWrap {float:right; width:546px; 
background: #ffffff url('../img/css/bg_right.png') left top no-repeat;

}
#right { position: relative; top: 20px; 
border-right: #cddfee solid 1px; 
padding: 15px;
margin-bottom: 20px;
_width:515px;
overflow: hidden;
}


/* footer
-------------------- */
#footer {width:812px; height:50px; background:#fff url('../img/css/bg_footer.png') center top no-repeat; text-align:center; position:relative}
#footer a {text-decoration:none}
#foot_center, #foot_right, #foot_left {position:absolute; top:5px}
#foot_center {left:200px; width:400px}
#foot_center a {color:#8c8c8c; padding:0 5px 8px 5px; background:url('../img/css/footer_sipka.png') center bottom no-repeat; font-size:12px}
#foot_right {left:607px; padding-right:15px; width:191px; text-align:right; font-size:0.9em}
#foot_right a {color:#c8c8c8}
#foot_left {left:0; padding-left:15px; width:191px; text-align:left; color:#c8c8c8; font-size:0.9em}

/* others
-------------------- */
hr, h4 {display:none} /*h4 tvori skryte nadpisy menu*/





/* Tab form -- registracne formy a pod  */
.tab_form fieldset
{
  border: #0773B4 1px solid;
  margin: 10px 30px 20px 30px;
}

tab_form_light fieldset {
}

.tab_form fieldset legend {
  color: #0773B4;
  font-weight: bold;
}

.tab_form p
{
  margin: .5em 0;
  padding: 0;
}

p {
  margin: 3px;
  padding: 0;
}



/* tab form - labely lavy stlpec
, inputy pravy */
.tab_form label, .tab_form .left-col,
.tab_form table td.td-left-col
{
  width: 45%;
  text-align: right;
}

.tab_form textarea,
.tab_form input {
  border: 1px #646464 solid;
  padding: 1px 2px;
}



.tab_form label, .tabular .left-col
{
  padding: 0px 5px 0px 0px;
  float: left;
}

.tab_form .left-col
{
  padding-top: 0;
}

/* NA switche vo formulary */
.box-on, .box-off
{
  border: #0773B4 1px solid;
  padding: 3px 5px;
  background-color: #fff;
  text-decoration: none;
  color:#0773B4;
  font-weight: bold;
  display: inline-block;
}

.box-off
{
  background-color: #ffffff;
  font-weight: normal;
  font-size:11px;
  display: inline-block;
}

.boxswitch_content {
  background-color: #F4FBFF;
}

.boxswitch
{
  text-align: center;
  border-bottom: #B7D6E7 1px solid;
  padding-bottom: 5px;
}
/* end switche vo formulary */

#NAtab_product_list thead {
  
}

#NAtab_product_listakcni_nabidka_ext tr th,
#NAtab_product_list thead tr th {
  visibility:hidden;
}

#NAtab_product_listakcni_nabidka_ext tr td,
#NAtab_product_list tr td {
  border-bottom: 1px solid #CDDFEE;
}

#NAtab_product_listakcni_nabidka_ext tr.footer td,
#NAtab_product_list tr.footer td {
  color: #0773B4;
  padding: 2px 0px 2px 0px;
}

#NAtab_product_listakcni_nabidka_ext tr.footer a,
#NAtab_product_list tr.footer a {
  text-decoration: none;
}

#NAtab_product_list {
 
}

.quick_sort label {
  color:  #0773B4;
}

.navig_bar {
  margin-bottom: 10px;
  color: #666666;  
}

.navig_bar a {
  font-weight: bold;
  color: #FA741B;
}


.product_boxik {
 width:250px;
 font-size: 11px;
 text-align: left;
 height: 120px;
 display: block;
 margin-top:5px;
}

.img_boxik {
  width: 90px;
  height: 120px;
  float:left;
  overflow: hidden;
  margin-right:5px;
}

.product_boxik .obsah {
  width:152px; 
  height: 120px;
  float:left;
}

.product_boxik .obsah .text {
  height: 92px;
  margin-bottom:3px;
  overflow: hidden;
}

.product_boxik .obsah .order_box {
  text-align: right;
}

.product_boxik .obsah h2 {
  font-weight: bold;
  margin: 0px 0px 3px 0px;
  font-size:14px;
}

.product_boxik .obsah h2 a {
  text-decoration: none;
}

.product_boxik .blue,
.product_boxik .cena_normal b,
.product_boxik .kod b {
  color: #0773B4;
}

input.submit,
.submit,.submit_big,
input.product_submit_order {
  background: url(../img/css/blue_button.gif) center no-repeat;
  border: none;
  width: 90px;
  padding: 0px 0px 2px 0px;
  color: #fff;
}

.submit_big {
   background: url(../img/css/big_blue_button.gif) center no-repeat;
   width: 240px;
}


.product_detail td.detail_value {
  padding: 1px 0px 1px 0px
}

.product_detail .detail_value h2 {
  margin: 0px;
  color:  #FA741B;
}

.product_detail .detail_label {
  color:  #0773B4;
  font-weight: bold;
  width: 120px;
  vertical-align: top;
}

.product_detail .cash_count {
  border: 1px solid #0773B4;
  background: #d8e5f1;
  padding: 0px 0px 0px 2px;
}

.TABproduct_detail {
  width: 510px;
}


.product_detail .textarea {
  text-align: justify;
}

.product_detail .textarea IMG {
  float: right;
  margin: 0px 0px 5px 15px;
}

.obj_prepare thead tr,
.obj_prepare .bold,
.cash_desk .bold,
.cash_desk thead tr {
  color:  #0773B4;
}

.obj_prepare .suma,
.cash_desk .suma {
  color:  #FA741B;
  font-weight: bold;
}

.confirm_icon,
.confirm_text {
  float: left;
  margin: 10px 0 20px 20px;
}

.confirm_text {
  padding: 5px 0 0 0;
  color: #646464;
  font-weight: bold;
}

table#NAtab_OBJ_INFO thead tr {
  color:  #0773B4;
}

table#NAtab_OBJ_INFO th {
  padding: 0px 20px 5px 1px;
}

table#NAtab_OBJ_INFO tr td{
  text-align:left;
}

table#NAtab_OBJ_INFO tr.footer td{
  color:  #0773B4;
  padding-top: 10px;
}



.category_boxik {
  margin: 3px 5px 10px 5px;
  width: 90px;
  text-align: center;
}

.category_boxik .img_div {
  height: 120px;
  vertical-align: bottom;
}

.category_boxik .img_div img {
  vertical-align: bottom;
}



.category_boxik h2 {
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  margin: 0; 
}

.category_boxik h2 a {text-decoration: none;}


#navig_content {
  width:779px; 
  height: 28px;
  background:#fff; 
  overflow:hidden;
  display: block;
  z-index: 200;
  
}

#navig_content #left_nav {
  width:225px;
  float:left;
}

#navig_content .search {
  padding: 0px 0px 0px 25px;
}
#navig_content .input {
  border: 2px solid #eaeaea;
   padding: 0px 2px 0px 2px;
}

#navig_content .search_image {
   padding: 0px;
   margin: 0px;
   vertical-align: top;
}


#navig_content #right_nav {
  width:500px; 
  float:left;
  padding: 4px 0px 0px 30px;
  font-size: 12px;
}

#navig_content #right_nav a {
  color: #FA741B;
  text-decoration: none;
}

#navig_content #right_nav a:hover {
  text-decoration: underline;
}


#head span.gz_publishing {display:block; width:124px; height:56px; 
position:absolute; left:65px; top:3px; z-index:1; 
background:url('../img/css/logo_publishing.png') left top no-repeat}

.clear {
  clear: both;
}

#right hr {
  display: block;
}

hr.blue {
  color: #CDDFEE;
  background: #CDDFEE;
  border: none;
  border-bottom: 1px solid #CDDFEE;
  height: 1px;
}
/*--------------*/



.clear_filter {
  width: 100px;
  float: right;
  
}

.clear_filter a {
  color: #FF0000;
}

.filter_checkbox {
  width: 20px;
  float: left;
  vertical-align: middle;
}

.filter_label {
  float: left;
  width: 120px;
  color: #000;
}

.detail_search,
.quick_filter {
  padding: 5px 5px 5px 5px;
  border: 1px solid #0773B4;
  color: #0773B4;
  width: 450px;
}

.detail_search .text {
  color: #000;
}

