@charset "utf-8";
/* CSS Document */

/* TinyMCE specific rules */

body.mceContentBody {
   background: #241c2c;
}
/*.mceContentBody a {
   color: red !important;
}*/

/* TinyMCE specific rules konec */

/* obecne */

body {
	margin:0px;
	padding:0px;
	background:black;
	color:#c0c0c0;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
}
a , h1 , h2 , h3 , h4 , h5 , b{
	color:#f0f0f0;
}
strong {
  color:#fff;
}
a:hover {
	color:#fff;
	text-decoration:none;
}
a img {
	border:none;
}
h1 , h2 , h3 , h4 , h5 {
	margin:0px;
	padding:0px;
	font-weight:bold;
}
h1 {
	line-height:36px;
	font-size:18px;
}
h2 {
	line-height:30px;
	font-size:16px;
}
h3 {
	line-height:24px;
	font-size:14px;
}
h4 , h5 {
	line-height:15px;
	font-size:12px;
}
h1.none , h2.none {
	display:none;
}
ul {
	padding:5px 0px 5px 20px;
	margin:0px 0px 0px 0px;
}
li {
	padding:0px;
	margin:0px;
}
select{
	border:1px solid #acc1d0;
	height:20px;
}
input , textarea , fieldset , td{
	border:1px solid #d1d1d1;
}
fieldset{
	margin:10px 0px 10px 0px;
	padding:10px;
}
p {
	margin:0px;
	padding:5px 0px 5px 0px;
}
table {
	border-collapse:collapse;
	margin:5px 0px 5px 0px;
}
td {
	padding:3px;
}
.submit-arrow {
	cursor:pointer;
	margin:0px 0px 0px 5px;
	border:none;
	background:url(../images/style/search-button.gif) center right no-repeat;
	padding:0px 12px 0px 0px;
	color:#b9a6bf;
	/*text-decoration:none;*/
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.submit-arrow:hover {
	color:#fff;
}
.pointer {
	cursor:pointer;
}


/* obecne konec */

/* rozvrzeni */

div#center {
	margin:0px auto 0px auto;
	width:940px;
}
div#content-background {
	width:940px;
	float:left;
	background:url(../images/style/background-content.gif);
	padding-top:10px;
	border-bottom: 1px solid #1e1522;
}
div#left {
	width:200px;
	float:left;
	margin:0px 10px 0px 9px; /* --- ! ODLISNE V IE 6 ! --- */
}
div#middle {
	width:550px;
	float:left;
	padding:0px;
	margin-right:10px;
}
div#right {
	width:150px;
	float:left;
	margin-left:0px;
}
h2.top {
	height:35px;
	line-height:35px;
	padding:0px 0px 0px 15px;
	font-size:12px;
	color:#fff;
	float:left;
	font-weight: normal;
}
div#left h2.top {
	width:185px;
	background:url(../images/style/top-200.gif) no-repeat;
}
div#middle h2.top{
	width:535px;
	background:url(../images/style/top-550.gif) no-repeat;
}
div#right h2.top {
	width:135px;
	background-image:url(../images/style/top-150.gif);
}
div.content {
  margin-top: 5px;
	background:#241c2c;
	padding:0px 9px 0px 9px;
	float:left;
}
div#left div.content {
	width:182px;
}
div#middle div.content {
	width:532px;
	float:left;
	padding-top:8px;
}
div#right div.content {
	width:132px;
}
div.bottom { /* tento div ponechavat a pouzivat jak ve stylech, tak v kodu - to ze neni potreba v jedne verzi neznamena, ze nebude potreba v te dalsi */
	height:35px;
	font-size:1px;
	margin-bottom:10px;
	float:left;
}
div#left div.bottom {
	width:200px;
	background:url(../images/style/bottom-200.gif);
}
div#middle div.bottom {
	width:550px;
	background:url(../images/style/bottom-550.gif);
}
div#right div.bottom {
	width:150px;
	background:url(../images/style/bottom-150.gif);
}
div#products-list {
	float:left;
}

/* rozvrzeni konec*/

/* horni lista*/

div#logo {
	float:left;
}
div#logo a {
	width:200px;
	height:50px;
	margin-top:10px;
	display:block;
}
div#top-image {
    float:left;
	width:940px;
	height:330px;
	background-image:url(../images/style/topimage.jpg);
	margin:0px 0px 0px 0px;
}

/* jazyky */

div#lang {
	width:55px;
	float:left;
	padding:40px 0px 0px 517px
}
div#lang a{
	display:block;
	float:left;
	width:20px;
	height:20px;
	margin-right:5px;
}
/*
div#lang a.flag-cs{background:url(../images/style/flag-cs.gif);}
div#lang a.flag-en{background:url(../images/style/flag-en.gif);}
div#lang a.flag-de{background:url(../images/style/flag-de.gif);}
div#lang a.flag-ru{background:url(../images/style/flag-ru.gif);}
*/
div#lang a span{
	display:none;
}

/* jazyky konec */

/* menu */

ul#hlavniMenu {
	width:635px;
	height:30px;
	display:block;
	margin-top: 20px;
	padding:0px 0px 0px 102px;
	background-image:url(../images/style/menu-information.gif);
	list-style-type:none;
	float:left;
}
ul#hlavniMenu ul {
	position:absolute;
	top:30px;
	left:0px;
	visibility:hidden;
	padding:0px;
	list-style-type:none;
}
ul#hlavniMenu li {
	width:105px;
	float:left;
	z-index:100;
	position:relative;
}
ul#hlavniMenu a.link-level-1 {
	display:block;
	line-height:30px;
	color:#d0d0d0;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	height:30px;
	text-align:center;
	overflow:hidden;
}
ul#hlavniMenu li a.link-level-1:hover , ul#hlavniMenu li:hover a.link-level-1 , ul#hlavniMenu li.hover a.link-level-1{ /* umožňuje zachovat zabarvení odkazu 1. úrovně i po najetí na odkaz úrovně 2 */
	background:url(../images/style/menu-information-hover.gif) left top no-repeat;
	color:#fff;
}
ul#hlavniMenu ul li{
}
ul#hlavniMenu ul li a.link-level-2 {
	background:url(../images/style/alpha-green.png);
	border-top:1px solid #8a64b0;
	padding:3px 3px 3px 3px;
	text-align:left;
	width:137px;
	line-height:18px;
	display:block;
	color:#FFF;
	text-decoration:none;
}
ul#hlavniMenu ul li a:hover {
	background:#7c5e98;
}
ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul {
	visibility:visible;
}
ul#hlavniMenu li {
	behavior: url(/hover.htc);
}
/* menu konec*/

/* horni lista konec*/

/* menu shop*/

/* ---=== menu shop config ===--- */

/* pro dodržení funkčnosti configu je potřeba dodržet velikost ikonek submenu 9x9px , jejich názvy a umístění */

div#menu-shop div.content								{width:200px;} /* nastavení šířky menu */
ul#menu-shop-ul td 										{padding:7px 0px 7px 0px;} /* nastavení výšky položky 1.úrovně (tento padding+15px) */
ul#menu-shop-ul li.level1 ul li							{padding:5px 0px 5px 0px;} /* nastavení výšky položky 2.úrovně (tento padding+15px) */

div#menu-shop div.content								{#9dc7e3;} /* nastavení pozadí menu */
ul#menu-shop-ul li.no-child , ul#menu-shop-ul li.level1 {background:none;} /* nastavení pozadí položky 1.úrovně */
ul#menu-shop-ul li.level1 ul li							{background:url(../images/style/background-submenu.gif);} /* nastavení pozadí položky 2.úrovně */
ul#menu-shop-ul li.level1 a 							{color:#fff;} /* nastavení barvy písma položky 1.úrovně */
ul#menu-shop-ul li.level1 li.level2 a 					{color:#fff;} /* nastavení barvy písma položky 2.úrovně */
ul#menu-shop-ul li.level1 								{background:url(../images/style/background-menu.gif) no-repeat; border-bottom:1px solid #a997bb} /* ; height: 34pxnastavení ohraničení položky 1.úrovně */

/* ---=== menu shop config konec ===--- */

div#menu-shop div.content{
	padding:0px;
	line-height:18px;
}
div#menu-shop div.bottom{
	background:url(../images/style/bottom-200-menu.gif);
	height: 19px;
}
div#menu-shop ul{
	list-style-type:none;
}
ul#menu-shop-ul{
	width:100%;
	padding:0px;
}
ul#menu-shop-ul li.no-child{
	display:block;
	font-weight:normal;
}
ul#menu-shop-ul li.no-child a{
	width:95%;
	display:block;
}
ul#menu-shop-ul table{
	width:95%;
	margin:0px;
}
ul#menu-shop-ul td{
	border:none;
}
ul#menu-shop-ul td.icon{
	width:15px;
	padding-left:9px !important;
}
ul#menu-shop-ul a {
}
ul#menu-shop-ul a.icon {
	height:9px;
}
ul#menu-shop-ul a:hover {
}
ul#menu-shop-ul li.level1 {
}
ul#menu-shop-ul li.level1 ul {
	margin:0px 0px 0px 0px;
	padding:0px;
}
ul#menu-shop-ul li.level1 ul li{
	margin:0px;
}
ul#menu-shop-ul li.level1 li.level2 a {
	display:block;
	padding:0px 5px 0px 25px;
	font-weight:normal;
	background:url(../images/style/submenu/menu-arrow.gif) 10px center no-repeat;
}

/* menu eshop konec*/


/* rychla navigace*/

div.quick-category{ 
	width:30%;
	padding:4px 4px 4px 4px;
	float:left;
	margin:3px 3px 3px 3px; /* --- ! ODLISNE V IE 6 ! --- */
}
div.quick-category:hover{ 
}
div.quick-category a.category-link{
	font-size: 14px;
	display:block;
	height:15px;
	overflow:hidden;
	color:#d4d4d4; 
}
div.quick-category td.category-image a.category-link{
	height:40px !important;
}
div.quick-category table{
	margin:0px;
}
div.quick-category td{
	border:none;
}
div.quick-category p{
	height:15px;
	overflow:hidden;
	padding:0px;
	margin:5px 0px;
	line-height:15px;
}
div.quick-category p a{
	font-weight:bold;
	margin-right:5px;
	color:#9e94a6;
	font-size:10px;
}
p#subcategory-quick-navigation a{
	margin-left:10px;
}

/* rychla navigace konec*/

/* nabidka*/

div#nabidka{
	float:left;
}
div#nabidka p.listovani {
	width:100%;
	text-align:right;
	float:left;
}
div#nabidka p.listovani a {
	margin-left:8px;
}
div#nabidka div.product {
	margin:1px 10px 1px 1px; /* --- ! ODLISNE V IE 6 ! --- */
	padding:10px 0px 15px;
	width:255px; /* při změně velikosti náhledu produktu je potřeb změnit i velikost div.image */
	height:155px;
	background:url(../images/style/background-product.gif) no-repeat; /* doporučuji vždy vkládat pozadí náhledu produktu pomocí obrázku - usnadní to práci a obrázek ve formátu .gif má zandbatelnou velikost */
	float:left;
	border-bottom: 1px solid #3a3342;
}

/* obrazek a jeho ikonky */

div.product div.image{
	width:120px;
	height:155px;
	margin-left:0px;
	float: left;
}
div.product div.not-image{
	float: left;
	margin: 3px 0px 0px 6px;
}
div.product div.image a{
	display:block;
	position:absolute;
}
div.product div.image a img{
	border:none;
	width:120px;
	height:155px;
}
div.image a div.info-icon{
	width:41px;
	height:41px;
	position:absolute;
	background:url(../images/style/icons-actions.gif);
}
div.image a div.info-icon-new{
	top:0px;
	left:0px;
	background-position:right top;
}
div.image a div.info-icon-action{
	bottom:0px;
	left:0px;
	background-position:right bottom;
}
div.image a div.info-icon-new-cs{background-position:left top;}
div.image a div.info-icon-action-cs{background-position:left bottom;}

div.image a div.info-icon span{
	display:none;
}

/* obrazek a jeho ikonky konec*/

div.product div.description{
	width:125px;
}
div.product h2.product-name{
	padding:0px 0px 3px 0px;
	line-height:15px; /* zde je potřeba přepsat defaultní styly h2, aby odpovídali nadpisu náhledu produktu */
	width: 125px;
	overflow: hidden;
}
div.product h2.product-name a{
	text-decoration:none;
	font-size:12px;
}
div.product div.description div.perex{
	font-size:11px;
	color:#cbb6e1;
	height:96px;
	padding-top:3px;
	width:100%;
	overflow:hidden;
}
div.product div.description div.price{
	width:100%;
	text-align:right;
	padding:3px 0px 10px 0px;
}
div.product div.description div.price span.old-price{
	text-decoration:line-through;
	font-size:11px;
	margin-right:8px;
}
div.product div.description form.fastnakup{
	padding:0px;
	float:left;
}
div.description div.view-detail{
  float: left;
}
div.description div.view-detail a , form.fastnakup a.fast-buy , a.buy{
	display:block;
	width:60px;
	text-align:center;
	padding:2px 0px 0px 0px;
	height:23px;
	color:#FFFFFF;
	text-decoration:underline;
	line-height:20px;
	cursor:pointer;
	float:left;
}
div.description div.view-detail a{
	background:url(../images/style/button-detail.gif);
	margin-left:2px; /* --- ! odlisne v ie 6! --- */
}
div.product div.description div.view-detail a:hover , form.fastnakup a.fast-buy:hover , a.buy:hover{
	background-position:0px 25px;
	text-decoration:none;
}
form.fastnakup a.fast-buy , a.buy{
	background:url(../images/style/button-buy.gif);
	margin-left:3px; /* --- ! ODLISNE V IE 6 ! --- */
}
a.buy{
	float:left;
}

/* nabidka konec*/
#contacts ul{
  list-style: none;
  padding-left: 2px;
  color: #d0b7e5;
}
/* vyhledavani a raditko*/

div#search-select {
	width:100%;
	height:20px;
	margin-top:5px;
}
div.alone form#search{
	margin-left:0px;
}
form#search {
	float:left;
	padding:0px;
	margin:0px;
}
form#search label {
	padding:0px;
	margin:0px 5px 0px 10px;
	background:url(../images/style/search-label.gif) no-repeat;
	width:20px;
	height:20px;
	float:left;
}
form#search input.text {
	width:120px;
	float:left;
}
form#search input.submit {
	float:left;
	margin-left:5px;
}
select#raditko {
	float:left;
}

/* vyhledavani a raditko konec */

/* login a kosik*/


div#customer{ 
  float: right;
  width: 185px;
  margin: 22px 15px 0px 0px;/*------!JINAK V IE 6 a 7!-----*/
}
div#basket {
	width:150px; 
}
div#login-window{
  width:170px;/*------!JINAK V IE 6 a 7!-----*/
}
div#customer h2.top {
	padding-left:20px;
	color: #f7ddff;
	font-size: 16px;
	font-weight: normal;
}
div#customer h2.login {
  padding-left:0px;
}
div#customer div.content{
	padding-left:20px;
	width:158px;
	background: none;
	border: none;
	margin: 0px 0px 17px;
}
div#customer ul{
  list-style:none;
  padding-left: 0px;
}
div#login-window{
	float:left;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	height: 70px;
}
div#login-window label{
  color: #fff;
	font-size:12px;
	width:38px;
	display:block;
	float:left;
	line-height:19px;
	margin-bottom:5px;
}
div#login-window input#customer_login , div#login-window input#customer_password{
	width:120px;
	float:left;
	margin-bottom:5px;
}
div#login-window .submit-arrow{
  margin-top: 0px !important;
  text-decoration: underline;
	padding-right: 10px;/*------!JINAK V IE 6 a 7!-----*/
	font-size: 11px;
	padding-left:0px;
	float: left;
}
div#login-window small{
  display: block;
  float:left;
  line-height: 16px;/*------!JINAK V IE 6 a 7!-----*/
}
div#login-window small a {
	font-size:11px;
  color: #917f92;
}
div#customer .submit-arrow {
	margin-top:10px;
	line-height: 30px;
	padding-bottom: 2px;
	margin-left: 0px;
	margin-right: 7px;
}
form.form-password {
	margin:10px 0px 10px 0px;
}
form.form-profile {
	margin:10px 0px 10px 0px;
}
form.form-profile .submit-arrow{
	float:right;
	margin-top:10px;
}

/*kosik */

div#right div#basket{
	float:left;
	padding:9px;
	border-bottom:1px solid #cddce8;
}
div#right div#basket ul {
	list-style-type:none;
	padding:0px;
}
div#right div#basket li {
	width:100%;
	line-height:20px;
	border-bottom:1px solid #cddce8;
}

/* login a kosik konec*/

/* kosik, objednavka a detail */

/* ---=== kosik a objednavka config ===--- */

/* pro upravu objednavky a detailu kosiku staci prepsat tyto barvy a nahrat novy obrazek "delete.gif" */

table#basket , table#step3 td , table#order-check, div#detail form#nakup table			{background:#241c2c;} /* nejsvetlejsi barva */
tr#summary td , tr#basket-title td , input.pieces-submit , form#nakup th				{background:#c0c0c0;} /* stredni barva */
tr.added-product td , table#step3 td , table#order-check td	 , table#order-check 		{border-color:#cadbe8;} /* stredni barva */
tr#basket-title td , table#basket , tr#summary td , form#nakup th , form#nakup table 	{border-color:#D1D1D1;} /* nejtmavsi barva */
 label.obligate	{color:#fff;} /* nejtmavsi barva */
form#nakup table th, table#basket tr#basket-title td{color:#402759;}
/* ---=== kosik a objednavka config konec ===--- */

p.basket-detail{
	margin:10px 0px 10px 0px;
}
p#vatincl{
	margin:10px 0px 10px 0px;
	font-size:10px;
	text-align:right;
}
table#basket , table#order-check{
	border-width:1px;
	border-style:solid;
	width:100%;
}
table#basket td{
	padding:3px;
}
table#order-check td{
	padding:3px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
table#basket tr.added-product td{
	border-style:solid;
	border-width:1px;
}
table#basket tr#basket-title td{
	font-weight:bold;
	border-left:none;
	border-right:none;
	border-bottom-style:solid;
	border-bottom-width:3px;
}
table#basket tr#summary td{
	border-top-style:solid;
	border-top-width:3px;
	border-left:none;
	border-right:none;
}
a.delete-product{
	display:block;
	width:15px;
	height:15px;
	background:url(../images/style/delete.gif);
}
a.delete-product span{
	display:none;
}
form.number-pieces{
	width:105px;
}
form.number-pieces input{
	float:left;
	font-size:11px;
}
input.pieces{
	width:20px;
	margin-right:5px;
	float:left;
}
input.pieces-submit{
	float:left;
}
tr#summary td{
	font-size:14px;
}
tr#summary td b{
	color: #402759;
}
div#order-navigation p{
	text-align:right;
}
a.submit-arrow2{
	background:url(../images/style/arrow-left.gif) left no-repeat;
	padding-left:10px;
	margin-right:10px;
}
table#step3{
	width:400px;
	margin:20px auto 20px auto;
}
table#step3 td{
	border-top-width:1px;
	border-top-style:solid;
	padding:3px;
}
table.table-order td , table.text td{
	border:none;
}
div#detail form#nakup table{
	width:100%;
	text-align:left;
	border-width:1px;
	border-style:solid;
	margin:10px 0px 10px 0px;
}
div#detail form#nakup table input#kus{
	width:30px;
}
div#detail form#nakup table th{
	padding:3px;
	border-bottom-width:3px;
	border-bottom-style:solid;
}
div#detail form#nakup table td{
	padding:3px;
}
label.obligate {
	font-weight:bold;
	margin-right:10px;
}

/* kosik, objednavka a detail konec */

/* akce*/

div#right div#akce {
	float:left;
	font-size:11px;
}
div#right div#akce div.product-action{
	border-bottom:1px solid #3a3342;
	padding-top:10px;
}
div#right div#akce h2.top{
}
div#right div#akce p {
	padding:3px 0px 7px 0px;
}
div#right div#akce p a{
	text-decoration: none;
}
div#right div#akce p.right {
	text-align:right;
}
div#right div#akce img {
	width:120px;
}
div#right div#akce p.right span.old-price{
	text-decoration:line-through;
}
/* akce konec*/

/* detail*/

div#detail p#zarazeni a {
	margin-right:6px;
}
strong.cena1 {
	color:#e0e0e0;
	text-decoration: underline;
}
table#pictures td{
	border:none;
}
div#detail table#pictures img {
	border: 1px solid #2b485c;
	margin:0px 5px 5px 0px;
}
div#detail div#goto {
}
div#detail div#goto a {
	text-decoration:none;
}
div#detail div#goto em {
	text-decoration:underline;
	font-style:normal;
}
div#detail div#goto img.predmet {
	margin:5px 0px 0px 0px;
	border: 1px solid #2d4411;
}
div#detail div#back {
	width:50%;
	float:left;
}
div#detail div#next {
	width:50%;
	text-align:right;
	float:left;
}
div#detail div#back img.arrow {
	margin-right:10px;
}
div#detail div#next img.arrow {
	margin-left:10px;
}

/* detail konec*/

/*footer*/

div#footer{
	width:100%;
	float:left;
	background:url(../images/style/footer.gif) no-repeat;
	padding:10px 0px 10px 0px;
}
div#footer p{
	text-align:right;
	float:left;
	font-size:10px;
	width:99%;
	padding:2px 0px 2px 0px;
}
div#footer p#links a{
	margin-left:5px;
}
div#footer p , div#footer p a{
	color:#d2d2d2;
}

/*footer konec*/

/*admin*/

div.admin-link{
	position:absolute;
	top:0px;
	right:0px;
	background-color:#304b5d;
}
div.admin-link a{
	width:80px !important;
	padding:40px 0px 0px 0px;
	height:20px;
	margin:8px 1px 0px 1px;
	text-align:center;
	color:#c2d2e5;
	display:block;
	text-decoration:none;
}
div.admin-link a:hover{
	color:#fff;
}
div.switch-interface a{
	background:url(../images/style/admin/link-switch.gif) center top no-repeat;
}
div.switch-interface a:hover{
	background:url(../images/style/admin/link-switch-active.gif) center top no-repeat;
}

/*admin konec*/