@import 'general.css';
@import 'common.css';

/*--ESSENTIAL--------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html { 
	background: #ffffff;
	padding:0px; 
	width:100%; 
	height:100%; 
} 

body {
    padding:0px;
    behavior: url("scripts/csshover.htc");    
	color: #213134;
	width:100%;
	height:100%; 
}

/*--LAYOUT----------------------------------------------------------------*/
#container {
	width: 100%;
	background:url(../images2/bg.jpg) no-repeat top center #FFF;
}

#main{
	margin: 0 auto; 
	width:990px; 
	position: relative; 
	padding:330px 0px 0px 0px; 

} 

a#logo{
	position:absolute;
	top:26px; 
	left:7px; 
	width:358px;  
	height:99px;
	text-decoration:none;
	display:block;
}

#page { 
	margin: 0 auto;
	width:980px;
	position: relative;
	left:-5px;
	
} 
#content{
	width: 990px; 
	margin: 0 auto; 
	overflow: hidden;
	padding:0px 0px 30px 0px; 
} 

#fullPage{
	padding:50px 0px 20px 0px;
	min-height:200px;
}

#fullPage.noBread{ padding:0px 0px 20px 0px; }

#header{
	position:absolute;
	top:0px;
	left:0px;
	width: 990px;
}
 

#leftPart{
	float:left;
	width:680px;
	min-height:400px;  
}

#textPage{
	padding:50px 25px 25px 0px;
}

#leftPart.page{
	padding-top:60px; 
}

#rightPart{
	float:right;
	width:310px;
}

.rightBox{
	background:url(../images2/rbox_t.png) no-repeat top left;
	padding:19px 0px 0px 0px;
	margin:15px 0px 0px 0px;
}

.rightBox h3{
	padding:0px;
	margin:0px 0px 7px 10px;
	font-size:25px; 
}

.rightBoxBody{
	background:url(../images2/rbox_m.png) repeat-y #d9ecf5;
	padding:0px 0px 5px 10px;
	min-height:50px; 
}

.rightBoxBottom{ 
	background:url(../images2/rbox_b.png) no-repeat;
	height:20px;
}

.whiteBox{
	background:url(../images2/whiteboxTop.png) no-repeat top left;
	width:293px;
	margin:0px 0px 5px 0px;
}

.whiteBoxBody{
	padding:15px 5px 5px 5px;
	color:#213134; 
}

.whiteFooter{
	background:url(../images2/whiteboxFooter.png) no-repeat;
	width:293px;
	height:15px;
}

a.title{
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 3px 0px;
}

.whiteBoxBody table{
	width:100%;
	border-collapse:collapse;
}

.whiteBoxBody table td{ padding:0px; }

.whiteBoxBody table td.im{ width:66px; } 
 
.whiteBoxBody table td.im img{ max-width:60px; } 


/* menu */
#menu{
	display:block;
	margin:0px;
	padding:0px;
	position:absolute; 
	top:197px;  
	left:60px; 
}
  
#menu ul{
	padding:0px;
	margin:0px;
	list-style:none;
} 

#menu a, #menu li{
	display:block;
	float:left;
	height: 35px;
	line-height:35px;
	position:relative;
}

#menu li{ 
	text-align: center;
	*display: inline;
}
 
#menu a{
	font-family:"Arial", Gadget, sans-serif; 
	font-size:13px;  
	color:#ffffff;
	font-weight:bolder;
	text-decoration:none;
	display: block;  
	padding:0px 28px; 
}

#menu li.active a {
	color:#FFF;
	text-decoration:underline;
}
 
#menu a:hover {
	color:#FFF; 
	text-decoration:underline; 
}


#menu ul li ul {
    width: 260px;
    margin: 0;
    padding-bottom: 0px;
    position: absolute;
    top: 30px;
    left: 0;
    background:#149cce;
    display: none;
	text-align:left;
	z-index:909;
}

#menu ul  li:hover ul {
    display: block;
}

#menu ul  li ul li {
    padding: 0 5px 0 5px;
    float: none; 
}

#menu ul  li ul li a { 
    padding: 7px 5px 7px 16px;
    line-height: normal;  
    font-size: 12px;
    float: none; 
	color:#FFF;
	text-align:left;
    background: none !important; 
}

#menu ul  li ul li:hover {
	background:#1188b2;   
}

#basketInfo {
	position:absolute;
	left:799px;
	top:275px; 
	width:190px;  
}

#basketInfo a{ text-decoration:none; }

#basketInfo a span{
	text-decoration:underline;
	color:#FFF;
	font-size:12px;
}

#basketInfo strong{
	font-size:14px;
	color:#83fff2;
}
 
#searchInput{
	width:225px;
	padding:0px;
	margin:0px;
	font-style:italic;
	position:absolute;
	top:272px; 
	left:119px;
	border:none;
	background:none;
	font-size:13px;
	font-weight:bold; 
	color:#999;
	line-height:22px;
	height:22px;
}

#searchSubmit{
	background:url(../images2/btn_search.png) no-repeat 0px 0px;
	width:98px;
	padding:0px;
	margin:0px;
	height:32px;
	position:absolute;
	top:266px; 
	left:354px;
	border:none; 
}

#searchSubmit:hover{ background-position:0px -32px; } 

#bread{
	background:url(../images2/breadBG.png) no-repeat;
	width:660px;
	overflow:hidden;
	height:40px;
	line-height:40px;
	font-weight:bold;
	position:absolute;
	top:331px;
	left:0px;
	color:#4e5657;
	font-size:12px;
}
#bread a{ text-decoration:underline; font-weight:normal; color:#4e5657;}
#bread a:hover{ text-decoration:underline; color:#ff0002; }


#bread a.home{ margin:0px 45px 0px 55px; }

/*--FOOTER---------------------------------------------------------------*/
#footer {
	background:url(../images2/footer_bg.png) no-repeat; 
	height:74px;
}

#footer *{ color:#595c5e; text-decoration:none;  } 

#footer div#copy1 {
	color:#595c5e;
	font-size:12px;
	padding:30px 0px 0px 50px;
	float:left;
}

#footer div#copy2 {
	color:#595c5e; 
	font-size:12px;
	padding:2px 50px 0px 0px;
	float:right;
	line-height:50px; 
}

#footer div#copy2  img{ position:relative; top:12px;  }

/* homepage */
#akcni{
	background:url(../images2/anabidka.png) no-repeat;
	width:640px; 
	height:220px; 
	margin:0px 0px 20px 0px;
	padding:82px 20px 0px 0px;
	position:relative;
}

#akcni p{
	margin:10px 0px 10px 0px;
	font-size:12px;
	color:#213134;
}

#akcni .textBlock{
	float:right;
	width:324px;
}

a#mainImg{
	display:block;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	position:relative;
	width:260px;
	height:195px;
	float:left;
	margin:1px 28px 0px 24px; 
	background:#FFF; 
}

a#mainImg img{
	max-height:190px;
}



#pblock{
	position:absolute;
	bottom:23px;
	left:330px;
	width:322px;
	height:40px;
	line-height:40px;
}

#pblock big{
	color:#f61013;
	font-size:24px;
	font-weight:bold;
}

#pblock strong{
	font-size:14px;
	color:#213134;
}

.sAkce{
	background:url(../images2/i_akce.png) no-repeat;
	width:139px;
	height:139px;
	position:absolute;
	top:-7px;
	left:-7px; 
}

a.aTitle{
	font-size:24px;
	color:#FFF;
	text-decoration:none;
	text-shadow: 1px 1px #4293a6;
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#4293a6); 
	font-weight:bold;
	display:block;
	height:58px;
	overflow:hidden;
}

.vakce{
	background:url(../images2/btn_akce.png) no-repeat 0px 0px;
	width:123px;
	display:block;
	height:29px;
	text-decoration:none;
	position:absolute;
	top:22px;
	left:483px;
}

.vakce:hover{ background-position:0px -28px; }

.btn span{ display:none; }

.buy{
	background:url(../images2/btn_basket.png) no-repeat 0px 0px;
	width:113px;
	height:35px;
	display:block;
	float:right;
}

.buy:hover{ background-position:0px -36px; }

a#mainImg img{ max-height:196px; } 

#nejrodavanejsi{
	background:url(../images2/nejprodavanejsi.png) no-repeat top left;	
	padding:80px 0px 20px 0px;
	min-height:100px;
}

.product{
	background:url(../images2/product_bg.png) no-repeat;
	height:174px;
	margin:0px 0px 10px 0px;
	padding:16px 28px 0px 0px;
	position:relative;
}


.pblock{
	position:absolute;
	bottom:13px;
	left:240px;
	width:404px;
	height:40px;  
	line-height:40px;
}

.pblock big{
	color:#f61013;
	font-size:17px;
	font-weight:bold;
}

.pblock strong{
	font-size:13px;
	color:#213134;
}

.product .mainImg{
	display:block;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	position:relative;
	width:190px;
	height:140px;
	float:left;
	margin:0px 28px 0px 16px; 	
	background:#FFF; 
}


.product .mainImg img{
	max-height:140px;
}

.product a.ptitle{
	font-size:18px;
	font-weight:bold;
	color:#225db9;
	text-decoration:underline;
}
.product a.ptitle:hover{ text-decoration:none; }

.product p{
	font-size:12px;
	color:#213134;
	margin:7px 0px 0px 0px;
}

.oldPrice{
	font-weight:normal !important;
	text-decoration:line-through !important;
} 

#showHeurekaBadgeHere-11{
	position:absolute;
	top:22px;
	left:546px;
}

a.btnAllNej{
	background:url(../images2/btn_vseNej.png) no-repeat  0px 0px;
	width:180px;
	display:block;
	float:right;
	height:30px;
	margin:0px 20px 0px 0px;
}

a.btnAllNej:hover{ background-position:0px -32px; }

a.btnAllNews{
	background:url(../images2/btn_vseNews.png) no-repeat 0px 0px;
	width:180px; 
	display:block;  
	float:left;
	margin:10px 0px 0px 0px;
	height:30px; 
}

a.btnAllNews:hover{ background-position:0px -32px; }

/* numberes */
.no{
	display:block;
	width:29px;
	height:29px; 
	background:url(../images2/numbers.png) no-repeat 100px 0px;
	position:absolute;
	top:0px;
	left:0px;
}

.n1{ background-position:0px 0px; }
.n2{ background-position:0px -33px; }
.n3{ background-position:0px -66px; }
.n4{ background-position:0px -99px; }
.n5{ background-position:0px -129px; }
.n6{ background-position:0px -161px; }
.n7{ background-position:0px -193px; }
.n8{ background-position:0px -224px; }
.n9{ background-position:0px -255px; }
.n10{ background-position:0px -286px; }
.n0{ background-position:0px -2927px; }

.actionSmall{
	background:url(../images2/tempAkce.png) no-repeat center left;
	padding:5px 0px 5px 38px;
	line-height:16px;
	display:block;
	font-weight:bold;	
	font-size:11px;
	color:#B00000 !important;
	clear:both;
} 

/* kategorie */
#filter{
	background:url(../images2/filterBG.png) no-repeat;
	width:660px;
	height:90px;
	padding:15px 15px 0px 15px;
	margin:20px 0px 10px 0px;
}

#filter table{  
	border-collapse:collapse;
}

#filter table td{
	padding:5px 8px 0px 0px;
}
 
#filter select{
	width:220px;
	padding:5px;
	background:none;
	border:1px solid #8db7be;
}

#products{ }

.productSmall{
	background:url(../images2/productSmall.png) no-repeat;
	width:195px;
	height:382px;
	float:left;
	margin:0px 15px 10px 0px;
	font-size:12px;
	padding:10px 7px 0px 8px;
	position:relative;
}

.productSmall.last{
	margin-right:0px;
}


.productSmall p{
	font-size:11px;
	margin:5px 0px 4px 0px;
}

.productSmall a.t{
	display:block;
	color:#225db9;
	font-weight:bold;
	height:34px;
	text-decoration:underline;
}

.productSmall a.t:hover{ text-decoration:none; }

.productSmall .mainImgSmall{
	display:block;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	position:relative;
	width:182px;
	height:135px;
	overflow:hidden;
	float:left;
	margin:20px 0px 10px 8px; 	
	background:#FFF; 
}

a.buySmall{
	background:url(../images2/buySmall.png) no-repeat 0px 0px;
	width:93px;
	height:38px;
	text-decoration:none;
	display:block;
	float:right; 
}

a.buySmall:hover{ background-position:0px -39px; }

table.pblockSmall{ width:195px; position:absolute; bottom:12px; left:8px; }

table.pblockSmall .p{
	font-size:18px;
	color:#ff0002;
	font-weight:bold;
} 

/* basket */
#steps{
	background:url(../images2/stepsBg.png) no-repeat 0px 0px;
	width:990px;
	height:68px;
	margin:0px 0px 15px 0px;
}

#steps.step1{ background-position:0px 0px; }
#steps.step2{ background-position:0px -70px; }
#steps.step3{ background-position:0px -140px; }
#steps.step4{ background-position:0px -210px; }

#items{
	background:url(../images2/basketLines.png) no-repeat 0px 0px;
}

#items table{
	width:950px;
	margin:7px 0px 10px 20px;
	border-collapse:collapse;
}
 
#items table th, #items table td{
	padding:5px 9px 6px 2px;
	height:25px;
	line-height:25px;
}

#items table th{ 
	padding-bottom:12px;
}

#items table th{
	color:#FFF;
	font-weight:bold;
}

#basketOverview{
	background:url(../images2/blueBigBg.png) no-repeat top left;
	width:985px;
	padding:5px 0px 5px 8px;
}

#basketOverviewFooter{
	background:url(../images2/blueBigFooterBg.png) no-repeat top left;
	height:15px;
}

#items table td.biTitle{
	width:auto;
}
#items table td.biTitle a{ font-weight:bold; }
#items table td.biKs{
	width:80px;
}

#items table td.biKs input{
	width:20px;
	line-height:18px;
}

#items table td.biPriceOld{
	width:150px;
	color:#213134;
}
#items table td.biPrice{
	width:150px;
	color:#ff0002;
	font-weight:bold;
}

#items table td.biDel{
	width:40px;
} 

.delete{
	padding:0px;
	border:none;
	margin:0px;
	background:url(../images2/icoDelee.png) no-repeat 0px 0px;
	width:25px;
	position:relative;
	top:-4px;
	height:25px;
}

.delete:hover{ background-position:0px -30px; }

table#sum{float:right; }

table#sum td{
	padding:5px 10px 5px 0px;
	font-size:12px;
}

.bPrice{
	font-size:18px;
	color:#ff0002;
}

.leftBoxBasket, .rightBoxBasket{
	width:485px;
	float:left;
}

.rightBoxBasket{
	float:right;
}

.leftBoxBasket .b, .rightBoxBasket .b{
	padding:5px 10px 5px 20px;
	background:url(../images2/halfBoxBg.png) no-repeat top left #edf9fe;
	min-height:50px; 
}

.bFooter{
	height:16px;
	background:url(../images2/halfBoxBgFooter.png) no-repeat;
}


.leftBoxBasket h3, .rightBoxBasket h3, .fullboxBasket h3 {
	font-size:15px;
	margin:6px 0px 19px 0px;
	color:#fefefe;
}

.leftBoxBasket table, .rightBoxBasket table{
	border-collapse:collapse;
	width:100%;
}

.leftBoxBasket table td, .rightBoxBasket table td{
	padding:5px 15px 5px 0px;
	color:#213134;
	font-size:12px;
}

.fullboxBasket{
	background:url(../images2/fullBoxBg.png) no-repeat top left #edf9fe;
}

.bFooterFull{
	background:url(../images2/fullBoxBgFooter.png) no-repeat;
	height:14px;
} 

.fullboxBasket .b{
	padding:5px 10px 5px 10px;
	min-height:50px; 
}

input.textInput{
	width:230px;
}
select.textInput{
	width:238px;
}

select, input{
	padding:2px 2px 2px 2px;
	line-height:15px;
	font-size:12px;
}

div.lines{
	background:url(../images2/whiteBasketLine2.png) repeat-y;
	width:970px
} 

div.lines table{
	width:970px;
	margin:4px 0px 0px 0px;
	border-collapse:collapse;
}

div.lines td{
	line-height:30px;
	height:45px; 
	padding:4px 9px 1px 5px;
}

#basketNav{
	padding:10px 0px;
}

#bPrev, #bNext, #bFinish, #bkarta{
	display:block;
	height:39px;
	float:left;
	cursor:pointer;
	border:none;
	padding:0px;
	margin:0px;
}

#bNext:hover, #bFinish:hover, #bkarta:hover{
	background-position:0px -41px;
}
#bPrev:hover{
	background-position:0px -49px;
}

#bNext, #bFinish, #bkarta{
	float:right;
} 
 
#bPrev{
	background:url(../images2/bBack.png) no-repeat 0px 0px;
	width:192px;
}
#bNext{
	background:url(../images2/bNext.png) no-repeat 0px 0px;
	width:190px;
}
#bFinish{ 
	background:url(../images2/bFinish.png) no-repeat 0px 0px;
	width:230px;
}

#bkarta{  
	background:url(../images2/bkarta.png) no-repeat 0px 0px;
	width:230px;
}


/** LISTING */

.listingContainer{
	text-align:center;
}

.paging {
    margin: 20px auto 10px auto; 
}

.paging td {
    padding: 0;
	white-space:nowrap; 
}

.paging .overall {
    width: 120px;
    color: #8b8b8b;
    font-size: 0.9em;
}

.paging .pagButton {
    padding-top: 2px;
    width: 16px;
}


.paging .pagButton a {
    width: 22px;
    height: 26px;
    display: block;  
} 

 
.paging .pagButton .prev {
    background: url("../images2/aleft.png") 0 0 no-repeat;
}

.paging .pagButton .prev:hover {
    background: url("../images2/aleft.png") -1px 0px no-repeat;
}

.paging .pagButton .next {
    padding: 0;  
    background: url("../images2/aright.png") 0 0 no-repeat;
}

.paging .pagButton .next:hover { 
    background: url("../images2/aright.png") 1px 0px no-repeat;
} 

.paging .numbers {
    text-align: center; 
	width:120px;  
} 

.paging .numbers a, .paging .numbers span { 
	line-height:26px;
	height:26px;
	width:22px;
	margin:0px 5px 0px 0px;
	display:block;
	text-decoration:none;
	font-size:12px;
	color:#213134;
	float:left;
	background:url(../images2/listingItemBg.png) no-repeat 0px 0px;
}

.paging .numbers a:hover{
	text-decoration:underline;
}

 
.paging .numbers a.active {
    background:url(../images2/listingItemBg.png) no-repeat -25px 0px;
	color:#FFF;
} 

ul#bonuses {
    margin: 0;
	padding:0px;
}

#bonuses li {
    margin: 0.4em 0 0.4em 0;
    list-style: none;
}

#bonuses .blueArrow {
    padding: 6px 0 0.5em 45px;
    font-size: 1.3em;
    background: url("../images/arrow.png") 2px 0 no-repeat;
    color: #004f7d;
    font-style: italic;
    font-weight: bold;
}
 
#bonuses .action {
    padding: 6px 0 0.5em 45px;
    font-size: 1.3em;
    background: url("../images2/ico_action.png") 0 0 no-repeat;
    color: #971212;
    font-style: italic;
    font-weight: bold;
}

#bonuses .vzp {
    padding: 6px 0 0.5em 45px;
    font-size: 1.0em;
    background: url("../images/ico_vzp.png") 0 0 no-repeat;
}

/* detail */
.photoAndPrice{
	padding:10px 10px 10px 0px;
}
.photoAndPrice img {
	float:left;
	margin:0px 20px 20px 0px;
}

.photoAndPrice span.price {
   font-size: 22px;
	color: #FF0002;
	font-weight: bold;
}

.photoAndPrice input.ks {
    width: 30px;
    text-align: right;
}

.photoAndPrice form {
    font-size: 14px;
}

.photoAndPrice .photo {
    margin-right: 10px;
}

.photoAndPrice .photo img {
    float: left;
}

table#stepis{
	width:100%; 
}

.stepis{
	display:block;
	text-align:center;  	
}

p.blue{
	line-height:19px;
	padding:0px;
	font-weight:bold;
	color:#3dc11b !important;
	margin:0px;
}
p.blue img{
	float:left;
	margin:0px 3px 0px 0px;
}