* { margin: 0; padding: 0; }

p, td, ol, ul
{
  line-height: 1.5;
}

body 
{
 font-family: Tahoma, sans-serif;
 font-size: 75%;
 background: #fff;
 text-align: center;
 color: #444;
}

/*******************************************************************
 * ROZLOZENI STRANKY
 *******************************************************************/ 
#main 
{ /* hlavni kontejner */
 position: relative;
 width: 980px;
 margin: 0 auto;
 text-align: left; 
}

#top
{ /* hlavicka */
  width: 100%;
  height: 150px;
  background: url("images/logo_bg.jpg");
}

#menu-top
{ /* horni menu */
  width: 100%;
  height: 40px;
  background: #4d6aaf;
  overflow:hidden;
}

.breadcrumbs
{ /* navigace */
  position: absolute;
  top: -60px; left: -220px;
  width: 965px;
  height: 40px;
  background: #fff url("images/navbar_bg.gif") top left no-repeat;
  line-height: 40px;
  padding-left: 15px;
  padding-bottom: 20px;
}

#main_body
{ /* ramec pro telo sranky (tri sloupce) */
  padding-top:60px;
  overflow: hidden;
  background: url("images/content_c_bg.gif") repeat-y;
}
.katalog #main_body { background-image:url("images/cat_content_c_bg.gif"); }

#left-col
{ /* levy sloupec */
  position: relative;
  left: -540px;
  float: left;
  width: 180px;
  padding: 10px;
  background: #f3f3f3 url("images/col_bg.gif") no-repeat;
}

#content
{ /* prostredni sloupec */
  position: relative;
  left: 220px;
  float: left;
  width: 520px;
  padding: 10px;
  background: #f3f3f3 url("images/content_bg.gif") no-repeat;
}
.katalog #content { width:740px; background-image:url("images/cat_content_bg.gif"); }
.katalog #left-col { left:-760px; }

#right-col
{ /* pravy sloupec */
  float: right;
  width: 180px;
  padding: 10px;
  background: #f3f3f3 url("images/col_bg.gif") no-repeat;
}

#bottom
{
  clear: both;
  position: relative;
  height: 20px;
  padding: 69px 20px 10px 20px;
  margin-bottom: 10px;
  background: url("images/footer.gif") no-repeat;
  color: #4d6aae;  
}
.katalog #bottom { background-image: url("images/cat_footer.gif"); }


/*******************************************************************
 * STYLY PRO HORIZONTALNI MENU
 *******************************************************************/ 
#menu-top ul li
{ /* seznam s odkazy */
  display: block;
  float: left;
}

#menu-top a, #menu-top a.visited
{
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 18px;
  color: #fff;
  font-size: 108.34%;
}

#menu-top a.active, #menu-top a.p-active 
{ /* odkaz na aktualni stranku */
  background: url("images/menu-top_bg.gif");
  text-decoration: none;
  overflow: hidden;
}


/*******************************************************************
 * STYLY PRO NAVIGACNI RADEK
 *******************************************************************/ 
.breadcrumbs span
{
  display: none;
}

.breadcrumbs a, .breadcrumbs a:visited
{
  padding-right: 13px;
  margin-right: 7px;
  background: url("images/odrazka.png") no-repeat right 4px;
}

#navbar span
{ /* uvod navigace */
  position: absolute;
  left: 10px;
  top: 0;
  width: 170px;
  font-weight: bold;  
}

#navbar ul 
{ /* jednotlive odkazy navigace */
  margin-left: 175px;
}

#navbar ul li
{
  display: block;
  float: left;
  background: url("images/odrazka.png") no-repeat right center;
  padding: 0 10px 0 13px;
}

#navbar ul li.last
{ /* posledni polozka navigace */
  font-weight: bold;
  color: #1754a2;  
}

#navbar a, #navbar a:visited
{
  color: #1754a2;
}


/*******************************************************************
 * STYLY PRO LEVY SLOUPEC
 *******************************************************************/ 
#left-col ul 
{ /* hlavni menu 1.uroven */
  margin-bottom: 20px;
}

#left-col ul ul 
{ 
  margin-bottom:0; 
}

#left-col ul li
{
  display: block; list-style-type:none;
}

#left-col ul a, #left-col ul a:visited
{ /* zakladni nastaveni odkazu v menu */
  display: block;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  color: #444;
  background: url("images/menu_bg.gif") repeat-x;
  border-top: 1px solid #fff;
  overflow:hidden;
}

#left-col ul a.first
{ /* prvni polozka menu prvni urovne nema bily prouzek */
  border-top: 0;
}

#left-col ul ul a, #left-col ul ul a:visited
{ /* odkazy menu 2.urovne */
  background: #b2bae8 url("images/odrazka_l2.gif") 11px 11px no-repeat;
  padding-left: 30px;
}

#left-col ul ul ul a, #left-col ul ul ul a:visited
{ /* odkazy menu 3.urovne */
  background: #98a3e5 url("images/odrazka_l3.gif") 21px 11px no-repeat;
  padding-left: 40px;
}

#left-col ul li a.active { text-decoration:none; font-weight:bold; font-size:91.67%; }


/*******************************************************************
 * STYLY PRO PROSTREDNI SLOUPEC
 *******************************************************************/ 
#content h2 { margin:8px 0; font-size:150%; }
#content h2.first { margin-top:0; }
#content h3
{ 
  font-size: 150%;
  font-weight: normal;
  color: #4d6aae;
  margin:8px 0 4px 0;
  clear:left;
}

#content h4
{
  font-size: 100%; 
  font-weight: bold;
  color: #4d6aae;
  margin:4px 0;
}

#content p, #content div.gallery
{
  margin: 8px 0;
}

#content .padding 
{ /*  */
  padding: 10px;
  background: url("images/content_padding_bg.gif") no-repeat bottom left;
  height:100%; 
}

#content .image
{ /* obrazky s nadpisem na vrcholu sloupce*/
  position: relative;
  width: 250px;
  float: left;
  background: #4e6aae;
  color:#fff;
  margin-bottom: 15px;
}
#content .image a { color:#fff; text-decoration:none; }

#content .image.small {
  width:170px;
  margin:10px 0 0 5px;
}
#content .image.small img { width:170px; }
#content .image.small.first { clear:left; margin-left:0; }

#content .image_right
{
  float: right;
}

#content .image div
{
  font-size: 0;
  line-height: 0;
}

#content .image h3
{
  color: #fff;
  font-size: 100%;
  font-weight: bold;
  margin: 8px 9px;
}


/* tabulka v kontaktech */
div.kontakt
{
  margin-bottom: 8px; float:left; width:100%; clear:both; height:100%;
}
div.kontakt #map1, div.kontakt #map2 { margin-top:-20px; }
div.kontakt.vizitka { width:230px; padding:5px 10px; margin:0 9px 9px 0; clear:none; background:transparent url("images/content_vizitka_bg.gif") bottom left no-repeat; }

div.kontakt td
{
  vertical-align: top;
  border:none;
}

div.kontakt td.udaj
{
  width: 100px;
  text-align: right;
  padding-right: 10px;
}

div.kontakt.vizitka td.udaj 
{
  width: 70px;
}

div.kontakt td.osoba
{
  font-weight: bold;
}

div.kontakt tr.zelena
{
  color: #0a0;
  font-weight: bold;
}

#content ul
{
  margin-left: 30px;
}

#content .sitemap
{
  margin-top: 20px;
}

.catalogue-row { clear:both; float:left; width:100%; margin-bottom:15px; }
#content .karta { float:left; width:222px; margin-right:12px; padding:0 8px 45px 8px; background:#fff url('images/corner_b_l_ff.png') bottom left no-repeat; position:relative; text-align:center; }
#content .karta h4 { background:#4e6aae url('images/corner_t_l.png') top left no-repeat; color:#fff; margin:0 -8px 8px -8px; }
#content .karta h4 a { display:block; background:transparent url('images/corner_t_r.png') top right no-repeat; color:#fff; padding:8px 9px; text-decoration:none; height:100%; }
#content .karta p.more { margin:0; text-align:right; position:absolute; bottom:0; right:0; background:url('images/corner_b_r_ff.png') bottom right no-repeat; padding:0 10px 4px 0; }
#content .karta dl { position:absolute; left:0; bottom:0; padding:0 0 4px 10px; width:140px; text-align:left; }
.price-with-tax { font-weight:bold; }
#content .karta.last { margin-right:0; }
.sort a.txt { margin-left:5px; }
.paging { clear:both; }
.product-main-card a.solo-viewer { display:block; margin:0 8px 4px 0; float:left; text-align:center; }
.product-main-card dl { margin-left:230px; }
.product-main-card div.description { clear:both; }
dl dt { float:left; margin-right:4px; }
dl dd { margin-bottom:3px; }
.sale { font-weight:bold; color:#4D6AAE; }
dl.params { margin-bottom:8px; }
#content .variations h3 { font-size:100%; font-weight:bold; }
.variations table { margin:12px auto; }

/*******************************************************************
 * STYLY PRO PRAVY A LEVY SLOUPEC
 *******************************************************************/ 
.common
{ /* modry box ve sloupci */
  position: relative;
  background: #4d6aae;
  padding: 8px 0 10px 0;
  margin-bottom: 30px;
}

.common h3
{
  font-size: 108.33%;
  color: #fff;
  margin: 0 10px 8px 10px;
}

.common h4
{
  font-size: 108.33%;
  margin: 0 10px;
  line-height: 1.5em;
}

.common p
{
  margin: 0 10px;
  font-size: 100%;
}

div.novinky
{ /* prechod v pozadi novinkoveho boxu */
  background: #4d6aae url("images/novinky_bg.png") bottom left no-repeat; 
  padding-bottom: 20px;
}

.common.novinky .body
{ /* bily box v modrem boxu */
  min-height:360px;
}

.common p.novinky
{ /* modry box - novinky */
  font-size: 91.67%;
}

.common p.novinky span
{
  font-weight: bold;
  color: #264282;
}
 
.common .hr
{ /* prvni styl vodorovne cary, kvuli nekonzistenci mezi prohlizeci HR zobrazena pomoci DIVU */
  width: 160px;
  height: 15px;
  border: none;
  margin: 10px 0;
  background: url("images/common_hr.gif");
}

.common .hr_novinky
{ /* vodorovna cara pro novinky */
  width: 135px;
  height: 1px;
  border: none;
  margin: 10px auto;
  text-align: center;
  background: url("images/common_hr2.gif");
}

hr { display: none; }

.common .body
{ /* bily box v modrem boxu */
  position: relative;
  padding: 10px 0;
  margin: 0 10px;
  background: #fff;
}

.common .info-box
{ /* box s mailem a telefonem */
  margin: 1px 11px;
  margin-bottom: 5px;
  height: 20px;
  font-size: 108.33%;
  line-height: 20px; 
}
.common .info-box a, .common .info-box a:visited
{
  color: #fff;
  font-weight: bold;
}

.common .info-box img
{
  float: left;
  margin-right: 10px;
}

.common .tel
{
  font-size: 150%;
  color: #96bd3d;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 0;
}
a.thumb
{ 
  margin: 0 5px 5px 0; 
  height: 90px;
  float:left;
}

a.thumb span.img, a.img span.img
{ 
  position: relative;
  display:block;
  line-height:0; font-size:0;
}

#content p.show_link { text-align:right; margin-top:0; }

/* styly pro zaoblene okraje modrych boxu */
.common .t_l, .image .t_l, .thumb .t_l, .img .t_l
{
  z-index: 10; line-height:0; font-size:0;
  position: absolute;
  display:block; display:block;
  top: 0; left: 0; width: 10px; height: 10px;
  background: url("images/corner_t_l.png") no-repeat;
}
.thumb .t_l { background: url("images/corner_t_l_ff.png") no-repeat; }

.common .t_r, .image .t_r, .thumb .t_r, .img .t_r
{
  z-index: 10; line-height:0; font-size:0;
  position: absolute; display:block;
  top: 0; right: 0; width: 10px; height: 10px;
  background: url("images/corner_t_r.png") no-repeat;
}
.thumb .t_r { background: url("images/corner_t_r_ff.png") no-repeat; }

.common .b_r, .image .b_r, .thumb .b_r, .img .b_r
{
  z-index: 10; line-height:0; font-size:0;
  position: absolute; display:block;
  bottom: 0; right: 0; width: 10px; height: 10px;
  background: url("images/corner_b_r_ff.png") no-repeat;
}

.common .b_l, .image .b_l, .thumb .b_l, .img .b_l
{
  z-index: 10; line-height:0; font-size:0;
  position: absolute; display:block;
  bottom: 0; left: 0; width: 10px; height: 10px;
  background: url("images/corner_b_l_ff.png") no-repeat;
}
.grand { text-align:center; color:#fff; padding-top:2px; }
.grand a { color:#fff !important; display:table; margin:0 auto 3px auto; }
.grand .img .t_l { background: url("images/corner_t_l_ff_blue.png") no-repeat; }
.grand .img .t_r { background: url("images/corner_t_r_ff_blue.png") no-repeat; }
.grand .img .b_r { background: url("images/corner_b_r_ff_blue.png") no-repeat; }
.grand .img .b_l { background: url("images/corner_b_l_ff_blue.png") no-repeat; }

/* styly pro zaoblene okraje bilych boxu uvnitr modrych boxu */
.common .body .t_l
{
  position: absolute;
  top: 0; left: 0; width: 9px; height: 9px;
  background: url("images/corner2_t_l.png") no-repeat;
}

.common .body .t_r
{
  position: absolute;
  top: 0; right: 0; width: 9px; height: 9px;
  background: url("images/corner2_t_r.png") no-repeat;
}

.common .body .b_r
{
  position: absolute;
  bottom: 0; right: 0; width: 9px; height: 9px;
  background: url("images/corner2_b_r.png") no-repeat;
}

.common .body .b_l
{
  position: absolute;
  bottom: 0; left: 0; width: 9px; height: 9px;
  background: url("images/corner2_b_l.png") no-repeat;
}



/*******************************************************************
 * STYLY PRO PATICKU
 *******************************************************************/ 

#bottom ul
{ /* seznam s odkazy */
  display: inline;
}

#bottom ul li
{ /* seznam s odkazy */
  display: inline;
  border-left:1px solid #4D6AAE;
  padding:0 3px;
}
#bottom ul li.first { border:none; }

/* #bottom ul li+li:before
{ seznam s odkazy 
  content: " | ";
}*/

#bottom a, #bottom a.visited
{ /* pripadne formatnovani odkazu */

}

#bottom #vytvorila { float:right; }

p.links { padding:0 20px; color:#899BC8; font-size:83.34%; }
p.links a { color:#899BC8; text-decoration:none; }
p.links a:hover { text-decoration:underline; }


/*******************************************************************
 * OSTATNI FORMATOVANI
 *******************************************************************/ 


/* formular */
fieldset
{
  border: 0; margin:4px 0; padding:5px 10px;
}


legend
{
  font-weight: bold;
  line-height: 1.5;
  color:#000;
}

label
{
  display: block;
  width: 120px;
  margin-right: 10px;
  float: left;
  clear: right;
  line-height: 1.5;
}

label.checkbox
{
  width: auto;
  float: none;
}

input, textarea
{
  margin: 2px 5px;
}

textarea { height:80px; width:300px; }
input.text { width:140px; }

img.code
{
  margin-left: 135px;
}

input.submit { cursor:pointer; margin:0 5px 3px 0; }
label.checkbox { cursor:pointer; }
form br { clear:both; }


.cleaner, span.clear {  clear: both; font-size:0; line-height:0; height:0; display:block; }

table { border-collapse: collapse; }
table td, table th { padding:1px 3px; border:1px dotted #4D6AAE; }

#top { position:relative; }
#top h1 { font-size:133.34%; text-align:right; font-weight:bold; color:#fff; position:absolute; top:10px; right:10px; width:50%; }
#top h1 span { position:absolute; top:0; right:0; display:block; width:100%; }
#top p { position:absolute; right:10px; bottom:10px; color:#fff; text-align:right; }
h2 { color: #4d6aae; }
a, a:visited { color: #4d6aae; }
a:hover { text-decoration: none; }
ol { margin-left: 40px; }
img { border: 0; }
p.error, p.message { font-weight:bold; padding:5px 10px; border:1px solid; }
p.error { color:#f00; background-color:#FFE9E9; border-color:#f00; }
p.message { color:#0a0; background-color:#e9ffe9; border-color:#0a0; }
.inv, #logo-print { display:none !important; }

/**
 * styly pro ESHOP
 */
.shop-cart a { color:#fff; }
.shop-cart h3 { margin-bottom:0; }
.shop-cart h3 a { text-decoration:none; }
.shop-cart h3 a em { font-style:normal; }
.shop-cart p { padding:0 10px; margin:0; color:#F3F3F3; font-size:80%; }
.shop-cart p strong { color:#fff; font-size:125%; }

#cart-content table td, #cart-content table th { border:none; }
#cart-content select { width:200px; }
#cart-content input.text { width:30px; margin:0; }
#cart-content tfoot th { text-align:right; }
#cart-content td.final, #cart-content td.price { text-align:right; white-space:nowrap; font-weight:bold; }
#cart-content thead th { white-space:nowrap; }
#cart-content tr.dap td { padding:3px; }
#cart-content tr.dap th { text-align:right; }
#cart-content a img { vertical-align:middle; }

legend label { display:inline; }
legend label input { margin:0; }
#content form p.info { margin:0 0 5px 135px; font-style:italic; }
input.medium { width:95px; }
input.narrow { width:45px; }

#main_body { position:relative; }
#user-section { position:absolute; top:0; right:15px; height:40px; line-height:40px; vertical-align:middle; z-index:1000; background-color:#F3F3F3; padding-left:15px; }

fieldset.so_params { padding:0; }
.so_params label { position:relative; float:left; width:125px; margin:0 5px 5px 0; cursor:pointer; }
.so_params label:hover { background-color:#fafafa; }
.so_params label input { position: absolute; top:3px; left:3px; margin:0; }
.so_params label.noimage input { position:static; }
.so_params label img { float:left; margin:0 3px 0 0; }
.so_params strong { display:block; font-size:83.34%; }
.buy table { width:100%; }
.buy table thead th { font-weight:normal; font-style:italic; }
.buy table td.price { text-align:right; font-weight:bold; }