/* global ==================================================================================== */

.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

.center {
	text-align: center;
}

.no-bold {
	font-weight: normal !important;
}


a {
	color: white;
	text-decoration: none;
}
a:hover {
	color: #FFD400;
}
h1, h2, h1 a, h2 a, h3 a, a.nadpis_akce, .zbozivkatalogu a, a.invert {
	color: #FFD400 !important;
}
h1 a:hover, h2 a:hover, h3 a:hover, a.nadpis_akce:hover, .zbozivkatalogu a:hover, a.invert:hover {
	color: white !important;
}
a img {

}

.color {
	color: #FFD400;
}





h2 {
	margin: 0;
}


.separator {
	position: relative;
	height: 2px;
	background: url("img/separator.gif");
	line-height: 1px;
	font-size: 1px;
	margin: 4px 0;
}

p {
	margin: 1.2em 0;
}


form {
	margin: 0;
}
input {
	font-size: 11px;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	
	color: #FFD400;
}
input.button {
	/*_position: relative;
	_top: 1px;
	height: 15 !important;
	position: relative;
	top: 1px;
	padding: 0;
	_margin-top: 1px;*/
}
.button img {
	/*_position: relative;
	_top: 1px;*/
}

.button-cont {
	position: relative;
	height: 16px;
	top: 1px;
	_top: 2px;
} 
.button-cont div {
	height: 16px;
	background: url("/img/button.gif");
	width:100%;
	text-align: center;
}
.button-cont .button {
	height: 16px;
	background: transparent;
	color: Black;
	margin-top: -1px;
	_margin-top: 0;
	_padding-top: 1px;
	_padding-left: 1px;
	font-weight: bold;
	width:100%;
	line-height: 11px;
	cursor: pointer;
}
.button-cont a.button {
	height: auto;
	position:relative;
	top:2px;
	_top:1px;
}
.button-cont a.button:hover {
	color: Black;
}
.button-cont .term {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	height: 16px;
	width: 2px;
	background: url("/img/button-right.gif");
}

button-cont div:hover {
	background: url("/img/button-hover.gif");
	color: White;
}
.button-cont input:hover .term {
	background: url("/img/button-hover-right.gif");
}


.text-input {
	position: relative;
} 
.text-input input {
	height: 17px;
	background: url("img/input.gif");
	padding:2px 2px 0 3px;
	_padding-top:4px;
	width:100%;
}
.text-input .term {
	position: absolute;
	display: block;
	top: 0;
	_top: 1px;
	right: 0;
	height: 17px;
	width: 1px;
	background: url("img/input-term.gif");
}

.text-input div {
	width: 100%;
	background: url("img/input-term.gif") right no-repeat;
}


select {
	background: #FFC600;
	border: none;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}
textarea {
  background: #0D0D0D;
	border: 1px solid #FFC600;
	padding: 0 1px;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFC600;
	/*background: #FFC600 url("img/corner-textarea-left-top.gif") no-repeat left top;*/
}


table {
	font-size: 11px;
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}
table td {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}
table.design, table.design table {
	border-collapse: collapse;
	border-spacing: 0;
}

table.middle-valign td {
	vertical-align: middle !important;
}
table.center-align td {
	text-align: center !important;
}


.info {
	font-weight: bold;
}
.info .value {
	font-weight: normal !important;
}




/* layout ===================================================================================== */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 11px;
	background: url("img/background.gif");
	color: White;
}

#mailgood-page, #inquiry-page, #showhelp-page  {
	background: #191919 !important;
	margin: 15px;
}
#print-page {
	background: white !important;
	margin: 15px;
}
#print-page * {
	color: Black;
}


#page-cont {
	background: url("img/backround-horizont.gif") 50%;
	width: 100%;
} 
#page {
	text-align: left;
	width: 925px;
	margin: 0 auto;
	position: relative;
	background: url("img/page-repeat.gif") 50%;
	position: relative;
	left: -1px;
	_left:0;
}


#fade {
	filter:Alpha( Opacity=100 );
	-moz-opacity: 1;
	position: absolute;
	top: 251px;
	width: 470px;
	height: 20px;
	left: 20px;
	color: #FFD400;
	font-weight: bold;
	text-align: center;
}
#fade a {
	color: #FFD400;
}


/* top-picture definitions --------------------------------------- */

#top-picture {
	height: 244px;
	width: 100%;
	background-image: url("img/header.png");
	position: relative;
}
#top-picture a {
	position: absolute;
	top: 100px;
	left: 15px;
	width: 250px;
	height: 130px;
}


	
#lista {
width:925px;
background-image:url(img/background.gif);
background-repeat:repeat-x repeat-y;
background-color:#ffffff;
margin:0px auto;
margin-bottom:5px;

}

#lista ul.seznam {
height:21px;
margin-top:0px;
padding-left:0px;
margin-left:0px;
}
#lista li.odrazka {
list-style-type:none;
background-image:url(img/design/podklad.gif);
background-repeat:repeat-x;
float:left;
text-align:center;
padding-right:33px; /*pokud tam jsou notebooky a dalekohledy tak je padding 26 */
padding-left:33px;
height:21px;
padding-top:0px;
}
#lista li.first_navigationmenu {
list-style-type:none;
background-image:url(img/design/mezi.gif);
background-repeat:no-repeat;
float:left;
text-align:center;
height:21px;
width:3px;
}

#lista li.first-navigation {
list-style-type:none;
background-image:url(img/design/left.gif);
background-repeat:no-repeat;
float:left;
text-align:center;
height:21px;
width:11px;
}

#lista li.last-navigation {
list-style-type:none;
background-image:url(img/design/right.gif);
background-repeat:no-repeat;
float:left;
text-align:center;
height:21px;
width:11px;
}


#lista a.odkaz-odrazka{
color:#000000;
text-decoration:none;
font-size:10px;
font-weight:bold;
}
	
#lista a.odkaz-odrazka:hover{
color:#ffffff;
text-decoration:none;
font-size:10px;
font-weight:bold;
}


/* top-menu definitions --------------------------------------- */

#top-menu {
	left: 13px;
	top: 62px;
	width: 700px;
	position: absolute;
}
#top-menu a {
	text-align: center;
	color: White;
	padding: 0 10px 3px 10px;
	position: relative;
}
#top-menu a:hover, #top-menu .current {
	color: #FFD400;
	background: url("img/menu-sipka.gif") no-repeat 50% bottom;
}
#top-menu .current {
	font-weight: bold;
}



#ico-oblibene {
	position: absolute;
	top: 64px;
	right: 48px;
	width: 11px;
	height: 10px;
}
#ico-homepage {
	position: absolute;
	top: 64px;
	right: 32px;
	width: 11px;
	height: 10px;
}
#ico-mail {
	position: absolute;
	top: 64px;
	right: 16px;
	width: 11px;
	height: 10px;
}
#ico-help {
	position: absolute;
	top: 64px;
	right: 0;
	width: 11px;
	height: 10px;
}


/* basket -------------------------------------------------------- */

#basket-cont {
	width: 100%;
	height: 27px;
	background: url("img/basket.png");
}
#basket {
	position: absolute;
	top: 249px;
	right: 13px;
	width: 375px;
	text-align: center;
}
#b-uzivatel {
	font-weight: bold;
	color: #FFD400;
	background: url(img/panacek.gif) no-repeat left;
	padding-left: 15px;
}
#b-kosik {
	font-weight: bold;
	color: #FFD400;
	background: url(img/kosik.gif) no-repeat left;
	padding-left: 15px;
}


/* main definitions ---------------------------------------------- */

#main-cont1 {
}
#main-cont2 {
}

#main {
	margin: 10px 0 0 0;
	width: 925px;
	border-collapse: collapse;
	border-spacing: 0;
}

#main td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#left-col-cont {
	text-align: center;
	background: url("img/col-repeat.png") repeat-y 50%;
	width: 170px;
	padding: 0 12px;
	position: relative;
	right: -2px;
}
#left-col {
	margin: 0 auto;
	text-align: left;
	background: url(img/col-bottom.png) no-repeat 50% bottom;
	height: 100%;
	padding-bottom: 12px;
}

#center-col-cont1 {
	text-align: center;
	width: 532px;
	background: url("img/col-center-repeat.png") repeat-y;
	position: relative;
	_left: 1px;
}
#center-col-cont2 {
	width: 508px;
	_width: 532px;
	padding: 0 12px;
	margin: 0 auto;
	text-align: left;
	background: url("img/col-center-bottom.png") no-repeat 50% bottom;
}

#right-col-cont {
	text-align: center;
	background: url("img/col-repeat.png") repeat-y 50%;
	width: 170px;
	padding: 0 12px;
	position: relative;
	left: -2px;
}
#right-col {
	height: 100%;
	margin: 0 auto;
	text-align: left;
	background: url("img/col-bottom.png") no-repeat 50% bottom;
	padding-bottom: 10px;
}



/* footer definitions -------------------------------------------- */

#copyright {
	text-align: center;
	padding: 8px 0;
}

#footer {
	
}




/* boxy ================================================================================== */

#left-col .box, #right-col .box {
	margin: 5px 6px 6px 6px;
	_width: 100%;
}

#left-col h3, #right-col h3 {
	color: black;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	margin: 0;
	width: 170px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#left-col h3 {
	background: url("img/left-normal.png");
}
#right-col h3 {
	background: url("img/right-normal.png");
}
 
#left-col h3.first {
	background: url("img/left-top.png");
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 9px;
}
#right-col h3.first {
	background: url("img/right-top.png");
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 9px;
}

#left-col .line, #right-col .line {
	height: 2px;
	line-height: 2px;
	font-size: 2px;
	background: url("img/line.gif") 50%;
}


#box-topgoods a, #box-newgoods a {
	color: White;
}
 
 
/* center-col ============================================================================= */

#center-col {
	padding-bottom: 15px;
}

#center-col h3 {
	font-size: 13px;
	color: #FFD400;
}

#center-col h3.title {
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	background: url("img/center-top.png");
	color: black;
	margin: 0 0 12px 0;
	position: relative;
	left: -12px;
	width: 100%;
}
#center-col h3.title div {
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	right: -24px;
	background: url("img/center-top-right.png") no-repeat right;
}

#center-col h3.title.no-first {
	background: url("img/center-normal.png");
}
#center-col h3.title.no-first div {
	background: url("img/center-normal-right.png") no-repeat right;
}

#center-col h2 {
	font-size: 14px;
}

#center-col h1 {
	margin: 0 0 10px 0;
	color: #FFD400;
	font-size: 18px;
}

#center-col .cara {
	background: url("img/long-line.gif") no-repeat;
	height: 2px;
	line-height: 2px;
	font-size: 2px;
	width: 512px;
	position: relative;
	left: -5px;
}

#center-col .cara div {
	border: #FFD400 1px solid;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	position: relative;
	right: -10px;
}
#center-col .hlavni, #center-col .hlavni div {
}

#center-col .line {
	height: 2px;
	line-height: 2px;
	font-size: 2px;
	background: url("img/long-line.gif") 50%;
}



#center-col .box {
	margin: 10px 14px;
}








/* others --------------------------------------------------------- */


.menu-list a {
	color: White;
}
.menu-list a:hover {
	/*background: url("img/menu-hover.gif") repeat-x left 3px;*/
	color: yellow;
}


.menu-item {
	background: url("img/line.gif") no-repeat top;
}
.it-hi {
  background:#FFBD29;  
}
.it-hi a span{
  color:#000 !important;
}
.menu-item.first {
	background: none;
}



ul.menu-list {
	list-style: none;
	padding: 0;
	margin: -1px 0 10px 0;
}
ul.menu-list li {
	background: url("img/line.gif") no-repeat top;
	padding: 0;
	margin: 0;
	_margin-bottom: -1px;
}
ul.menu-list li.first {
	background: none;
}
ul.menu-list a, ul.menu-list .empty {
	_width: 100%;
	display: block;
	line-height: 11px;
	padding: 4px 0 0 6px;
	_padding-top: 5px;
	_padding-bottom: 1px;
	
	height: 13px;
}

ul.menu-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.menu-list ul li {
	
}
ul.menu-list ul li a {
	padding-left: 16px;
}
ul.menu-list ul ul li a {
	padding-left: 24px;
}
.bullet {
	margin-right: 3px;
	background: url("img/bullet.gif") no-repeat 0 7px;
	margin-top: 4px;
}
.menu-list a:hover .bullet {
	background: url("img/bullet-hover.gif") no-repeat 0 6px;
}




#right-col .img {
	background: white;
	position: relative;
	padding-bottom: 2px;
	background: url("img/img-mini.gif") no-repeat 50% top;
}

#center-col .img {
	width: 200px;
	background: white url("img/img-top.gif") no-repeat top;
}
#center-col .img div {
	width: 100%;
	background: url("img/img-bottom.gif") no-repeat bottom;
	text-align: center;
}
#center-col .img img {
	margin: 9px 0;
}


#center-col .img-gal {
	width: 150px;
	background: white url("img/img-gal-top.gif") no-repeat top;
}
#center-col .img-gal div {
	width: 100%;
	background: url("img/img-gal-bottom.gif") no-repeat bottom;
	text-align: center;
}
#center-col .img-gal img {
	margin: 9px 0;
}



.img-small {
	width: 90px;
	height: 90px;
	background: url("img/img-small.gif");
	text-align: center;
}

.img-mini {
	width: 50px;
	height: 50px;
	background: url("img/img-mini.gif");
	text-align: center;
}



#box-newgoods a:hover, #box-topgoods a:hover {
	background-color: #ffc600;
	color: Black;
	font-weight: bold;
}





#box-inquiry .bi-answer {
	width: 134px;
	background: url("img/inquiry-back.png") no-repeat left 17px;
	padding-bottom: 2px;
	margin-bottom: 8px;
}
#box-inquiry #bi-count {
	font-size: 10px;
	text-align: center;
	margin-top: 3px;
}
#box-inquiry #bi-count strong {
	font-size: 11px;
}




#compare select {
	width: 300px;
}


#print * {
	color: Black !important;
}

#mailgood-page {
	background: #141719;
}


#downloads-info h3 {
	background: none;
	color: #FFD400;
	font-size: 12px;
	margin-bottom: 5px;
	text-align: left;
}




#inquiry-page {
	background: #141719;
	margin: 20px 5px;
	float: left;
}
#inquiry-page .separator {
	width: auto;
}



.layout-line a {
	color: White !important;
}





.nadpisy_registrace, .nadpisy_napoveda {
	font-size: 12px;
	color: #FFD400;
	font-weight: bold;
}

.nadpis_akce, .zbozivkatalogu {
	font-size: 14px;
	font-weight: bold;
}
.nadpis_novinka {
	font-weight: bold;
	color: #FFD400;
	font-size: 12px;
}
.nadpisy_u_zbozi, h4 {
	font-size: 12px;
	font-weight: bold;
}









.loginerror {color: #a40039;}

/* styly cen */
.cenasdph {color: #FFD400; font-weight: bold; font-size: 13px;}
.cenabezdph {color: #FFD400; font-weight: bold;}
.beznacenasdph {color: #FFD400; font-weight: bold;  text-decoration: line-through; }
.beznacenabezdph {color: #FFD400; font-weight: bold;text-decoration: line-through;}
.cenapuvodni {color: #FFD400; font-weight: bold;text-decoration: line-through;}
.sleva {color: #FFD400; font-weight: bold;}
.kredityCena {color: #FFD400; font-weight: bold;}
.goodColPrice{font-size: 10px; font-style: italic;}

.cenaobjednavky {color: #FFD400; font-weight: bold; font-size: 16pt;}
.vyrobce {color: #FFD400; font-weight: bold;}
.postovnezdarma {color: #FFD400; font-weight: bold; font-size: 10pt;}
.comment {font-style: italic; padding-left: 20px;}
.goodNewDate {font-style: italic; color: #FFD400; font-size: 10px;}


input.redInput { border: #a40039 1px solid; color: #a40039; background-color: #ffecec;}
div.redInput { border: #a40039 2px solid; padding: 5px; color: #a40039; background-color: #fff2f2; font-size: 9pt;}

/* stavy objednavek */
.statusVyrizeno { FONT-WEIGHT: bold; COLOR: #88AC00; }
.statusVyrizujese { FONT-WEIGHT: bold; COLOR: #FF9C00; }
.statusStornovano { FONT-WEIGHT: bold; COLOR: #C00000; }
.versysVydaj{
	color: #9D0000;
}

/* hodnoceni vysledku pri vyhledavani */
.hodnoceniSearch {font-size: 10px; color: #797979; padding-left: 5px; font-style: italic;}

/* inputy s cenou objednavky */
.orderDoprava {
  border: 0px solid;
  FONT-SIZE: 8pt; 
  COLOR: #787878;
  font-weight: bold;
  text-align: right;
}

.orderCelkem {
  border: 0px solid;
  color: #FFD400; 
  font-weight: bold; 
  font-size: 14pt;
  text-align: right;
}

/* warring */
table.info_w {
	background-color: #FFC600;
	margin-top: 8px;
	margin-bottom: 16px;
	padding: 10px;
	color: Black;
}
td .info_w {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}

/* info */
table.info_i {
	background-color: #FFC600;
	margin-top: 8px;
	margin-bottom: 16px;
	padding: 10px;
	color: Black;
}
td .info_i {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}

/* napoveda parametru */
div.helpBoxStyle {
	background-color: #FFFACD;
	border: 1px dashed #FFA215;
	padding: 7px;
	width: 350px;
	position: absolute;
	visibility: hidden;
}

/* obrazky */
img.info_w_i {margin: 5px;}
img.compare {margin: 5px}




/* error - Prohlizec nepodporuje Cookies */
table.cookiesError {
    background-color: #FFFACD;
    border: 1px dashed #CC0000;
    margin: 0px;
    height: 45px;
    position: absolute;
    azimuth: center;
}

a.cookiesError:link, a.cookiesError:visited {
    color: #CC0000;
    font-weight: bold;
    text-decoration: underline;
}

a.cookiesError:hover, a.cookiesError:active {
    color: #CC0000;
    font-weight: bold;
    text-decoration: none;
}

td.cookiesErrorLeft{
    padding: 7px 7px 0px 7px;
}

td.cookiesErrorCenter{
    padding: 7px 0px 7px 0px;
    color: #CC0000;
    text-align: justify;    
}

td.cookiesErrorRight{
    padding: 7px 7px 0px 7px;
} 

.oznac1:hover{
  color: #000 !important;
}

.oznac1:hover a{
  color: #000 !important;
} 



a.oznac span {
  color: #fff;
}

a.oznac:hover span {
  color: #000 !important;
}


/* ===============================================================================================*/
/* modul multimenu a články */
.mod-menu {
 background-color:#fff;
}

.mod-menu A.item {
 display:block;
 font-weight:9pt;
 font-weight:normal;
 padding:3px 0 3px 16px;
}

.mod-menu A.subitem {
 display:block;
 font-weight:7.5pt;
 padding:2px 0 2px 28px;
}

#nav, #nav UL {padding:0;margin:0;list-style:none;}
#nav LI {float:left;position:relative;z-index:1234;}
#nav A {text-decoration:none;}
.mainitems {display:inline-block;padding:2px;border-width:0 0 0 1px;border-style:solid;border-color:#fff;}
.headerlinks A {margin:auto 8px;font-weight:normal;color:#fff;}
.submenus {display:none;width:130px;position:absolute;top:1.2em;left:0;background-color:#000000;border:1px solid #414141;}
.submenus LI {width:100%;}
.submenus LI A {display:block;width:100%;padding:3px;text-indent:3px;color:white !important;font-size:11px;}
.submenus LI A:hover {background-color: black;color:#FFD400 !important;}
html>body #clearmenu {height:6px;}
html>body .submenus li a {width:auto;}
#nav li>ul {top:auto;left:auto;}
#nav li:hover ul, li.over ul {display:block;}
.cenik-popis:hover {
	color: yellow;
	font-weight: bold;
}