@import 'intrea.css';
@import 'intrea-bt.css';

.inset {
	padding: 10px 10px 5px 10px;
}

.main {
	background-position: left -1px;	
	background-position: left -1px;	
}
.eshop-item td, .eshop-item th {
	padding: 0;
	margin: 0;
}
h1 {
	margin-bottom: .75em;
	width: 400px;
	float: left;
}
h1.full {
	float: none;
	width: 100%;
}
h2 {
	color: #f67a00;
}
.subs li {
	font-size: 12px;
	line-height: normal;
	padding: 0;
	margin: 0;
	padding-bottom: 5px;	
	/*#Intrea-0007 margin-bottom: 6px;*/	
	background-image:url(../imgs/arrow-orange.gif);
	background-position: left 3px;
	padding-left: 15px;
}
.col3 {
	float: left;
	width: 190px;
	margin-right: 6px;
	margin-bottom: 10px;
}
.checkout-box3 {
	padding: 0;
	margin: 0;
	vertical-align: top;
	background-color: #f2f5f8;
	background-image:url(../imgs/eshop-checkout-box-BKG.png);
	background-position: bottom left;
}
.checkout-box3 .boxT {
	margin-right: 10px;
	width: 220px;
	padding: 10px;
	background-image:url(../imgs/eshop-checkout-box-T.gif);
	background-position: top left;
}
.checkout-box3 .field-caption {
	width: auto;
}
select#varianty {
	font-size: 13px;
	width: 130px;
	margin-left: 5px;
	border: 1px solid;
	border-color: #a9a9a9 rgb(221, 221, 221) rgb(221, 221, 221) rgb(169, 169, 169);
}
.divVarianta select {
	font-size: 13px;
	width: 130px;
	margin-left: 5px;
	border: 1px solid;
	border-color: #a9a9a9 rgb(221, 221, 221) rgb(221, 221, 221) rgb(169, 169, 169);
}
/* <eshop header */
.eshop-header {
	display: block;
	width: 740px;
	height: 35px;
	margin: 0 10px 0 10px;
	background-image:url(../imgs/eshop-header.png);
	background-position: left 5px;
	line-height: normal;
}
.eshop-header li {
	padding: 5px 0 0 0;
	text-align: center;
	font-size: 11px;
	float: left;
	background:none;
}
.eshop-header li.active {
	width: 70px;
	height: 22px;
	padding: 13px 0 0 0;
	font-weight: bold;
	background-image:url(../imgs/eshop-header-tab.gif);
	background-position: top left;
}
.eshop-header li a.tab {
	width: 70px;
	height: 22px;
	padding: 8px 0 0 0;
	display: block;
}
.eshop-header li a:hover {
	color: #000;
}
.eshop-header .vr {
	background-image:url(../imgs/vr-white.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.eshop-header .bt{
	padding: 1px;
	margin: 0 0 0 7px;
	cursor: pointer;
	border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #999; border-bottom: 1px solid #999;
	background-image:url(../imgs/bt-simple-BKG.gif);
	background-position: center;
	background-repeat: repeat-x;
	#position: relative;
	#top: 2px;
	#left: 7px;
}

.bt-plain {
	padding: 1px;
	margin: 0 0 0 2px;
	cursor: pointer;
	border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #999; border-bottom: 1px solid #999;
	background-image:url(../imgs/bt-simple-BKG.gif);
	background-position: center;
	background-repeat: repeat-x;
}

.eshop-header .bt:hover {
	color: #f18e00;
}
.eshop-header input {
	font-size: 11px;
}
.login {
	margin-top: 5px;
	height: 20px;
	#margin-top: 2px;	
	text-align: left !important;
	padding-left:70px  !important;
}
.login p {	
	font-size: 11px;
	margin: 0;
	text-align: left;	
	margin: 0;

}
.login p.reg {	
	float: left;
	margin-left: 15px;
	padding-top: 2px;
	#padding-top: 4px;
}
* html .login p.reg {
	float: left;
	margin-left: 15px;
	padding-top: 5px;
}
* html .login {
	width: 450px;
}
* html .login p {
	float: left;
}

.login label {
	margin: 0 5px 0 10px;
}
.login form {
	float: left;
	display: block;
	text-align: left;
}
.login input.txt {
	width: 90px;
	padding: 2px;
	border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;
	#position: relative;
	#top: 2px;
}
.in-login {
	margin-left: 135px;
}
.dataI .form-section {
	padding-bottom: 20px;
	background: url(../imgs/intrea_2008_line.png) repeat-x bottom;
}
.send-pswd-info {
	display: block;
	width: 450px;
	float: left;
}
.dataI .warn {
	padding-bottom: 15px;
}
.field-info {
	font-size: 11px;
	padding-left: 10px;
}
.eshop-header a {
	color: #fff;
}
/* eshop header> */
table, td, tr {
	border: 0;
}
.eshop-item-pricetag {
	padding: 5px 5px 13px 5px;
	height: 100%;
	background-image:url(../imgs/eshop-item-bkgB.png);
	background-position: bottom left;
	background-color: #dbe3eb;
	border-right: 6px solid #fff;
	border-bottom: 6px solid #fff;
	vertical-align: bottom;
}
.eshop-item-variants {
	background-color: #dbe3eb;
	border-right:6px solid #fff;
	padding-top: 0;
	padding-bottom: 10px;
	text-align:left;
}
.eshop-item-variants select {
	width: 273px;
	border-color: #A9A9A9 rgb(221, 221, 221) rgb(221, 221, 221) rgb(169, 169, 169);
	border-style: solid;
	border-width: 1px;
	font-size: 13px;
}
td.eshop-item {
	width: 293px;
	padding: 0;
	vertical-align: top;
	background:url(../imgs/eshop-item-bkgT.png) repeat-x;
	background-color: #dbe3eb;
	border-right: 6px solid #fff;
}
.eshop-item  h2.zbozi {
	padding: 15px 0px 0px 5px;
	margin-bottom: 0;
}
.zbozi-desc {
	padding-left: 6px;
	width: 100px;
}
.zbozi-head {
	background: url(../imgs/eshop-item-top.gif) no-repeat;
	height: 46px;
}

.zbozi-head-action {
	background:url(../imgs/intrea_2008_akce_icon.png) no-repeat 10px 16px;
	padding-left: 34px;
	
} 
.zbozi-head-noaction {
	padding-left: 5px;
} 

.eshop-item .img-container {
	display: block;
	width: 170px;
	height: 115px;
	float: left;
}
.eshop-item .img-container  img{
	padding: 4px 5px 5px 10px;
	_padding: 4px 5px 5px 10px;
}
h1 {
	position: relative;
}
.eshop-items {
	float: left;
	_margin-right: -10px;
	width: 600px;
}
.eshop-text {
	width: 590px;
}
.eshop-item p {
	font-size: 11px;
	display: block;
	float: left;
}
.eshop-item h2 {
	padding: 15px 5px 0 5px;
	font-size: 13px;
	margin-top: 0;
}
.price,
.price-common {
	color: #f00;
	font-size: 18px;
	font-weight: bold;
	float: left;
	line-height: 0.7em;
	padding-right: 10px;
}
* html .price,
* html .price-common {
	line-height: 0.75em;
}

.price-common {
	color: #8ba1be;
}

.eshop-item-pricetag p {
	margin: 0;
	padding: 10px 0 0 10px;
	line-height: normal;
	white-space: nowrap;
}
.price .currency,
.price-common .currency {
	font-size: 10px;
}
.price-desc {
	display: block;
	font-size: 10px;
	font-family: Verdana, Arial, sans;
	font-weight: normal;
	line-height: 1.2em;
	
}
.item-detail p.price ,
.item-detail p.price-common  {
	font-size: 24px;
}
.item {
	float: left;
	width: 590px;
}
.item .download a {
	display: block;
	line-height: 140%;
}
.item-detail-T {
	background-image:url(../imgs/eshop-item-topW.gif);
	background-position: top left;
	padding-top: 6px;
}
.item-detail {
	width: 570px;
	padding: 20px 10px;
	background-color: #f2f5f8;
	background-image:url(../imgs/eshop-item-bkgW.png);
	background-position: bottom left;
}
.item-detail img {
	display: block;
}
.item-detail .photo {
	position: absolute;
	display: none;
	top: 0;
	left:0;
	width: 280px;
	height: 320px;
	padding: 5px;
	border: 1px solid #c2cede;
	border-bottom: none;
	border-left: 1px solid white;
	background-color: #fff;
}
.item-detail .thumb {
	width: 85px;
	margin: 330px 5px 0 0;
	border: 1px solid #c2cede;
	border-left: none;
	background-color: #fff;
	float: left;
	display: block;
	cursor: pointer;
	padding: 4px;
	font-size: 11px;
}

.item-detail .photos {
	width: 300px;
	float: left;
	position: relative;
}
.item-detail .desc {
	float: left;
	width: 270px;
}

/* lmenu */
/* right menu */
.lmenu {
	width: 150px;
	float: left;
}
.lmenu a, .lmenu .selected {
	padding: 7px 10px 7px 15px;
	display: block;
}
.lmenu strong {
	font-size: 14px;
}
.lmenu .level1 a, .lmenu .level1 span.selected {
	margin-left: 1px;
	background-color: #fff;
	display: block;
	padding: 7px 10px 7px 15px;
	padding-left: 30px;
	background-image:url(../imgs/arrow-orange.gif);
	background-position: 15px .8em;
}
.lmenu ul li {
	margin-left: 1px;
	padding-top: 1px;
	background-image:url(../imgs/hr.gif);
	background-repeat: repeat-x;
	background-position: top;
	line-height: 100%;
	padding-left:0;
}
.lmenu .level2 a, .lmenu .level2 .selected {
	padding-left: 45px;
	display: block;
	background-image:url(../imgs/arrow-orange.gif);
	background-color: #fff;
	background-position: 30px .8em;
	padding-right: 10px;
}
.lmenuT {
	background-image:url(../imgs/side-menu-TOP.gif);
	background-position: top right;
	padding-top: 6px;
	margin-bottom: 3px;
}
.lmenuTk {
	background-position: top right;
}
.lmenuB {
	background-image:url(../imgs/left-menu-B.gif);
	background-position: bottom left;
	padding-bottom: 8px;
}
.lmenuI {
	background-image:url(../imgs/left-menu-SHADOW.gif);
	background-position: top left;
	background-repeat: repeat-y;
	width: 139px;
	padding-right: 11px;
}
.lmenuI li  a{

	line-height: 1em;
}
/* pricetag */
small {
	font-size: 11px;
}
.doKosiku {
	float: left;
}
.btKoupit {
	font-size: 11px;
	width: 55px;
	padding-bottom: 3px;
	height: 25px;
	display: block;
	text-align: center;
	float: right;
	background-image:url(../imgs/eshop-buttonBuySmall.png);
	background-position: top left;
	float: right;
}
.btKoupit:hover {
	cursor: pointer;
	background-position: bottom left;
}
.pocetks {
	padding: 3px;
	width: 20px;
	text-align: center;
	font-size: 13px;
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.item-detail .btKoupit {
	width: 150px;
	height: 50px;
	background-image:url(../imgs/eshop-buttonBuyXXL.png);
	font-size: 15px;
	font-weight: bold;
	padding-bottom: .3em;
	float: left;
	margin-left: 5px;
}
.item-detail .doKosiku {
	padding-left: 25px;
}
.item-detail .pocetks {
	font-size: 15px;
	padding: 10px;
	margin-top: 5px;
}
.item-detail .doKosiku small {
	font-size: 13px;
}


/* textové stránky */
.eshop-items p.perex {
	margin-top: 0;
}
.eshop-item-pricetag p {                                                                         border-top:1px solid #cad5df;
	margin-top:1px;
	padding: 10px 0 0 10px;
	line-height: normal;
	white-space: nowrap;
}
.pager {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.pager a, .pager .selected {
	padding: 0 5px 0 5px;
}
.pager .selected {	
	display: in-line;
	background-color: #F18E00; 
	color: white; 
	}
	
.pager .prev {
	display: inline-block;
	background-image:url(../imgs/link-prev-XL.gif);
	background-position: top left;
	padding-left: 33px;
	padding-right: 15px;
}
.pager .next {
	display: inline-block;
	background-image:url(../imgs/link-more-XL.gif);
	background-position: top right;
	padding-right: 33px;
	padding-left: 15px;
}
.pager span.next, .pager span.prev { color: #aaa; }

.hr-eshop {
	clear: both;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-bottom: 3px;
	width: 590px;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	background:url(../imgs/hr.gif) center repeat-x;
}

.eshop-megabanner {
	background-image:url(../imgs/eshop-megabanner-shadow.png);
	background-position: top left;
	width: 595px;
	height: 210px;
}
.eshop-megabanner img {
	width: 591px;
	height: 200px;
	display: block;
}

.item-detail h2 {
	margin-top: 2em;
}
.item-detail table {
	border-top: 1px solid rgb(218,226,234);
}
.item-detail td {
	border-bottom: 1px solid rgb(218,226,234);
}
ul.subs li {
	#vertical-align: top;
	#background-position: left 6px;
	#margin: 0;
}
.eshop-icons {
}
.eshop-icons li {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding-left:0;
	background:none;
}
.eshop-icons li a img {
	margin: 6px 0px;	
}
.eshop-icons li a {
	background-image:url(../imgs/eshop-ico.png);
	background-position: top left;
	display: block;
	width: 140px;
	height: 100px;
	position: relative;
}
.eshop-icons li a strong {
	position: absolute;
	bottom: 6px;
	left: 7px;
	width: 100px;
	line-height: normal;
}
.eshop-icons li a:hover {
	background-position: top right;
}

/* */
.catlinks a		{ background:url(../imgs/eshop-catlinks190.png) left bottom no-repeat;}
.catlinks .pic	{ width: 190px; height: 80px; }
.catlinks .name	{ width: 140px; height: 17px; padding-top:7px;  }
.btL input		{ height: 33px; border: none; }

.header .eshop	{ background-position: -420px 0%; color: rgb(241, 142, 0); }
.orderno		{ font-weight: normal; color: #999; }
table .no		{ text-align: right; }
table.cart {margin-bottom: 8px;}
table.cart .ean { font-weight: bold; color: #000; }

.customer,
.delivery		{ float: left; width: 50%; padding-bottom: .5em; }

th				{ background-color: #fc8800; color: #fff; }
th.first		{ background-image:url(../imgs/table-orange-BKG.png); background-repeat: repeat-y; background-position: left; }
.cart td		{ border-bottom: 1px solid #dae2ea; }
table.sums		{ padding: 0; margin: 0; }
td.sum			{ font-size: 15px; font-weight: bold; }
table.sums td	{ padding-top: 0; }
table.sums .ind	{ padding-left: 370px; }

.totalT { margin-right: 10px; margin-top: 5px;
		  background-image:url(../imgs/totalT.png); background-position: top; background-color: #fc8800; }

.totalI { margin-top: 4px; padding: 10px; color: #fff;
		  background-image:url(../imgs/totalB.png); background-position: bottom; }
		  
.order-progress			{ height: 47px; margin-bottom: .5em; }
.order-progress li		{ height: 47px; width: 186px; display: block; float: left; }
.order-progress li a,
.order-progress li span,
.order-progress li div 	{ width: 116px; height: 42px; padding: 5px 10px 0 60px; display: block;
						  font-size: 15px; font-weight: bold; color: #b8c6d8; line-height: normal;
						  background-image:url(../imgs/ol1234.png); }
.order-progress li.no1 a, .order-progress li.no1 span, .order-progress li.no1 div  { background-position: 0 0; }
.order-progress li.no2 a, .order-progress li.no2 span, .order-progress li.no2  div {	background-position: 0 -94px; }
.order-progress li.no3 a, .order-progress li.no3 span, .order-progress li.no3  div { background-position: 0 -188px; }
.order-progress li.no4 a, .order-progress li.no4 span, .order-progress li.no4  div { background-position: 0 -282px; }

.order-progress li.no1 .selected { background-position: 0 -47px; color: #f18e00; }
.order-progress li.no2 .selected { background-position: 0 -141px; color: #f18e00; }
.order-progress li.no3 .selected { background-position: 0 -234px; color: #f18e00; }
.order-progress li.no4 .selected { background-position: 0 -328px; color: #f18e00; }

tr.even td { background-color: #fff; }

/*  B A S K E T  */
.basket { background-image:url(../imgs/eshop-basket.png); width: 262px; height: 48px; float: right; margin-right: 10px; color: white; font-size: 12px; position: relative; }
.basket .invs		{ display: block; line-height: 1000px; overflow: hidden; height: 1px; }
.checkout 			{ display: block; position: absolute; top: 6px; right: 10px; }
p.checkoutButtons 	{ padding-top: 10px; }
.basketContent		{ display: block; position: absolute; top: 6px; left: 50px; }
.basket:hover		{ background-position: bottom; color: white; }
.doprava .col		{ float: left;margin-left:10px; }

.btCheckout,
.btPrev				{ background-image:url(../imgs/btCheckoutNext.png); background-position: top left; cursor: pointer;
					  width: 200px; height: 50px; padding-bottom: .3em; padding-right: 30px;
					  text-align: center; line-height: 100%; font-weight: bold; display: block; margin: auto;
					  float: right; margin-right: 7px;}
.btPrev				{ background-image:url(../imgs/btCheckoutBack.png); width: 100px; padding-left: 20px; margin-right: 5px; padding-right: 0; }
.registrace input.btPrev { width: 100px; }
.btCheckout:hover,
.btPrev:hover		{ background-position: bottom left; }

.icoWarnMini		{ padding-top: 30px; padding-left: 25px; background-image:url(../imgs/eshop-icoWarnMini.png); background-position: 0 31px; }
.btDeleteItem		{ background: none; cursor: pointer; color: #0089D1; font-size: 13px; }
.btDeleteItem:hover	{ color: #F18E00; }

tr.even td			{ background-color: white; }
tr.odd td			{ background-color: #F2F4F7; background-image:url(../imgs/table-alternating-rows-BKG.gif); _background-image: none; background-position:left center; background-repeat:repeat-y; }
tr.odd td + td		{ background-image: none; }

.checkoutSumT		{width:740px; background-image:url(../imgs/eshop-checkout-sum-T.png); background-position: top left; background-color: #fe8d01; margin-top: 10px;border:0px solid red }
.checkoutSumB		{ background-image:url(../imgs/eshop-checkout-sum-B.png); background-position: bottom left; color: white; padding: 10px; }

/* DÁRKY*/

#gifts_con .comment{width:245px;background:#f67a00 url(../imgs/info.gif) no-repeat top left;font-size:12px;color:white; margin-top:20px;padding:10px 10px 10px 40px;}
.gifts-container {margin-left:20px;
			float: right;
			padding: 2px;
		}
		.gift {
			display: block;
			width: 301px;
			height: 68px;
			background: url('../imgs/intrea_web_darek.png') no-repeat;
			color: #717171;
			font-size: 12px;
			cursor: pointer;
			overflow: hidden;
		}
		.gift:hover {
			background: url('../imgs/intrea_web_darek_active.png') no-repeat;
			color: #000;
		}
		.select-gift,
		.select-gift:hover,
		.gifts-container .selected{
			display: block;
			width: 301px;
			height: 68px;
			background: url('../imgs/intrea_web_darek_selected.png') no-repeat;
			color: #000;
			font-size: 12px;
			overflow: hidden;
		}
		.content {
			display: block;vertical-align:middle;
			float:left;width:125px;height:45px;overflow:hidden;
			padding: 5px 8px 8px 3px;
		}
		.gift-thumb {
			float: left;
			width: 76px;
			height: 48px;
		  border: 1px solid #cacaca;
			background: #fff;
			margin: 6px 6px 6px 9px;
		}
		.gift-thumb img{
			width: 76px;
			height: 48px;
		}








/* FORM inputs*/
.badInput {
	border: 2px solid #ff0000 !important;
	/*background: #ff0000;*/
}
.error-msg {
	display: in-line;
	position: relative;
	padding: 20px;
	color: #FF0000;
	font-weight: bold;
}
.print-info {
	padding-bottom: 25px;
}
.btn-leave {
	
	float: right;
	padding: 15px 20px 0 20px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

/*Akcni ceny, akce, novinky*/
.img-container  p,
.action p {
	font-size: 11px;
	line-height: 16px;
	float: left;
	display: in-line;
	color: #EE6400;
}
.img-container em,
.action em {
	color: #EE6400;
	font-weight: bold;
	font-style: normal;
}
.zbozi-title {
	vertical-align: top;
	padding-left: 5px;
}
.action-caption {
	font-weight: bold;
	color: #EE6400;
	
}
.action-caption-sub {
	padding: 10px 10px 10px 35px;;
	font-weight: bold;
	color: #EE6400;
	background: url('../imgs/intrea_2008_akce_icon.png') 0 50%  no-repeat;
}

.action-caption p {
	font-family: Verdana, Arial, sans !important;
	font-size: 10px;
	padding-left: 10px;
	margin-bottom: 0;
}
* html .action-caption {

}
.action-caption strong {
	display: in-line;
	color: #EE6400;
}
.action {	
	clear: both;
}
.action-info  p{
	float: none;
	display: block;
	margin-top: 5px;
	margin-right: 15px;
	padding-top: 10px;
	border-top: 1px solid #DAE2EA;
	color: #ABB6C4;
}
.discount  td{
	background: #e0ffa0 !important;
}

/* Info o vyrobci*/
.vyrobce-info {
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 5px 15px 5px 0;	
	background:url(../imgs/hr.gif) bottom repeat-x;
}
.vyrobce-info img{
	float: left;
	padding: 0 15px 15px 0;
}
.vyrobce-info h2 {
	margin-top: 0;
}
.notice {
	padding: 10px 20px 10px 10px;
	font-size: 11px;
}
.platba-dph {
	text-align: right;
	padding-right: 10px;
}
/* Vyhody registrovanych uzivatelu*/
.box_reg_advantage {
	padding: 30px 10px 10px 10px;
	font-size: 11px;
	color: #999;
}
.box_reg_advantage p {
	font-size: 11px;
	color: #999;
}
.box_reg_advantage .strong {
	padding-bottom:  12px;
	font-weight: bold;
	color: #000;
}
.dotaz {
	font-size: 11px;
	padding-left: 8px;
}
.dotaz a {
	padding: 4px 0;
	margin: 0;
	background: url('../imgs/intrea_ico_btn_next.png') no-repeat  100px 3px;
	font-size: 12px;
	text-transform: uppercase;
	color: #F16800;
	font-weight: bold;
}
.reklama {font-size:11px;line-height:1.2em;margin-top:10px;width:130px;padding-left:1px;color:#475995;}
.reklama strong {font-size:11px;}
.reklama img {float:left;padding:2px 6px 0px 0;}
.reklama a {float:left;}

.uvodniText { padding:5px 10px 10px 0;}
.uvodniText h2 { margin-top:5px; font-size:13px;}

/* IE 6  HACKS */
* html .img-container  p{
	width: 55px;
	line-height: 1.2em;
} 
* html .dataT {
	zoom: 1;
}

