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

/* TinyMCE specific rules */

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

/* TinyMCE specific rules konec */

/* obecne */

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	background:url(../images/style/background.gif) top left repeat-x #2c2c2c;
}

a {
	color:#5881ae;
}
a:hover {
	color:#195290;
	text-decoration:none;
}
a img {
	border:none;
}
strong, b {
	color:#474747;
}
h1 {
	display:none;
}
h2 {
	font-size:14px;
	color:#3c3c3c;
	margin:0px;
	line-height:25px;
	font-weight:bold;
	text-align:left;
	padding-left:0px;
}
h2.none {
	display:none;
}
h3 {
	font-size:12px;
	color:#3c3c3c;
	margin:0px;
	line-height:20px;
	text-align:left;
}
ul {
	padding:5px 0px 5px 20px;
	margin:0px 0px 0px 0px;
}
li {
	padding:0px;
	margin:0px;
}
select{
	height:20px;
}
input , textarea , fieldset , select{
	border:1px solid #6e6e6e;
}
fieldset{
	margin:10px 0px 10px 0px;
	padding:10px;
}
.submit-arrow {
	cursor:pointer;
	margin:0px 0px 0px 5px;
	border:none;
	background:url(../images/style/search-button.gif) center right no-repeat #e1e1e1;
	padding:0px 22px 0px 0px;
	font-weight:bold;
	color:#474747;
	font-size:12px;
}
option.not {
	font-style:italic;
}
p {
	margin:0px;
	padding:5px 0px 5px 0px;
}
table {
	border-collapse:collapse;
}
table td{
	border:1px solid #6e6e6e;
}
label.obligate {
	font-weight:bold;
	margin-right:10px;
}


/* obecne konec */

/* rozvrzeni */

div#center {
	margin:0px auto 0px auto;
	width:916px;
}
div#content-background {
	width:914px;
	float:left;
	background:url(../images/style/main-back.gif) top left repeat-y;
	padding-top:0px;
}
div#left {
	width:213px;
	float:left;
	margin:0px 0px 0px 8px; /* --- ! ODLISNE V IE 6 ! --- */
}
div#middle {
	width:658px;
	float:left;
	padding:29px 15px 40px 15px;
	margin-right:0px;
	background:url(../images/style/right-top.gif) top left no-repeat;
}
div#right {
	width:140px;
	float:left;
	margin-left:0px;
	display:none;
}
h2.top {
	height:30px;
	line-height:30px;
	padding:0px 0px 0px 10px;
	font-size:12px;
	color:#fce474;
}
div#left h2.top {
	width:170px;
	background:url(../images/style/top-180.gif) no-repeat;
	display:none;
}
div#middle h2.top{
	width:640px;
	color:#195290;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
}
div#right h2.top {
	width:130px;
	background-image:url(../images/style/top-140.gif);
}
div.content {
	padding:0px 9px 0px 9px;
}
div#left div.content {
	width:160px;
}
div#middle div.content {
	width:640px;
	float:left;
	padding-top:8px;
}
div#right div.content {
	width:120px;
}
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:19px;
	background:url(../images/style/left-top.gif) top left no-repeat;
	font-size:1px;
	border-top:none;
	margin-bottom:10px;
}
div#left div.bottom {
	width:213px;
}
div#middle div.bottom {
	width:538px;
	float:left;
	display:none;
}
div#right div.bottom {
	width:138px;
}
div#products-list {
	float:left;
}

/* rozvrzeni konec*/

/* horni lista*/

div#logo {
	width:140px;
	height:120px;
	float:left;
}
div#logo a {
	width:140px;
	height:120px;
	display:block;
}
div#top-image {
	width:916px;
	height:240px;
	background:url(../images/style/topimage.jpg) top left no-repeat;
}

/* jazyky */

div#lang {
	width:150px;
	float:left;
	padding:12px 0px 0px 20px
}
div#lang a{
	display:block;
	float:left;
	width:21px;
	height:14px;
	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:908px;
	height:35px;
	display:block;
	padding:5px 0px 0px 8px;
	background-image:url(../images/style/menu-information.gif);
	list-style-type:none;
}
ul#hlavniMenu ul {
	position:absolute;
	top:32px;
	left:0px;
	visibility:hidden;
	padding:0px;
	list-style-type:none;
}
ul#hlavniMenu li {
	width:150px;
	float:left;
	z-index:100;
	position:relative;
}
ul#hlavniMenu a.link-level-1 {
	display:block;
	font-weight:bold;
	line-height:35px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	height:35px;
	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 */
	color:#ed1c22;
	text-decoration:underline;
}
ul#hlavniMenu ul li{
}
ul#hlavniMenu ul li a.link-level-2 {
	background-color:#5b5b5b;
	border-top:1px solid #fff;
	padding:3px 3px 3px 3px;
	text-align:left;
	width:144px;
	line-height:18px;
	display:block;
	color:#FFF;
	text-decoration:none;
}
ul#hlavniMenu ul li a:hover {
	background:#393939;
}
ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul {
	visibility:visible;
}
ul#hlavniMenu li {
	behavior: url(/hover.htc);
}
/* menu konec*/
#contacts {
	display:none;
}
/* horni lista konec*/

/* menu shop*/

div#menu-shop div.content{
	padding:20px 0px 15px 0px;
	width:213px; /* pri zmene sirky menu se meni pouze tato sirka */
	background:url(../images/style/left-back.gif) top left repeat-y;
}
div#menu-shop ul{
	list-style-type:none;
}
div#menu-shop li.no-child{
	display:block;
	padding-left:27px !important;
	color:#3f3f3f;
	font-weight:normal;
	background:url(../images/style/submenu/menu-arrow.gif) 6px center no-repeat;
}
div#menu-shop ul#menu-shop-ul {
	width:100%;
	padding:0px;
	background:url(../images/style/left-back-hover.gif) top left repeat-y;
}
div#menu-shop ul#menu-shop-ul table{
	width:100%;
}
div#menu-shop ul#menu-shop-ul td{
	padding:0px;
	border:none;
}
div#menu-shop ul#menu-shop-ul td.icon{
	width:15px;
}
div#menu-shop ul#menu-shop-ul a {
	font-weight:bold;
}
div#menu-shop ul#menu-shop-ul a.icon {
	height:9px;
}
div#menu-shop ul#menu-shop-ul a:hover {
}
div#menu-shop ul#menu-shop-ul li.level1 {
	padding:4px 9px 3px 24px;
	font-weight:bold;
	background:url(../images/style/menu-polozky.gif) top left repeat-y;
}
div#menu-shop ul#menu-shop-ul li.discount, div#menu-shop ul#menu-shop-ul li.catalogue, div#menu-shop ul#menu-shop-ul li.news {
	padding:4px 9px 3px 41px !important;
}
div#menu-shop ul#menu-shop-ul li.level1 a{
	color:#e1e1e1;
	text-transform:uppercase;
	text-decoration:none;
}
div#menu-shop ul#menu-shop-ul li.level1 a:hover{
	text-decoration:underline;
}
div#menu-shop ul#menu-shop-ul li.level1 ul {
	margin:8px 0px 0px 0px;
	padding:0px;
}
div#menu-shop ul#menu-shop-ul li.level1 ul li{
	margin:3px 0px 3px 0px;
	padding:0px;
}
div#menu-shop ul#menu-shop-ul li.level1 li.level2 a {
	display:block;
	padding-left:25px;
	text-transform:none;
	color:#000;
	font-weight:bold;
}
div#menu-shop ul#menu-shop-ul li.level1 li.level2 a:hover {
	color:#b5c8d9;
	text-decoration:none;
}

/* menu eshop konec*/

/* rychla navigace*/


div#quick-navigation td{ 
	border:none;
}
div.quick-category{ 
	width:48%;
	padding:4px 4px 4px 4px; /* --- ! ODLISNE V IE 6 ! --- */
	float:left;
}
div.quick-category:hover{ 
	background-color:#cecece;
}
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 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;
}
div#nabidka div.product {
	margin:3px; /* --- ! ODLISNE V IE 6 ! --- */
	padding:8px 14px 8px 14px;
	width:175px; /* při změně velikosti náhledu produktu je potřeb změnit i velikost div.image */
	height:250px;
	background:url(../images/style/produkty-back.gif); /* 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;
}
div.product strong, div.product strong b {
	color:#b5c8d9;
}
div.product div.image{
	width:176px;
	height:132px;
	margin-left:0px;
}
div.product div.image a img{
	border:none;
	width:176px;
	height:132px;
}
div.product div.description{
	width:100%;
}
div.product h2.product-name{
	padding:0px 0px 0px 0px;
	line-height:10px !important; /* zde je potřeba přepsat defaultní styly h2, aby odpovídali nadpisu náhledu produktu */
	height:20px;
}
div.product h2.product-name a{
	text-decoration:none;
	display:block;
	text-align:left;
	color:#fff;
	width:100%;
	font-size:12px;
	height:20px;
}
div.product div.description div.perex{
	font-size:12px;
	color:#000;
	height:30px;
	padding-top:3px;
	width:100%;
	overflow:hidden;
}
div.product div.description div.price{
	width:100%;
	text-align:right;
	padding:3px 0px 3px 0px;
	color:#000;
	font-weight:normal;
}
div.product div.description div.plocha{
	width:100%;
	height:20px;
}
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{
	width:60px;
	text-align:center;
	padding-left:0px;
	height:20px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:20px;
	cursor:pointer;
	float:right;
}
div.description div.view-detail a{
	background-color:#414141;
	display:block;
}
div.product div.description div.view-detail a:hover , form.fastnakup a.fast-buy:hover , a.buy:hover{
	background-color:#9f9f9f;
}
form.fastnakup a.fast-buy , a.buy{
	background:url(../images/style/button-buy.gif);
	margin-left:5px; /* --- ! ODLISNE V IE 6 ! --- */
}
a.buy{
	float:left;
}
div#pictures {
	width:280px;
	float:left;
	padding:10px;
}
div#pictures a{
	float:left;
	margin:0px 5px 0px 5px;
}
div#pictures img{
	margin-bottom:10px;
}
div#detail-info {
	width:319px;
	float:left;
	padding:10px;
	margin-top:10px;
}
div#detail-info form , div#detail-info div#contacts-detail{
	margin:10px 0px 0px 0px;
	background-color:#efefef;
	border:1px solid #757575;
	padding:10px;
}
div#detail-info form input.submit{
	margin-top:5px;
}
div#detail-info form textarea{
	width:100%;
	height:150px;
}


/* nabidka konec*/

/* vyhledavani a raditko*/

div#search-select {
	display:none;
}
table#table-search td{
	border:none;
}
table#table-search td.first{
	text-align:right;
}
table#table-search select{
	width:162px;
	margin-left:4px;
}
table#table-search input{
	width:160px;
	margin-left:4px;
}
table#table-search input.submit{
	width:140px;
	margin:4px 0px 0px 26px !important
}
table#table-search input.checkbox{
	width:auto;
	border:none;
}
form#search {
	float:left;
	position:relative;
	top:80px;
	left:240px;
}
form#search label {
	font-weight:bold;
}
select#raditko {
	float:left;
}
.pointer {
	cursor:pointer;
}

/* vyhledavani a raditko konec */

/* kosik*/

div#right div#kosik h2.top {
	background-image:url(../images/style/top-140-basket.gif);
}
div#right div#kosik ul {
	list-style-type:none;
	padding:0px;
}
div#right div#kosik li {
	width:100%;
	line-height:25px;
	border-bottom:1px dotted #d9ccb3;
}
/* kosik konec*/

/* kosik a objednavka detail */

/* --------========= kosik a objednavka detail colors ===========---------- */

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

table#basket , table#step3 td , table#order-check{
	background:#eee8db; /* nejsvetlejsi barva */
}
tr#basket-title td , table#basket , tr#summary td{
	border-color:#a39170; /* nejtmavsi barva */
}
tr#summary td , tr#basket-title td , input.pieces-submit{
	background:#ddd1bb; /* stredni barva */
}
table#basket tr.added-product td , table#step3 td , table#order-check td{
	border-color:#ddd1bb; /* stredni barva */
}

/* --------========= kosik a objednavka detail colors 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-bottom-style:solid;
	border-bottom-width:3px;
}
table#basket tr#summary td{
	border-top-style:solid;
	border-top-width:3px;
}
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;
}

/* kosik a objednavka detail */

/* akce*/

div#right div#akce {
	margin:10px 0px 0px 0px;
	font-size:11px;
}
div#right div#akce div.product-action{
	border-bottom:1px dotted #d9ccb3;
	padding-top:5px;
}
div#right div#akce h2.top{
}
div#right div#akce p {
	padding:3px 0px 3px 0px;
	text-align:center;
}
div#right div#akce p a{
}
div#right div#akce p.right {
	text-align:right;
}
div#right div#akce img {
	width:120px;
}
/* akce konec*/

/* detail*/

div#detail p#zarazeni a {
	margin-right:6px;
}
div#detail table#pictures img {
	border: 1px solid #39431b;
	margin:0px 5px 5px 0px;
}
div#detail div#goto {
	border-top:1px solid #777777;
	float:left;
	width:100%;
	padding-top:7px;
	margin-top:10px;
}
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 #6e6e6e;
}
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;
}
div#detail form#nakup {
	margin:10px 0px 10px 0px;
	height:26px;
}
div#detail form#nakup input#kus {
	width:25px;
	float:left;
	margin-right:5px;
}
div#detail form#nakup label {
	float:left;
	line-height:20px;
	margin-right:5px;
}
div#detail form#nakup select {
	float:left;
	margin-right:5px;
}
div#detail form#nakup a#koupit {
	width:47px;
	background-image:url(../images/style/button_koupit.gif);
	display:block;
	height:20px;
	line-height:20px;
	color:#f5f9c5;
	font-weight:bold;
	text-decoration:none;
	padding-left:12px;
	float:left;
	cursor:pointer;
}
div#detail form#nakup a#koupit:hover {
	color:#fff;
}
strong.cena1 {
	color:#000;
}

/* detail konec*/

/*footer*/

div#footer{
	width:100%;
	float:left;
	background:url(../images/style/footer.gif) top left no-repeat;
	height:39px;
}
div#footer p{
	text-align:right;
	float:left;
	font-size:10px;
	width:97%;
	margin-top:16px;
}
div#footer p , div#footer p a{
	color:#acacac;
}
div#footer span{
	display:none;
}

/*footer konec*/

/*admin*/

div#admin-link{
	position:absolute;
	top:20px;
	right:40px;
}
div#admin-link a{
	width:146px !important;
	height:35px;
	line-height:35px;
	text-align:center;
	background:url(../images/style/admin/button-submit.png) left top;
	color:#fff;
	font-weight:bold;
	display:block;
	text-decoration:none;
}
div#admin-link a:hover{
	background-position:0px 35px;
}

/*admin konec*/

