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

/* TinyMCE specific rules */

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

/* TinyMCE specific rules konec */

/* obecne */

body {
	margin:0px;
	padding:0px;
	background:url(../images/style/background-body.gif) repeat-x #157ac0;
	color:#424242;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
}
a , h1 , h2 , h3 , h4 , h5 , strong , b{
	color:#7c53a2;
}
a:hover {
	color:#ac73e1;
	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 #a6a5a5;
	height:20px;
}
input , textarea , fieldset , td{
	border:1px solid #a6a5a5;
}
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/button-arrow-login.gif) center right no-repeat #fff;
	padding:0px 12px 0px 0px;
	color:#7c53a2;
	font-size:12px;
}
.submit-arrow:hover {
	color:#ac73e1;
}
.pointer {
	cursor:pointer;
}


/* obecne konec */

/* rozvrzeni */

div#center {
	margin:0px auto 0px auto;
	width:1010px;
}
div#content-background {
	width:1010px;
	float:left;
	background:url(../images/style/content.gif) top left no-repeat;
	background-position: -1px 0px;
	padding-top:5px;
}
div#inner-content-background {
	width:920px;
	float:left;
	background:#fff;
	margin-left: 45px;
}
div#left {
	width:190px;
	float:left;
	margin:0px 0px 0px 9px; /* --- ! ODLISNE V IE 6 ! --- */
}
div#middle {
	width:550px;
	float:left;
	padding:0px;
	margin-right: 10px;
}
div#right {
	width:150px;
	float:left;
}
h2.top {
	height:35px;
	line-height:35px;
	padding:0px 0px 0px 10px;
	font-size:12px;
	color:#fff;
	float:left;
}
div#left h2.top {
	width:170px;
	background:url(../images/style/top-180.gif) no-repeat;
}
div#middle h2.top{
	width:550px;
	background:url(../images/style/top-550.gif) no-repeat;
}
div#right h2.top {
	width:140px;
	background-image:url(../images/style/top-150.gif);
}
div.content {
	border-left:1px solid #b4b5b7;
	border-right:1px solid #b4b5b7;
	padding:9px 9px 9px 9px;
	float:left;
}
div#left div.content {
	width:160px;
}
div#middle div.content {
	width:530px;
	float:left;
	padding-top:8px;
}
div#right div.content {
	width:130px;
}
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:4px;
	font-size:1px;
	margin-bottom:10px;
	float:left;
	background:url(../images/style/bottom.gif);
	border-right: 1px solid #b4b5b7;
}
div#left div.bottom {
	width:179px;
}
div#middle div.bottom {
	width:549px;
}
div#right div.bottom {
	width:149px;
}
div#products-list {
	float:left;
}

/* rozvrzeni konec*/

/* horni lista*/

div#logo {
	float:left;
	position: relative;
	top: 5px;
	left: 730px;
}
div#logo a {
	width:235px;
	height:40px;
	display:block;
}
div#top-image {
    float:left;
	width:1010px;
	height:256px;
	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:910px;
	height:45px;
	display:block;
	padding:0px 0px 0px 100px;
	background-image:url(../images/style/menu-information.gif);
	list-style-type:none;
	float:left;
}
ul#hlavniMenu ul {
	position:absolute;
	top:45px;
	left:0px;
	visibility:hidden;
	padding:0px;
	list-style-type:none;
}
ul#hlavniMenu li {
	width:135px;
	float:left;
	z-index:100;
	position:relative;
}
ul#hlavniMenu a.link-level-1 {
	display:block;
	line-height:45px;
	color:#fff;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	height:45px;
	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 #91ceff;
	padding:3px 3px 3px 3px;
	text-align:left;
	width:130px;
	line-height:18px;
	display:block;
	color:#FFF;
	text-decoration:none;
}
ul#hlavniMenu ul li a:hover {
	background:#356eba;
}
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:180px;} /* 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								{background:#3673a1; border: none;} /* url(../images/style/background-menu.gif) repeat-x #7093ccnastavení 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:#7193c3;} /* 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 								{border-top: 1px solid #568ab2; border-bottom:1px solid #335585;} /* nastavení ohraničení položky 1.úrovně */

/* ---=== menu shop config konec ===--- */
div#menu-shop h2.top{
	background:url(../images/style/top-180-menu.gif);
  height: 51px;
}
div#menu-shop div.content{
	padding:0px;
	line-height:15px;
}
div#menu-shop div.bottom{
	background:url(../images/style/bottom-180-menu.gif);
	height: 12px; 
	border-color: #3673a1;
}
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:20px;
	padding-left:9px !important;
}
ul#menu-shop-ul a {
	text-decoration: none;
}
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 {
border-top: 1px solid #5a76a5;
	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 30px;
	font-weight:normal;
	background:url(../images/style/submenu/menu-arrow.gif) 10px center no-repeat;
}

/* menu eshop konec*/


/* rychla navigace*/

div.quick-category{ 
	width:47%;
	padding:4px 4px 4px 4px;
	float:left;
	background-color:#fff;
	margin:3px 3px 3px 3px; /* --- ! ODLISNE V IE 6 ! --- */
}
div.quick-category:hover{ 
	background-color:#b2d3ed;
}
div.quick-category a.category-link{
	font-weight:bold;
	display:block;
	height:15px;
	overflow:hidden;
}
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:#3f423c;
	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;
	color: #626262;
}
div#nabidka p.listovani a strong{
	color: #626262;
}
div#nabidka p.listovani a.now {
text-decoration:none;
}
div#nabidka div.product {
	margin:1px; /* --- ! ODLISNE V IE 6 ! --- */
	margin-top: 8px;
	margin-right: 5px;
	padding:0px;
	width:257px; /* při změně velikosti náhledu produktu je potřeb změnit i velikost div.image */
	height:172px;
	border-bottom: 1px solid #bcbebe; /* 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;
}

/* obrazek a jeho ikonky */

div.product div.image{
	width:120px;
	height:160px;
	margin-left:0px;
	float: left;
	border:1px solid #b4b5b7;
}
div.product div.image a{
	display:block;
	position:absolute;
}
div.product div.not-image{
	float: left;
	margin: 3px 0px 0px 5px;
	width: 130px;
}
div.product div.image a img{
	border:none;
}
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:100%;
}
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 */
}
div.product h2.product-name a{
	text-decoration:none;
	display:block;
	text-align:center;
	width:100%;
	font-size:12px;
	height:30px;
}
div.product div.description div.perex{
	font-size:10px;
	color:#3f3f3f;
	height:111px;
	padding-top:3px;
	width:100%;
	overflow:hidden;
}
div.product div.description div.price{
	width:100%;
	text-align:right;
	padding:3px 0px 3px 0px;
	height: 14px;
	overflow: hidden;
}
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 a , form.fastnakup a.fast-buy , a.buy{
	display:block;
	width:60px;
	text-align:center;
	height:25px;
	line-height:25px;
	cursor:pointer;
	float:left;
	color: #fff;
	text-decoration: underline;
}
div.description div.view-detail a{
	background:url(../images/style/button-detail.gif);
	margin-left:2px; /* --- ! odlisne v ie 6! --- */
	color:#540c89;
	
}
div.product div.description div.view-detail a:hover , form.fastnakup a.fast-buy:hover , a.buy:hover{
	text-decoration:none;
}
form.fastnakup a.fast-buy , a.buy{
	background:url(../images/style/button-buy.gif);
	margin-left:8px; /* --- ! ODLISNE V IE 6 ! --- */
}
a.buy{
	float:left;
}

/* nabidka konec*/

/* 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{
}
div#top-image div#basket , div#login-window{
	width:162px; /* sirka okna custommer */
}
div#customer h2.top {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  font-weight: normal;
  color: #6312a5;
}
div#customer form{
  float: left;
}
div#login-window{
	float:left;
	position: relative;
	left: 365px;
	top: 100px;
	padding:9px 0px 5px 9px; 
}
div#login-window label{
	width:48px;
	display:block;
	float:left;
	line-height:19px;
	margin-top:5px;
}
div#login-window input#customer_login , div#login-window input#customer_password{
	width:80px;
	float:left;
	margin-top:5px;
}
div#login-window .submit-arrow{
  float: left;
  text-decoration: underline;
}
div#login-window small a {
	float: left; 
	font-size:8px;
	margin-top: 6px;
	width: 75px;/*jine v IE6*/
}
div#customer .submit-arrow {
	margin-left: 0px;
	margin-right: 10px;
}
div#basket .submit-arrow {
	background:url(../images/style/button-arrow-basket.gif) center right no-repeat #fff;
	color: #2f61a6;
  margin-top:5px;
	float: left;
}
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#top-image div#basket{
	float:left;
	position: relative;
	left: 360px;
	top: 100px;
	padding:9px;
}
div#top-image div#basket h2.top{
  color: #335c86;
  padding-left: 20px;
}
div#top-image div#basket strong{
  color: #335c86;
}
div#top-image div#basket ul {
	list-style-type:none;
	padding:0px;
	float: left;
	margin-top: 5px;
}
div#top-image div#basket li {
	width:100%;
	line-height:20px;
}

/* 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:#fff;} /* nejsvetlejsi barva */
tr#summary td , tr#basket-title td , input.pieces-submit , form#nakup th				{background:#e4e4f4;} /* stredni barva */
tr.added-product td , table#step3 td , table#order-check td	 , table#order-check 		{border-color:#e4e4f4;} /* stredni barva */
tr#basket-title td , table#basket , tr#summary td , form#nakup th , form#nakup table 	{border-color:#7c53a2;} /* nejtmavsi barva */
form#nakup table th	, table#basket tr#basket-title td , label.obligate					{color:#7c53a2;} /* nejtmavsi barva */

/* ---=== 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;
}
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.content{
  background-color: #e4e4f4;
  border-color: #e4e4f4;
  padding: 0px;
  width: 148px;
}
div#right div#akce div.product-action{
	border-bottom:1px solid #ababb7;
	padding:5px 10px;
}
div#right div#akce h2.top{
	background:url(../images/style/top-actions.gif) no-repeat;
	height: 48px;
}
div#right div#akce div.bottom{
	background:url(../images/style/bottom-actions.gif) no-repeat;
  border-color: #e4e4f4;
  height: 8px;
}
div#right div#akce p {
	padding:3px 0px 3px 0px;
	text-align:center;
}
div#right div#akce p a{
  color: #343333;
  text-decoration: none;
}
div#right div#akce p a:hover{
  text-decoration: underline;
}
div#right div#akce p.right {
	text-align:right;
}
div#right div#akce img {
	width:128px;
}
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:#000;
}
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 #b4b5b7;
}
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:920px;
	float:left;
	background:url(../images/style/footer.gif) no-repeat #9871b6;
	padding:10px 0px 5px 0px;
	margin-left:45px;
}
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:#ffffff;
}

/*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*/