body { 
    background: url('../img/background.jpg'); 
    margin: 0 0 0 0; 
}
body, ul, textarea, span { 
    font-family: arial, helvetica; 
    font-size: 12px; 
    color: #000; 
}
.hid { display: none; }
.rfl { float: right; }
.lfl { float: left; }
.rcl { clear: right; }
.lcl { clear: left; }

.cleaner { clear: both; }

a { 
    color: #000; 
    text-decoration: none; 
}
a:hover { 
    text-decoration: underline; 
}

.green{
    color:#9bd21f;
}

img { 
    border: 0; 
}
form { 
    margin: 0; 
}
fieldset { 
    border: 0; 
    margin: 0; 
    padding: 0; 
}

/* controls */
h1, h2, h3 { margin: 0; }

.title { 
    color: #4b4b4b; 
    font-size: 14px; 
    font-weight: bold; 
    text-transform: uppercase; 
}

.title .green { 
    background: url('../img/title_gr.gif') repeat-x; 
}

div.obsah {
    width: 200px;
    float: left;
}

h1.prod_m {
    color:#9BD21F;
    font-size:20px;
}

.p_m_velikosti {
    font-weight: bold;
    background: url(../img/velkost.gif) no-repeat 1px;
    margin: 7px 0px;
    padding: 3px 0px 3px 25px;
}

.p_m_barva {
    font-weight: bold;
    background: url(../img/barevne_provedeni.gif) no-repeat left;
    margin: 7px 0px;
    vertical-align: middle;
    padding: 3px 0px 3px 25px;
    width: 170px;
}

.p_m_cena_old {
    text-decoration: line-through;
}

.p_m_akcni_cena {
    float:left;
    width: 100px;
    text-align: center;
}

.boxik_akcni_cena {
    float:left;
    width: 90px;
    text-align: center;
}

.det_akcni_cena {
    float:left;
    width: 160px;
    text-align: left;
    margin: 0px 0px 5px 5px;
}

.pokyny_udrzba {
  float: left;
  width: 180px;
  margin: 5px 0px;
}


.p_m_od {
    width: 20px;
    float: left;
    font-weight:bold;
}

span.mezerka {
    padding: 0em 0.1em;
    
}

.cena_p_m {
    width: 120px;
    float:left;
    margin-right:5px;
}

.big_price{
    color:#fa0a00;
    font-size:18px;
    
}



div.sep { 
    height: 1px; 
    margin: 10px 0; 
    font-size: 1px; 
    background: #a8c1c8; }

#page { 
    width: 997px; 
    margin: 0 auto; 
    overflow: hidden; 
    background: url(../img/bg.jpg) repeat-y;
    position: relative;
    top: -15px;
}

/******************************* HLAVICKA STRANKY ********************************/
#header { 
    height: 224px; 
}
#header_left { 
    position:relative;
   
    background-repeat:no-repeat;
    width: 631px; 
    height: 224px; 
    float: left; 
}

#header_left img{
    margin:0px;
    padding:0px;
    height:178px;
}

#href_homepage{
    position:absolute;
    top:0px;
    left:0px;
    width:220px;
    height:160px;
}

/**********  PRAVA CAST HLAVICKY ************/
#header_right { 
    position:relative;
    width: 341px; 
    height: 214px; 
    float:right;
    padding: 5px 5px 5px 20px; 
    background: url('../img/hdrright.gif') no-repeat; 
    overflow: hidden; 
}

#akce_sleva h3 {
  color: #9d9d9d;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: normal;
}

#akce_sleva  {
  color: #fff;
  font-size: 1em;
  width: 150px;
  margin-top: 15px;
}

#lang_menu{
    position:absolute;
    top:20px;
    right:20px;
}


/*************** main menu ***********/

#main_menu{
    position:absolute;
    left:0px;
    bottom:0px;
    width: 631px; 
    height: 35px; 
    margin: 0; 
    padding: 0; 
    background: url(../img/menu_bg.jpg) no-repeat right;
}

#main_menu ul, li
{
    list-style: none;
    margin: 0;
    padding: 0;
}

li a
{
    display: block;
    text-decoration: none;
}

ul.uroven1 li{
    float:left
}

li.uroven1
{
    height:35px;
    position: relative;
    behavior: url('/client_data/19/css/hovermenu.htc');
    
}

li.uroven1 a{
    padding-left:12px;
    padding-top:8px;
    color: #eee; 
    font-weight: bold; 
    font-size: 12px; 
    text-transform: uppercase; 
    letter-spacing: -0.2px; 
}

ul.uroven2
{
    position: absolute;
    left: 0px;
    top: 33px;
    width:177px;
    visibility: hidden;
    background:#fad718;
    z-index:100;
}

li.uroven2
{
    width:172px;
    padding:3px 5px 3px 0px;
    background: url('../img/submenu_sep.gif') no-repeat; 
    behavior: url('/client_data/19/css/hovermenu.htc');
    z-index:100;
}

li.no_sep
{
    background: none; 
}

li.uroven2 a
{
    text-transform: none; 
    margin-bottom:3px;
    color:#4b4b4b;
}




ul.uroven1 li.uroven1Hover ul.uroven2,
ul.uroven1 li.uroven1:hover ul.uroven2
{
    visibility: visible;
}


#main_menu li.tab1 { 
    width: 174px; 
    background: url('../img/bg_tab1.gif'); 
}
#main_menu li.tab2 { 
    width: 86px; 
    background: url('../img/bg_tab2.gif'); 
}
#main_menu li.tab3 { 
    width: 108px; 
    background: url('../img/bg_tab3.gif'); 
}
#main_menu li.tab4 { 
    width: 152px; 
    background: url('../img/bg_tab4.gif'); 
}
#main_menu li.tab5 { 
    width: 111px; 
    background: url('../img/bg_tab5.gif'); 
}

/**************************************************/


#action_img { 
    width: 75px; 
    height: 42px;
    margin-top: 7px; 
    margin-left: 10px;
    position: absolute; 
}



/**** PRIHLASOVACI FORMULAR *****/

.attention_login{
    position:absolute;
    bottom:75px;
    left:40px;
    color:red;
    font-weight:bold
}

#user_login_form{
    position:absolute;
    bottom:15px;
    right:15px;
    font-size:12px;
    color: #ed1c24;
}

#user_login_form input.text_input{
    background:url('../img/input_text_bg.jpg') no-repeat left;
    border:none;
    width:110px;
    height:16px;
    margin:0px;
    padding:3px 3px 3px 4px;
}

#user_login_form th{
    font-size:12px;
    color: #fff;
}

#user_login_form tr td {
 padding: 1px 2px;
}

#user_login_form tr.label td {
 color: #fff;
 font-weight: bold;
}

#user_login_form a{
    font-size:12px;
    color:#ed1c24;
}


/*** INFO FORMULAR ****/
#user_signed{
    position:absolute;
    top:55px;
    right:15px;
    color:#fff;
    width: 140px;
}

#user_signed .user {
  float: right;
}

#user_row a,
#user_signed a{
    color:#ed1c24;
}

#user_signed hr{
    height:1px;
    border:none;
    background:#ed1c24;
    color:#ed1c24;
}

#user_signed .cena {
  text-align: right;
  color: #ed1c24;
  font-size: 1.4em;
}

#user_signed td.ks {
  font-size: 1em;
  text-align: right;
  width: 140px;
}

#user_signed span.ks {
  color:#ed1c24;
}

input.koupit_btn {
 border:0;
  width: 92px;
}

.koupit_btn,
#content a.koupit_btn_p_m:hover,
#content a.koupit_btn_p_m,
#content a.koupit_btn:hover,
#content a.koupit_btn {
  background: url(../img/koupit_btn.jpg) no-repeat left;
  display: block;
  width: 82px;
  padding: 4px 9px 4px 25px;
  text-align: left;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#content a.koupit_btn_p_m:hover,
#content a.koupit_btn_p_m {
  width: 37px;
  display: inline-block;
}

a.order_btn {
  background: url(../img/order_btn.jpg) no-repeat right;
  display: block;
  width: 82px;
  float: right;
  padding: 4px 9px 4px;
  font-size: 0.9em;
  text-align: right;
  margin-bottom: 5px;
  margin-top: 5px;
}

a.logout_btn {
  background: url(../img/login_btn.jpg) no-repeat right;
  display: block;
  width: 64px;
  float: right;
  padding: 4px 0 4px;
  font-size: 0.9em;
  text-align: center;
  margin-top: 3px;
}

#user_row span {
  color:#ed1c24;
}

#user_row .u_profile {
  float: left;
  margin-left: 20px;
   _margin-left: 20px;
   margin-top: 5px;
}

#user_row a.logout_btn {
  color: #fff;
  text-decoration: none;
}

#user_signed a.order_btn {
  color: #fff;
  text-decoration: none;
}


#user_row {
  position:absolute;
  bottom:20px;
  right:15px;
  font-size:12px;
  color: #ed1c24
}  


/**************** LAVE MENU ********************/
#left { 
    width: 174px; 
    float: left;
    overflow: hidden; 
    background:#e6e6e6;
    min-height: 700px; 
    _height: 700px; 
}

#left p{
    margin-left:10px;
}


#menu { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
}

#menu ul{
    margin:0;
    padding:0;
    list-style: none; 
}

#menu li { 
    margin:0;
    padding: 10px 8px 2px 8px;
    background: url('../img/menu_sep.gif') no-repeat; 
}
#menu li.nobg { 
    background: none; 
}
#menu li a {     
    color: #343434; 
    font-weight:bold;
    font-size: 12px; 
    text-transform: uppercase; 
}

#menu li a.active{
    color:red;
}

/**SUBMENU--zanorene polozky**/
#menu li.into_1 {     
    margin:0;
    padding:3px 5px 3px 15px;
    background: none; 
}

#menu li.into_1 a {     
    color: #343434; 
    font-size:11px;
    font-weight:bold;    
    text-transform:none; 
}

#menu li.into_1 a.active {     
    color: red; 
}

/*** special popis pod menu ***/
#menu li.special_li {
    background-image: url('../img/menu_sep.gif');
    background-repeat: no-repeat;
    background-position: 0px 23px;    
    text-transform: uppercase;
    font-weight: bold;
}


/********************************** OBSAH STRANKY **********************************/
#content { 
    width: 783px; 
    _width: 803px;
    float: left; 
    padding: 15px 10px; 
    
    color:#4b4b4b;
    text-align:justify;
    overflow:auto;
    
}

#content a{
    color:#9BD21F;
    text-decoration:none;
}

#content a:hover{
    color:#9BD21F;
    text-decoration:underline;
}

#left_col{
    width:500px;
    float:left;
}

#right_col_det,
#right_col{
    margin: 18px 0px 0px 5px;
    width:260px;
    float:right;
    overflow:hidden;
}

#right_col_det{
    margin: 2px 0px 0px 5px;
}

.box{
    width:100%;
}


h2 {
    font-size:13px;
}

h1 {
    margin-bottom:5px;
}

.title_green{
    background: url('../img/green_title_decor.gif') repeat-x 5px;
}

h1.title_green {
    padding-bottom:5px;
    position: relative;
    top:-7px;
    _position: static;
    *position: static;
}


.title_green span{
    background: white;
    padding-right:5px;
    color:#91938c;
    font-size:13px;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing: -0.2px; 
}

.title_grey{
    width:100%;
    display:block;
    background:white;
    background-image:url('../img/grey_title_decor.gif');
    background-repeat:repeat-x;
    background-position:5px;
    margin-bottom: 5px;
}

.title_grey span{
    background:white;
    padding-right:5px;
    color:#91938c;
    font-size:13px;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing: -0.2px; 
}

.ico_prod_m {
   
    height: 52px;
}



/********************************** PATKA STRANKY **********************************/
#footer { 
    clear: both; 
    font-size: 11px; 
    color: #FFF;
    padding: 10px; 
    background:#636363;
    height:15px;
}

#footer_menu { 
   float: left;
   width: 580px;
   margin: 0px 10px 0px 10px;
   font-weight: bold;
   text-align: center;
}

#footer_menu .separ {
  padding: 0px 5px;
  color: #fff;
  font-weight: bold;
  
}

#footer a { 
    color: #FFF; 
    text-decoration: none; 
    text-transform: uppercase; 
}
#footer a:hover { 
    text-decoration: underline; 
}

#footer .actimmy {
 
  color:#fff;
  float:right;
}


#footer .copy {
  width: 164px;
  color:#fff;
  float:left;
}

#footer span a{
    text-transform: lowercase; 
}


/***********************************************************************************/

/****KATEGORY BOX********/
.kategory_boxik{
    text-align:center;
    margin:5px;
}

.kategory_boxik img{
    padding:7px;
    border:2px #bfbfbf dotted;
}

.kategory_boxik a{
    color:#9bd21f;
    font-weight:bold;
    text-decoration:none;
}

.kategory_boxik a:hover{
    text-decoration:underline;
}



.small_price{
    color:#fa0a00;
    font-size:14px;
    font-weight:bold;
}

/*******PRODUCT BOX******/
.product_box{
    width:245px;
    float:left;
    margin:2px;
    text-align:left;
}

.product_box img.box_img{
    padding:5px;
    border:2px #bfbfbf dotted;
    width: 100px;
    height: 100px;
}

.product_box span.prod_title a{
    color:red;
    font-weight:bold;
}


/**********FOTOGALERIA***********/

.photogallery img{
    border:2px #bfbfbf dotted;     
    margin-right: 5px;  
}

.photogallery span.description{
    color:#9bea01;
    font-weight:bold;
}

/************DETAIL PRODUKTU********/
.detail_img{
    margin:5px;
    float:left;
}

/**************barva_radio_table********/
.barva_radio_table td{
    font-size:12px;
    font-weight:bold;
}

/**********velkost_radio_table**********/
.velkost_radio_table{
    margin:0px;
    padding:0px;
    width: 235px;
}

.velkost_radio_table td{
    font-weight:bold;
}

.velkost_radio_table td .dot_sm,
.velkost_radio_table td .dot{
    border-bottom: 2px dotted #e6e6e6;
    width: 115px;
    height:10px;
    _margin-bottom:7px;
}

.velkost_radio_table td .dot_sm {
    width: 80px;
    float: left;
    
}


.cena_old {
    text-decoration: line-through;
    font-size: 0.9em;
    float: right;
    _margin-top:2px;
}

.akcni_cena {
    color: #fa0a00;
}


.dostupnost,
.barvy {
    margin-top:5px;
    color: #000;
    padding-top: 5px;
}

.dostupnost strong {
    float: left;
}

.dostupnost_text {
    float: right;
    font-weight: bold;
}





.barvy h3 {
    font-size: 1em;
    margin-bottom: 5px;
}

h3.no_margin {
    margin: 0;
}

/*******************FORMULAR************/
.cash_count{
    height:19px;
    width: 119px;
    border: 0px;
    background: url(../img/kosik_input.jpg) no-repeat center center;
    text-align: right;
    padding: 3px 30px 0px 10px;
}


.center {
    text-align: center;
}



/** TABLE LIST  ***/
table.qt_kategorie {
    margin: 0 auto;
}



/* Product List */
table.products_list tfoot {
    color: #FA0A00;
    font-size: 1.3em;
}

table.products_list tfoot a,
table.products_list tfoot span a {
    color: #FA0A00;
    font-size: 1.2em;
}

table.products_list tfoot span.active a {
    font-weight:bold;
    color: #9bd21f;
    font-size: 1.2em;
}

.vypis_page {
    font-size: 1.2em;
    color: #9bd21f;
    font-weight: bold;
    text-align:right;
    padding-right: 50px;
}


/******REGISTRACNY FORMULAR********/
.error{
    color:red;
    font-weight:bold;
}

#registration th{
    width:100px;
}

#registration input{
    width:160px;
}

#registration input.radio{
    width:10px;
}

#registration select{
    width:160px;
}

#registration caption{
    text-align:left;
    font-weight:bold;
}


#registration table.dotaznik{
    width:300px;
}

#registration td.error input{
    border:1px red solid;
}

#registration fieldset.form legend{
    font-weight:bold
}

#registration fieldset.form{
    width:300px;
    border:1px #333 solid;
    padding:8px;
    margin-right:5px;
}

 
.submit_big, input.submit,
.tab_form input.submit {
  background:transparent url(../img/blue_button.gif) no-repeat scroll center;
  border:0px;
  color:#FFFFFF;
  padding:0px 0px 2px;
  width:90px;
  cursor: pointer;
}

.submit_big {
  background:transparent url(../img/big_blue_button.gif) no-repeat scroll center;
  width:240px;
  cursor: pointer;
}



/** Kosik  **/
.pretty_text, 
.odber_text {
background:#E6E6E6  none repeat scroll 0%;
border:1px solid #999999;
padding:3px;
}

hr.green {
  color:#9BD21F;
  background-color: #9BD21F;
  border-color: #9BD21F;
  border-style:none none solid;
  border-width:medium medium 1px;
  height: 1px;

}

.obj_zak_kod {
  width: 200px;
  border:1px solid #646464;
padding:1px 2px;
}

.obj_poznamka {
  width: 300px;
  height: 50px;
  border:1px solid #646464;
padding:1px 2px;
}
/******/


/**  Tab form  **/
.tab_form fieldset {
border:1px solid #333;
}
tab_form_light fieldset {
}
.tab_form fieldset legend {
color:#9BD21F;
font-weight:bold;
}
.tab_form p {
margin:0.5em 0pt;
padding:0pt;
}
p {
margin:3px;
padding:0pt;
}
.tab_form label, .tab_form .left-col, .tab_form table td.td-left-col {
text-align:right;
width:45%;
}
.tab_form textarea, .tab_form input {
border:1px solid #333;
padding:1px 2px;
}
.tab_form label, .tabular .left-col {
float:left;
padding:0px 5px 0px 0px;
}
.tab_form .left-col {
padding-top:0pt;
}


/** potvrzeni Objednavky   ***/
.confirm_icon,
.confirm_text {
  float: left;
  margin: 0px 0 20px 10px;
}

.confirm_text {
  padding: 5px 0 0 0;
  color: #646464;
  font-weight: normal;
}
/**************/

/** LOST PASSWORD  ***/
table.lost_pass {
  margin-left: 100px;
}

table.lost_pass .submit {
  margin-top: 10px;
}
/******/


.red,
.require {
  color: red;
}


.obj_nereg_odb {
  float: left;
  width: 350px;
}

.obj_nereg_fakt {
  float: right;
  width: 350px;
}

/***********************/


/**************info table****************/
#info_table table td, 
#NAtab_OBJ_INFO th{
    padding:0px 5px;
}