/*
  hlavní sada stylů pro www.astramodel.cz
*/

html {
  margin: 0px; padding: 0px;
}

body {
  position: relative; 
  /*max-width: 1003px;*/
  font: 11px Tahoma, Arial, Helvetica, sans-serif;
  margin: 0px auto 0px auto;
  padding: 0px;
  background-color: white;
  color: black;
}

form {
  margin: 0px;                                             /* Protoze IE6 */
}

object {
  /*position: relative;*/
  z-index: 0;
  /*margin: 0px; padding: 0px;*/
}

div, td, th, li, p, span {
  font-size: 10pt;
  color: black;
}

div.cleaner {
	clear: both;
	float: none;
	color: white;
	background-color: white;
	height: 0px;
	font-size: 0px;
	border: 0px solid blue;
	width: 0px;
	margin: 0;
	padding: 0;
}

hr.break{
	clear: both;
	float: none;
	color: white;
	background-color: white;
	height: 1px;
	border: 0px;
	width: 1px;
	margin: 0px;
	padding: 0px;
}

ul {
  margin-top: 0px;
  margin-bottom: 0px;
}


a {
  font-family: arial;
  color: blue;
  font-size: 10pt;
}

a:active {
  color: purple
}

a:hover {
  color: red;
}

a.back,
a.back:active,
a.back:visited, 
a.back:hover {
  color: green;
}

td.formular {
	text-align: left; font-size: 10pt;
}

font {
  font-family: arial;
}


p.nadpis_1 {
	text-align: center; font-size: 12pt; font-weight: bold; margin-top: 0; margin-bottom: 0;
}

font.nadpis_1 {
  color: #000000; font-size: 12pt; font-weight: bold;
}

h1 {
  font-size: 13pt;
  color: black;
  text-align: center;
  margin: 0px 0px 6px 0px; padding: 0px;
}

h2 {
  font-size: 12pt;
  color: black;
  text-align: center;
  margin: 10px 0px 5px 0px; padding: 0px;
}

h3 {
	font-size: 11pt;
	color: black;
	text-align: left;
	margin: 8px 0px 4px 0px; padding: 0px;
}

h4 {
  margin: 4px 0px 4px 0px; padding: 0px;
}

h5 {
  margin: 4px 0px 4px 0px; padding: 0px;
}

h6 {
  
}

.urg {
  color: red;
}

img {
  border: 0px;
}

img.semafor {
  border: 0px;
  margin-right: 2px;
}

.error {
  border: 0px solid rgb(255,255,0);
  padding: 0px 40px 0px 40px;
  position: relative;
  height: 45px;
}

.error img {
  float: right;
  position: absolute;
  right: 0px;
}

.error h1 {
  text-align: center;
  color: red;
}

.error p {
  text-align: left;
}
/*----------------------------------------------------------------------------*/



/*PAGE LAYOUT*/
#layout {
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

#layout .layout-top-left-part {
  background-image: url('../images/system/bg_left.png');
  width: 50%;
}

#layout .layout-top-left-part div {
  width: 5px;
  /*max-width: 120px;*/
}

#layout .layout-top-center-part {
  width: 760px;
  height: 93px;
  text-align: left;
  vertical-align: bottom;
  background-image: url('../images/system/bg_center_new.png');
}

#layout .layout-top-center-part div {
  width: 760px;
  height: 16px;
  padding-left: 0px;
}

#layout .layout-top-center-part ul {
  list-style-type: none;
  position: relative;
}

#layout .layout-top-center-part li {
  display: inline;
  padding: 0px 0px 2px 0px;
}

#layout .layout-top-center-part li a, 
#layout .layout-top-center-part li a:hover, 
#layout .layout-top-center-part li a:visited, 
#layout .layout-top-center-part li a:active {
  color: rgb(51,0,102);
  font-size: 9pt;
  text-decoration: none;
}

#layout .layout-top-center-part li.home {
  margin-left: 124px; position: absolute;
}

#layout .layout-top-center-part li.catalogue {
  margin-left: 195px; position: absolute;
}

#layout .layout-top-center-part li.news {
  margin-left: 244px; position: absolute;
}

#layout .layout-top-center-part li.races {
  margin-left: 295px; position: absolute;
}

#layout .layout-top-center-part li.info {
  margin-left: 349px; position: absolute;
}

#layout .layout-top-center-part li.dealers {
  margin-left: 410px; position: absolute;
}

#layout .layout-top-center-part li.cart {
  margin-left: 479px; position: absolute;
}

#layout .layout-top-center-part li.contact {
  margin-left: 564px; position: absolute;
}

#layout .layout-top-center-part li.howtobuy {
  margin-left: 613px; position: absolute;
}

#layout .layout-top-right-part {
  background-image: url('../images/system/bg_right.png');
  width: 50%;
}

#layout .layout-top-right-part div {
  width: 5px;
  /*width: auto;*/
}

#layout .layout-search-line {
  padding: 2px 1px 2px 0px;
  text-align: right;
}

#layout .layout-main-center-part {
  vertical-align: top;
  height: 430px;
}

#layout .layout-main-right-part {
  vertical-align: top;
}

#copyright {
  margin-top: 10px;
  text-align: center;
  font-size: 8pt;
  color: gray;
}

#copyright span {
  font-size: 8pt;
  color: gray;
}

#right-banner {
  /*max-width: 120px;*/
  width: auto;
  padding: 0px 0px 0px 4px;
}

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/* END PAGE LAYOUT*/




/* HOME PAGE*/
#left-part {
  position: relative;
  float: left;
  width: 120px;
  border: 0px solid blue;
  margin: 0px;
}

#right-part {
  position: relative;
  width: 638px;
  float: left;
  margin: 0px;
  padding: 0px;
}


/* PREFACE */
#preface {
  position: relative;
  padding: 0px;
  /*border: 2px solid black;*/
  width: 100%;
  /*height: 340px;*/
}

#preface .preface-cell {
  position: relative;
  float:left;
  width: 290px;
  height: 150px;
  padding: 0px;
  margin: 10px 10px 10px 10px;
  border: 2px solid rgb(128,128,128);
  text-align: left;
}

#preface .preface-thumb {
  float: left;
  width: 145px;
  padding: 25px 2px 0px 0px; 
  border: 0px solid blue;
  vertical-align: middle;
}

#preface .preface-thumb img {
  border: 0px;
  width: 145px;
  height: 100px;
}

#preface .preface-descr {
  float: left;
  padding: 2px 0px 0px 2px; 
  border: 0px solid red;
  width: 135px;
}

#preface .preface-descr-brand {
  height: 35px;
  margin: 0px 0px 3px 0px;
  border: 0px solid green;
}

#preface .preface-descr-brand img {
  border: 0px;
  width: 70px;
  height: 35px;
}

#preface .preface-descr-name {
  border: 0px solid yellow;
  height: 50px;
  margin: 0px 0px 3px 0px;
}

#preface .preface-descr-name a {
  color: #404040;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
}

#preface .preface-descr-code {
  border: 0px solid black;
  margin: 0px 0px 3px 0px;
  color: #404040;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: normal;
}
/* END OF PREFACE */



/* INVITATIONS */
#invitation .row {
	width: 620px;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	border-bottom: 1px solid rgb(128,128,128);
}

#invitation .row .date {
	font-size: 10px;
	float: right;
	padding-top: 2px;
}

#invitation .row .header {
  margin-top: 3px;
  margin-bottom: 3px;
	text-align: left;
}

#invitation .row .descr,
#invitation .row .reference,
#invitation .row .supplement {
  margin-top: 3px;
  margin-bottom: 3px;
	text-align: left;
	font-size: 10pt;
	text-align: justify;
}

#invitation .row p.descr img {
	margin-left: 20px;
	float: right;
}



/*LEFT MENU*/
#left-part ul {
  border: 0px solid red;
  margin: 0px;
  padding: 0px;    
}

#left-part ul li {
  border: 0px solid red;
  margin: 1px;
  padding: 0px;
  list-style-type: none;
}

#left-part ul li a {
  font-size: 10pt;
}

#left-part div.last-update {
  margin: 10px 0px 5px 0px;
  color: gray;
  font-size: 8pt;
}



/* NEWS */
#news-list {
  position: relative;
  padding: 0px 0px 0px 5px;
  margin: 0px;
}

#news-list .news-list-header {
  margin-top: 5px 0px 3px 0px;
  color: rgb(51, 51, 153);
  font-size: 10pt;
}

#news-list .news-archive,
#news-list .news-list-name {
  margin: 5px 0px 0px 0px;
}

#news-list .news-archive a,
#news-list .news-list-name a {
  font-size: 9pt;
}

#news-list .news-list-date {
  font-size: 8pt;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid rgb(128,128,128);
}

#news-list hr {
  line-height: 1px; /*needed for IE/win*/
  font-size: 1px; /*needed for IE/win*/ 
  width: 100%;
  height: 1px;
  border: 0px;
  color: white;
  background color: white;
}

/* INFO */
#info {
  position: relative;
  margin: 0px;
  padding: 0px;
}

#info .left-part, 
#info .right-part {
  width: 50%;
  float: left;
}

#info ul {
  list-style-type: disc;
}
/* END OF INFO */


/* DOWNLOAD */
#download {

}

#download ul.programs {
  list-style-type: circle;
  margin-bottom: 20px;
}

#download .brand {
  width: 100%;
}

#download .brand div.row {
  border: 0px solid black;
  height: 20px;
}

#download .brand div.row span {
  display: block;
  float: left;
  border: 0px solid gray;
  width: 125px;
}

#download .brand div.row span img {
  position: relative;
  top: 2px;
  padding-right: 2px;
}

#download .files {
  border: 0px solid black;
  position: relative;
}

#download .files .left-part, 
#download .files .right-part {
  width: 50%;
  float: left;
  overflow: hidden;
}
/* END OF DOWNLOAD */


/* CATALOGUES */
#catalogues {

}

#catalogues .intro,
#catalogues .footer-answer {
  text-align: justify;
  margin: 2px 0px 0px 0px;
}

#catalogues .footer-header {
  margin: 10px 0px 2px 0px;
  font-size: 11pt;
  font-weight: bold;
}

#catalogues .table {
  width: 100%;
  border: 0px;
  margin: 10px 0px 0px 0px;
}

#catalogues .thumb {
  vertical-align: middle;
}

#catalogues .descr {
  vertical-align: top;
  text-align: left;
  width: 100%;
}

#catalogues .descr h2 {
  text-align: left;
}

#catalogues .descr p {
  text-align: justify;
  margin: 0px;
}
/* EDD OF CATALOGUES */


/* INFO ABOUT BRANDS */
#brand-list {

}

#brand-list .table {
  width: 100%;
}

#brand-list .table th {
  border-top: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  font-size: 11pt;
}

#brand-list .table td {
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  vertical-align: top;
}

#brand-list .table .name {
  width: 0%;
  border-left: 1px solid gray;
}

#brand-list .table .descr, 
#brand-lisr .table .shipp {
  width: 50%;
}
/* END OF INFO ABOUT BRANDS */

/* END HOME PAGE*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/




/* SEZNAMY POLOŽEK */
#item-list {
  width: 755px;
  padding: 0px 2px 0px 2px;
  margin: 0px 0px 0px 0px;
}

#item-list .nav-top .part-left {
  float: left;
  width: 29%;
  text-align: left;
}

#item-list .nav-top .part-center {
  float: left;
  width: 42%;
  text-align: center;
}

#item-list .nav-top .part-right {
  float: right;
  width: 20%;
  text-align: right;
}


/* ONLY FOR PARTS, WHERE IS NUMBER OF PAGES MAX 10*/
#item-list .nav-top .part-left-p {
  float: left;
  width: 36%;
  text-align: left;
}

#item-list .nav-top .part-center-p {
  float: left;
  width: 28%;
  text-align: center;
}

#item-list .nav-top .part-right-p {
  float: right;
  width: 20%;
  text-align: right;
}
/* END ONLY FOR PARTS, WHERE IS NUMBER OF PAGES MAX 10*/

#item-list .nav-bottom {
  width: 100%;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 2px;
}



#item-list .list-item-row {
  border: 0px solid red;
}

#item-list .list-item-row table {
  margin:  0px;
  padding: 0px;
}

#item-list .list-item-row td {
  padding: 0px;
}

#item-list .list-item-row .imgs {
  position: relative;
  border: 0px solid black;
  width: 145px;
  vertical-align: middle;
}

#item-list .list-item-row .imgs .icons {
  position: absolute;
  top: 0px;
  height: 10px;
  width: 145px;
  text-align: right;
}

#item-list .list-item-row .imgs img.thumb {
  width: 145px;
  height: 100px;
  border: 0px solid black;
  margin: 0px 1px 0px 1px;
}

#item-list .list-item-row .detail {
  position: relative;
  width: 235px;
  vertical-align: top;
  border: 0px solid black;
  padding: 0px 2px 0px 2px;
}

#item-list .list-item-row .detail div.name {
  border: 0px solid orange;
}

#item-list .list-item-row .detail div.code {
  height: 10pt;
  margin: 3px 0px 0px 0px;
  border: 0px solid orange;
  font-size: 9pt;
}

#item-list .list-item-row .detail div.desc {
  margin: 5px 0px 0px 0px;
  border: 0px solid orange;
  font-size: 8pt;
  line-height: 130%;
}

#item-list .list-item-row .detail div.sale {
  margin: 5px 0px 25px 0px;
  border: 0px solid orange;
  font-size: 8pt;
  color: rgb(80,80,80);
  line-height: 120%;
}

#item-list .list-item-row .footer {
  position: absolute;
  bottom: 0px;
  vertical-align: bottom;
  margin: 3px 0px 0px 0px;
  border: 0px solid gray;
  font-size: 9pt;
}


/* menu-sort */
#menu-sort {
  padding: 0px 0px 0px 2px;
  margin: 45px 0px 0px 0px;
  border: 0px solid gray;
}

#menu-sort .header {
  font-size: 10pt;
  font-weight: bold;
}

#menu-sort .sort-link a {
  font-size: 10pt;
}

/* menu-tree */
#menu-tree {
  padding: 0px 0px 0px 2px;
  margin: 13px 0px 0px 0px;
  border: 0px solid gray;
}

#menu-tree .header {
  font-size: 10pt;
  font-weight: bold;
}

#menu-tree .tree-link {
  white-space: nowrap
}

#menu-tree .tree-link a, 
#menu-tree .tree-link-all a {
  /*white-space: nowrap*/
}

#menu-tree .tree-link span,
#menu-tree .tree-active span {
  font-size: 9pt;
}

#menu-tree .tree-active,
#menu-tree .tree-active-all {
  font-weight: bold;
  white-space: nowrap;
}

#menu-tree .tree-link-all, 
#menu-tree .tree-active-all {
  width: 80px;
  display: block;
  min-width: 1px;
  margin-top: 2px;
  padding-top: 1px;
  border-top: 1px dotted gray;
}


/* menu-brand */
#menu-brand {
  padding: 0px 0px 0px 2px;
  margin: 13px 0px 0px 0px;
  border: 0px solid gray;
}

#menu-brand .header {
  font-size: 10pt;
  font-weight: bold;
}

#menu-brand .brand-link {
  white-space: nowrap
}

#menu-brand .tree-brand a, 
#menu-brand .tree-brand-all a {
  /*white-space: nowrap*/
}

#menu-brand .brand-link span,
#menu-brand .brand-active span {
  font-size: 9pt;
}

#menu-brand .brand-active,
#menu-brand .brand-active-all {
  font-weight: bold;
  white-space: nowrap;
}

#menu-brand .brand-link-all, 
#menu-brand .brand-active-all {
  width: 80px;
  display: block;
  min-width: 1px;
  margin-top: 2px;
  padding-top: 1px;
  border-top: 1px dotted gray;
}
/*----------------------------------------------------------------------------*/



/* CATALOGUES */
#cat-main {
  margin: 0px;
  padding: 0px;
}

#cat-main .head {
  margin: 5px 0px 0px 0px;
}

#cat-main .head-left {
  float: left;
  width: 20%;
  text-align: left;
}

#cat-main .head-right {
  float: left;
  width: 20%
  text-align: right;
}

#cat-main .head-center {
  float: left;
  width: 60%;
  text-align: center;
}

#cat-main .main {
  margin: 10px 0px 0px 0px;
}

#cat-main .main .col-first,
#cat-main .main .col-second,
#cat-main .main .col-third {
  float: left;
  width: 33%;
}

#cat-main .main .col-left {
  float: left;
  width: 35%;
}

#cat-main .main .col-right {
  float: left;
  width: 65%;
}

#cat-main .main ul {
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
}

#cat-main .main ul li {
  font-weight: bold;
  font-size: 11pt;
  border-top: 1px solid white;    /* pro IE */
  margin: 0px;
}

#cat-main .main ul li ul,
#cat-main .main ul li ul li ul {
  list-style-type: disc;
  margin: 0px 0px 10px 0px;
}

#cat-main .main ul li ul li,
#cat-main .main ul li ul li ul li {
  margin: 0px 0px 0px 30px;
  padding: 0px;
  font-size: 9pt;
  font-weight: normal;
  line-height: 130%;
}

#cat-main .main a {
  font-size: 9pt;
  margin: 0px;
}

#cat-brand {

}

#cat-brand h2 {
  text-align: left;
  font-size: 11pt;
}

#cat-brand ul {
  list-style: none outside none;
  margin: 0px;
  padding: 0px;  
}

#cat-brand ul li {
  padding: 1px 0px 0px 0px; 
}



/*
################################################################################
                                 TABULKA HEAD                                  #
################################################################################
*/
#head_table {
  width: 100%;
  margin-bottom: 5px;
}

#head_table tr td.left {
  width: 33%
  text-align: left;
  vertical-align: bottom;
  font-size: 10pt; 
}

#head_table tr td.left a,
#head_table tr td.left a:active,
#head_table tr td.left a:visited {
  color: green;
}


#head_table tr td.center {
  width: 33%;
  text-align: center;
  vertical-align: bottom;
  font-size: 14pt;
  font-weight: bold;
}

#head_table tr td.right {
  width: 33%;
  text-align: right;
  vertical-align: bottom;
  font-size: 10pt; 
}



/*
################################################################################
                         NÁKUPNÍ KOŠÍK  - CART_FULL                            #
################################################################################
*/
#cart_full {
  width: 100%;
  border: 1px solid #6699ff;
}

#cart_full tr td {
  padding: 2px;
  font-size: 10pt;
}

#cart_full tr.header td {
  font-weight: bold;
  border-bottom: 1px solid #6699ff;
  background-color: #6699ff;
}

#cart_full tr.header td.name {
  width: 100%;
}

#cart_full tr.header td.price,
#cart_full tr.header td.total_price {
  text-align: center;
}

#cart_full tr td.code,
#cart_full tr td.qty,
#cart_full tr td.price,
#cart_full tr td.total_price {
  white-space: nowrap;
}

#cart_full tr td.price,
#cart_full tr td.total_price {
  text-align: right;
}

#cart_full tr.row_light {
  background-color: #ffffcc;
}

#cart_full tr.row_dark {
  background-color: #ffff99;
}

#cart_full tr.footer td {
  font-weight: bold;
  border-top: 1px solid #6699ff;
  background-color: #ffffff;
}

#cart_full tr.footer td.desc {
  text-align: right;
}

#cart_full tr.buttons td {
  font-weight: bold;
  border-top: 1px solid #6699ff;
  background-color: #ffffff;
  text-align: right;
}






/*
################################################################################
                         NÁKUPNÍ KOŠÍK  - CART_MEDIUM                          #
################################################################################
*/
#cart_medium
{
  width: 100%;
  border: 1px solid #6699ff;
}

#cart_medium tr td {
  padding: 3px;
  font-size: 10pt;
}

#cart_medium tr.header td{
  font-weight: bold;
  border-bottom: 1px solid #6699ff;
  background-color: #6699ff;
}

#cart_medium tr.header td.name {
  width: 100%;
}

#cart_medium tr.header td.price,
#cart_medium tr.header td.total_price {
  text-align: center;
}

#cart_medium tr td.code,
#cart_medium tr td.qty,
#cart_medium tr td.price,
#cart_medium tr td.total_price {
  white-space: nowrap;
}

#cart_medium tr.row_light {
  background-color: #ffffcc;
}

#cart_medium tr.row_dark {
  background-color: #ffff99;
}

#cart_medium tr td.qty,
#cart_medium tr td.price,
#cart_medium tr td.total_price {
  text-align: right;
}

#cart_medium tr.footer td {
  font-weight: bold;
  border-top: 1px solid #6699ff;
  background-color: #ffffff;
  white-space: nowrap;
}

#cart_medium tr.footer td.desc {
  text-align: right;
}






/*
################################################################################
                           NÁKUPNÍ KOŠÍK  - CART_LITE                          #
################################################################################
*/
#cart_lite {
  width: 100%;
  border: 0px;
}

#cart_lite tr td {
  padding: 3px;
  font-size: 10pt;
}

#cart_lite tr.title td {
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  background-color: #ffffcc;
}

#cart_lite tr.header td {
  font-weight: bold;
}

#cart_lite tr td.name {
  background-color: #ffffff;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  width: 100%;
}

#cart_lite tr td.code,
#cart_lite tr td.qty,
#cart_lite tr td.price,
#cart_lite tr td.total_price {
  background-color: #ffffff;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  white-space: nowrap;
}

#cart_lite tr.header td.price,
#cart_lite tr.header td.total_price {
  text-align: center;
}

#cart_lite tr.row_light {
  background-color: #ffffff;
}

#cart_lite tr.row_dark {
  background-color: #ffffff;
}

#cart_lite tr td.qty,
#cart_lite tr td.price,
#cart_lite tr td.total_price {
  text-align: right;
}

#cart_lite tr.footer td {
  font-weight: bold;
  background-color: #ffffff;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  white-space: nowrap;
}

#cart_lite tr.footer td.desc {
  text-align: right;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}






/*
################################################################################
                             OBJEDNÁVKOVÝ FORMULÁŘ                             #
################################################################################
*/
#objednavka_form 
{

}

#objednavka_form tr td
{
  font-size: 10pt;
}







/*
################################################################################
                                  FAKTURA - NÁHLED                             #
################################################################################
*/
#faktura_nahled {
  width: 100%;
}

#faktura_nahled tr td {
  padding: 3px;
}

#faktura_nahled tr.header {
  background-color: #ffffcc;
}

#faktura_nahled tr.header td {
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}

#faktura_nahled tr.main td.reg {
  width: 50%;
  font-size: 10pt;
  vertical-align: top;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}

#faktura_nahled tr.main td.adr {
  width: 50%;
  font-size: 10pt;
  vertical-align: top;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
}

#faktura_nahled tr.main td span.part1 {
  font-weight: bold;
}

#faktura_nahled tr.footer td {
  font-size: 10pt;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}





/*
################################################################################
                              FAKTURA -  ODESLANI                              #
################################################################################
*/







/*
################################################################################
                                  HLIDACI_PES                                  #
################################################################################
*/
#hlidaci_pes {
  font-size: 10pt;
}

#hlidaci_pes div.header {
  text-align: center;
  font-weight: bold;
  font-size: 12pt;
  margin-bottom: 10px;
}

#hlidaci_pes div.info {
  text-align: left;
  padding-left: 5px;
  font-weight: bold;
  font-size: 10pt;
  margin-bottom: 11px;
  color: red;
  height: 45px;
}

#hlidaci_pes div.subheader {
  text-align: left;
  font-weight: bold;
  font-size: 11pt;
  margin-bottom: 4px;
  margin-top: 20px;
}

#hlidaci_pes div.blocktext {
  text-align: justify;
  font-weight: normal;
  font-size: 10pt;
  margin-bottom: 4px;
  /*text-indent: 40px;*/
  padding-right: 5px;
}

#hlidaci_pes form {
  margin: 0px;
}

#hlidaci_pes form table.form {
  border: 0px;
  width: 70%;
}

#hlidaci_pes form table.form tr td.rowleft {
  border: 0px;
  width: 300px;
  font-size: 10pt;
  vertical-align: middle;
  white-space: nowrap;
}

#hlidaci_pes form table.form tr td.rowright {
  border: 0px;
  width: 0%;
  font-size: 10pt;
  vertical-align: middle;
  white-space: nowrap;
}

#hlidaci_pes form table.form tr td.rowright input {
  border: 1px solid rgb(128,128,128);
}

#hlidaci_pes form table.form tr td.buttons {
  text-align: right;
}

#hlidaci_pes form table.list {
  width: 100%;
  border: 1px solid #6699ff;
}

#hlidaci_pes form table.list tr td {
  padding: 3px;
  font-size: 10pt;
}

#hlidaci_pes form table.list tr.header {
  background-color: #6699ff;
}

#hlidaci_pes form table.list tr.header td {
  font-weight: bold;
}

#hlidaci_pes form table.list tr.row_dark td.name,
#hlidaci_pes form table.list tr.row_light td.name,
#hlidaci_pes form table.list tr.header td.name {
  width: 100%;
}

#hlidaci_pes form table.list tr td.code,
#hlidaci_pes form table.list tr td.date,
#hlidaci_pes form table.list tr td.del {
  white-space: nowrap;
}

#hlidaci_pes form table.list tr.row_dark td.del,
#hlidaci_pes form table.list tr.row_light td.del {
  text-align: center;
}

#hlidaci_pes form table.list tr.row_light {
  background-color: #ffffcc;
}

#hlidaci_pes form table.list tr.row_dark {
  background-color: #ffff99;
}

#hlidaci_pes form table.list tr.row_dark td,
#hlidaci_pes form table.list tr.row_light td {
  border-bottom: 1px solid #6699ff;
}

#hlidaci_pes form table.list tr.buttons td {
  text-align: right;
}

#hlidaci_pes form table.logout {
  border: 0px dotted gray;
}

#hlidaci_pes form table.logout tr td {
  font-size: 10pt;
  padding: 3px;
}

#hlidaci_pes form table.logout tr td.row_right {
  font-weight: bold;
}

#hlidaci_pes form table.logout tr td.buttons {
  text-align: left;
  padding: 3px;
}




/*
################################################################################
#                   DETAIL POLOŽKY NORMÁLNÍ ZOBRAZENÍ + TISK                   #
################################################################################
*/
#detail_default table.hlavicka, 
#detail_tisk table.hlavicka {
  margin: 0px;
  border: 0px;
  width: 100%;
}

#detail_default table.hlavicka tr td, 
#detail_tisk table.hlavicka tr td {
  padding: 2px;
  border: 0px;
}

#detail_default table.hlavicka tr td.navigation, 
#detail_tisk table.hlavicka tr td.navigation {
  /*width: 250px;*/
}

#detail_default table.hlavicka tr td.img250, 
#detail_tisk table.hlavicka tr td.img250 {
  width: 250px;
}

#detail_default table.hlavicka tr td.odkazy, 
#detail_tisk table.hlavicka tr td.odkazy {
  text-align: left;
  vertical-align: middle;
  /*white-space: nowrap;*/
  width: 200px;
}

#detail_default table.hlavicka tr td.odkazy div.odkazy-nadpis, 
#detail_tisk table.hlavicka tr td.odkazy div.odkazy-nadpis {
  font-size: 11pt;
  font-weight: bold;
}

#detail_default table.hlavicka tr td.odkazy div.odkazy-text, 
#detail_tisk table.hlavicka tr td.odkazy div.odkazy-text {
  padding-left: 10px;
  font-size: 10pt;
  margin-top: 2px;
}

#detail_default table.hlavicka tr td.logo-new, 
#detail_tisk table.hlavicka tr td.logo-new {
  vertical-align: bottom;
}

#detail_default table.hlavicka tr td.prod-name, 
#detail_tisk table.hlavicka tr td.prod-name {
  vertical-align: top;
  font-size: 14pt;
  color: #6699ff;
  font-weight: bold;
}

#detail_default table.hlavicka tr td.prod-brand, 
#detail_tisk table.hlavicka tr td.prod-brand {
  font-size: 10pt;
}


#detail_default table.hlavicka tr td.prod-code, 
#detail_tisk table.hlavicka tr td.prod-code {
  font-size: 10pt;
}

#detail_default table.hlavicka tr td.prod-price, 
#detail_tisk table.hlavicka tr td.prod-price {
  font-size: 10pt;
}

#detail_default table.hlavicka tr td.prod-price, 
#detail_tisk table.hlavicka tr td.prod-price {
  font-size: 10pt;
}

#detail_default table.hlavicka tr td.prod-stock, 
#detail_tisk table.hlavicka tr td.prod-stock {
  font-size: 10pt;
}

#detail_default table.hlavicka tr td.prod-buttons {
  
}

#detail_default table.hlavicka tr td.prod-print, 
#detail_tisk table.hlavicka tr td.prod-print {
  text-align: left;
  vertical-align: middle;
}

#detail_default div.soubory p.nadpis {
  font-size: 11pt;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 0px;
}

#detail_default div.soubory ul {
  margin-top: 0;
  margin-bottom: 0;
}

#detail_default div.soubory ul li {
  font-size: 10pt;
  line-height: 150%;
}

#detail_default div.technicke_udaje p.nadpis, 
#detail_tisk div.technicke_udaje p.nadpis {
  font-size: 11pt;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 0px;
}

#detail_default div.technicke_udaje p.kategorie, 
#detail_tisk div.technicke_udaje p.kategorie {
  font-size: 10pt;
  margin-top: 10px;
  margin-bottom: 2px;
  font-weight: bold;
}

#detail_default div.technicke_udaje ul, 
#detail_tisk div.technicke_udaje ul {
  margin-top: 0;
  margin-bottom: 0;
}

#detail_default div.technicke_udaje ul li, 
#detail_tisk div.technicke_udaje ul li {
  font-size: 10pt;
  line-height: 150%;
}

#detail_default div.popis div.nadpis, 
#detail_tisk div.popis div.nadpis {
  font-size: 11pt;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 0px;
}

#detail_default div.popis div.text, 
#detail_tisk div.popis div.text {
  font-size: 10pt;
  margin: 0px;
  text-align: justify;
  /*line-height: 120%;*/
}

#detail_default table.panel {
  border: 0px;
  padding: 0px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
}

#detail_default table.panel tr td.zalozka_a {
  background-color: #6699ff;
}

#detail_default table.panel tr td.zalozka_n {
  background-color: #ffffcc;
}

#detail_default table.panel tr td a {
  color: rgb(0,0,102);
  font-size: 11pt;
  font-weight: normal;
  text-decoration: none;
}

#detail_default table.varianty {
  margin-top: 15px;
  margin-bottom: 0px;
  padding: 2px;
  width: 100%;
  border: 0px;
}

#detail_default table.varianty tr td.var_obrazek {
  width: 20%;
  vertical_align: middle;
  text-align: right;
}

#detail_default table.varianty tr td.var_novinka {
  width: 20%;
  vertical_align: middle;
  text-align: right;
}

#detail_default table.varianty tr td.var_nazev {
  width: 30%;
  vertical-align: top;
}

#detail_default table.varianty tr td.var_kod {
  vertical-align: top;
  font-size: 9pt;
}

#detail_default table.varianty tr td.var_popis {
  vertical-align: top;
  text-align: left;
  font-size: 8pt;
  line-height: 135%;
}

#detail_default table.varianty tr td.var_cena {
  vertical-align: top;
  font-size: 9pt;
}



/*
################################################################################
#                         DETAIL POLOŽKY - JENOM TISK                          #
################################################################################
*/
#detail_tisk {
  width: 724px;
  background-color: #ffffff;
  margin: 0 auto;
}

#detail_tisk div.tab_varianty p {
  margin-top: 15px;
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 11pt;
}

#detail_tisk div.tab_varianty table {
  margin-top: 4px;
}

#detail_tisk div.tab_varianty table tr td.head_nazev, 
#detail_tisk div.tab_varianty table tr td.head_kod, 
#detail_tisk div.tab_varianty table tr td.head_cena {
  font-size: 10pt;
  text-align: left;
  font-weight: bold;
  padding: 3px;
}

#detail_tisk div.tab_varianty table tr td.body_nazev, 
#detail_tisk div.tab_varianty table tr td.body_kod, 
#detail_tisk div.tab_varianty table tr td.body_cena {
  font-size: 10pt;
  text-align: left;
  font-weight: normal;
  padding: 3px;
}
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/



/* PRODUCT DETAIL */
#detail {
  margin-top: -10px;
}

#detail .detail-head {
  /*border: 1px solid red;*/
  position: relative;
  width: 760px;
}

#detail .detail-head .part-left {
  float: left;
  position: relative;
  width: 42%;
}

#detail .detail-head .part-left .cat {
  position: relative;
  /*height: 60px;*/
}

#detail .detail-head .part-left .cat ul {
  list-style: none url();
  margin: 0px;
  padding-left: 0px;
}

#detail .detail-head .part-left .cat ul li {
  padding-left: 0px;
  background: no-repeat 0px 6px url('../images/system/listItemArrowBlack.gif');
}

#detail .detail-head .part-left .cat ul li a{
  padding-left: 10px;
}

#detail .detail-head .part-left .icons {
  position: relative;
  height: 70px;
}

#detail .detail-head .part-left .icons img.brand {
  width: 140px;
  height: 70px;
}

#detail .detail-head .part-left .icons img.ico-new-big {
  position: absolute;
  right: 0px;
  top: 0px;
}

#detail .detail-head .part-left .icons img.ico-bestceller-big {
  position: absolute;
  right: 0px;
  top: 35px;
}

#detail .detail-head .part-left h1 {
  text-align: left;
  color: #6699ff;
  font-size: 13pt;
  height: 45px;
  margin: 0px; padding: 0px;
  line-height: 130%;
}

#detail .detail-head .part-left h2 {
  text-align: left;
  color: rgb(0,0,0);
  font-size: 10pt;
  height: 18px;
  font-weight: normal;
  margin: 0px; padding: 0px;
}

#detail .detail-head .part-left .item-number {
  height: 18px;
}

#detail .detail-head .part-left .price {
  height: 18px;
}

#detail .detail-head .part-left .price-old span {
  text-decoration: line-through;
  font-weight: bold;
}

#detail .detail-head .part-left .stock {
  height: 40px;
}

#detail .detail-head .part-left .buttons {
  position: relative;
  height: 28px;
}

#detail .detail-head .part-left .buttons .form-buy {
  float: left;
  text-align: left;
}

#detail .detail-head .part-left .buttons .form-wd {
  float: left;
  text-align: left;
  padding-left: 5px;
}

#detail .detail-head .part-left .buttons .zoom {
  float: right;
  width: 19%;
  text-align: right;
}

#detail .detail-head .part-center {
  position: relative;
  float: left;
  width: 33%;
  padding-top: 5px;
}

#detail .detail-head .part-center img.roduct-img-250 {
  height: 250px;
  width: 250px;
}

#detail .detail-head .part-right {
  float: left;
  width: auto;
  padding-top: 80px;
  padding-left: 3px;
}

#detail .detail-head .part-right h3 {
  font-size: 11pt;
  padding-left: 5px;
}

#detail .detail-head .part-right ul {
  list-style: none outside url();
  margin: 0px; padding: 0px;
}

#detail .detail-head .part-right li {
  padding: 0px;
  padding-left: 20px;
  background: 12px 6px no-repeat url(../images/system/listItemArrowBlack.gif);
}

#detail .detail-head .part-right .print {
  position: absolute;
  bottom: 2px;
  left: 75%;
}


/* NAVIGATION TABS */
#detail-nav {
  height: 33px;
  margin-top: 10px;
  padding: 0px;
}

#detail-nav ul {
  width: 100%;
  float: left;
  list-style: none outside url();
  margin: 0px;
  padding: 0px;
  border-bottom: 6px solid #6699ff;
}

#detail-nav ul li {
  display: block;
  float: left;
  border-top: 1px solid gray; border-left: 1px solid gray; border-right: 1px solid gray;
  text-align: center;
}

#detail-nav ul li a {
  height: 20px;
  line-height: 20px;
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: rgb(0,0,0);
  text-decoration: none;
  letter-spacing: 0px;
  padding-top: 2px;
}

#detail-nav ul #tab-descr {
  width: 100px;
  margin-left: 0px;
}

#detail-nav ul #tab-multimedia {
  width: 100px;
  margin-left: 10px;
}

#detail-nav ul #tab-specs {
  width: 100px;
  margin-left: 10px;
}

#detail-nav ul #tab-gallery {
  width: 100px;
  margin-left: 10px;
}

#detail-nav ul #tab-info {
  width: 100px;
  margin-left: 10px;
}

#detail-nav ul #tab-similar {
  width: 170px;
  margin-left: 10px;
}

#detail-nav ul li a:hover {
  color: red;
}

#detail-nav div.bottom-line {
  border: 0px; margin: 0px; padding: 0px;
  background: url(../images/system/nav_tab_bottom_line.PNG) repeat-x top;
  height: 6px;
  border-left: 1px solid gray;
}
.tab-selected {
  background-color: #6699ff;
}

.tab-unselected {
  background-color: #ffffcc;
}
/* END OF NAVIGATION TAB */


/* PRODUCT DESCRIPTION */
#detail-descr {

}

#detail-descr h3,
#detail-multimedia h3,
#detail-specs h3 {
  font-size: 11pt;
  margin: 15px 0px 0px 0px;
  font-weight: bold;
}

#detail-descr  p {
  font-size: 10pt;
  margin: 2px 0px 0px 0px;
  text-align: justify;
  line-height: 125%;
}

#detail-descr .tech-specs ul,
#detail-multimedia ul,
#detail-specs ul {
  padding-left: 30px;
  margin: 1px 0px 0px 0px;
}

#detail-descr .tech-specs ul li,
#detail-multimedia ul li,
#detail-specs ul li {
  line-height: 135%;
}

#detail-descr .tech-specs h4, 
#detail-specs .tech-specs h4 {
  margin-top: 10px;
  margin-bottom: 0px;
}

#detail-gallery {

}

#detail-gallery .main {
  margin-top: 20px;

}

#detail-gallery .main .row {
  padding: 10px 0px 10px 0px;
}

#detail-gallery .main .row .cell {
  float: left;
  width: 25%;
  text-align: center;
}

#detail-gallery .main .row .cell a img {
  width: 145px;
  height: 100px;
}

#float-img-border{
  position: absolute;
	z-index: 10;
	border: 1px solid #ccc;
	font-size: 1px;
}

#float-img{
  
}

/* INFO */
#detail-info {
  margin-top: 15px;
}


/* SIMILAR PRODUCTS */
#detail-similar {
  margin-top: 15px;
}

#detail-similar .list-item-row {
  border: 0px solid red;
}

#detail-similar .list-item-row table {
  margin:  0px;
  padding: 0px;
}

#detail-similar .list-item-row td {
  padding: 0px;
}

#detail-similar .list-item-row .imgs {
  position: relative;
  border: 0px solid black;
  width: 145px;
  vertical-align: middle;
}

#detail-similar .list-item-row .imgs .icons {
  position: absolute;
  top: 0px;
  height: 10px;
  width: 145px;
  text-align: right;
}

#detail-similar .list-item-row .imgs img.thumb {
  width: 145px;
  height: 100px;
  border: 0px solid black;
  margin: 0px 1px 0px 1px;
}

#detail-similar .list-item-row .detail {
  position: relative;
  width: 235px;
  vertical-align: top;
  border: 0px solid black;
  padding: 0px 2px 0px 2px;
}

#detail-similar .list-item-row .detail div.name {
  border: 0px solid orange;
}

#detail-similar .list-item-row .detail div.code {
  height: 10pt;
  margin: 3px 0px 0px 0px;
  border: 0px solid orange;
  font-size: 9pt;
}

#detail-similar .list-item-row .detail div.desc {
  margin: 5px 0px 25px 0px;
  border: 0px solid orange;
  font-size: 8pt;
  line-height: 130%;
}

#detail-similar .list-item-row .footer {
  position: absolute;
  bottom: 0px;
  vertical-align: bottom;
  margin: 3px 0px 0px 0px;
  border: 0px solid gray;
  font-size: 9pt;
}

/* END OF PRODUCT DESCRIPTION */


/* END OF PRODUCTS DETAIL */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/



/* HOW-TO-BUY */
h3.how-to-buy {
  font-style: italic;
  text-align: center;
  margin-top: 20px;
}

p.how-to-buy {
  text-align: justify;
}

ol.how-to-buy {
  padding-left: 25px;
  margin: 0px;
}

ol.how-to-buy li {
  text-align: justify;
  margin: 0px 0px 3px 0px;
}


table.how-to-buy {
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  border-spacing: 0px;
  margin-bottom: 10px;
}

table.how-to-buy th {
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  background-color: rgb(0,204,255);
  text-align: center;
}

table.how-to-buy td {
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  text-align: center;
}

table.how-to-buy .head,
table.how-to-buy .name {
  font-weight: bold;
}