/* ------------------------------------------------------ */
/* screen.css										  */
/* copyright - Michal Prihoda - Miskin				      */
/* ------------------------------------------------------ */
@media screen {
	#logo {
		padding: 10px 0 0 10px;
	}
	/* ----- pozadi nadpisu */
		.orangeBg {
			background-image: url(../img/bg/orangebg-left.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			color: #FFFFFF;
			font-size: 90%;
			text-align: center;
		}
		.orangeBg span {
			background-image: url(../img/bg/orangebg-right.gif);
			background-repeat: no-repeat;
			background-position: right 0;
			display: block;
			padding: 2px 0;
		}
		.redBg {
			background-image: url(../img/bg/redbg-left.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			color: #FFFFFF;
			font-size: 90%;
			text-align: center;
			text-transform: uppercase;
		}
		.redBg span {
			background-image: url(../img/bg/redbg-right.gif);
			background-repeat: no-repeat;
			background-position: right 0;
			display: block;
			padding: 2px 0;
		}
		.pinkBg {
			background-image: url(../img/bg/pinkbg-right.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			color: #FFFFFF;
			font-size: 90%;
			text-align: center;
			text-transform: uppercase;
		}
		.pinkBg span {
			background-image: url(../img/bg/pinkbg-left.gif);
			background-repeat: no-repeat;
			background-position: right 0;
			display: block;
			padding: 2px 0;
		}
		input.button {
			background-image: url(../img/button/buttonred.gif);
			border: none;
			color: #FFF;
			width: 85px;
			height: 17px;
			margin: 0 0 0 102px;
		}
	/* end. pozadi nadpisu */
	
	/* ----- tlacitka */
		.redButton {
			background-image: url(../img/button/redbutton-left.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			color: #FFFFFF;
			padding: 2px 0 3px 0;
			_padding: 0;
			=padding: 0;
			font-weight: bold;
			text-decoration: none;
		}
		.redButton span {
			background-image: url(../img/button/redbutton-right.gif);
			background-repeat: no-repeat;
			background-position: 100% 0;
			padding: 2px 20px 3px 20px;
		}
		.redButton:hover {
			text-decoration: none;
		}
	/* end. tlacitka */
	
	/* ----- colRight */
		.colRight {
			width: 615px;
			float: right;
			position: relative;
		}
		.colRight h2.bg {
			background-image: url(../img/bg/boxmenu-left_act.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			font-weight: bold;
			text-transform: uppercase;
			color: #4D4D4D;
			font-size: 110%;
			display: inline;
			padding: 20px 0px 5px 20px;
			=padding: 0px 0px 5px 20px;
			position: relative;
			top: 20px; left: 0;
		}
		.colRight h2.bg span {
			background-image: url(../img/bg/boxmenu-right_act.png);
			background-repeat: no-repeat;
			background-position: right 0;
			padding: 20px 20px 5px 0px;
			font-weight: bold;
		}
		.colRight h2.product {
			background-image: url(../img/bg/boxmenu-left_act.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			font-weight: bold;
			text-transform: uppercase;
			color: #4D4D4D;
			font-size: 120%;
			display: inline;
			padding: 20px 0px 5px 20px;
			=padding: 0px 0px 5px 20px;
			position: relative;
			top: 19px;
		}
		.colRight h2.product span {
			background-image: url(../img/bg/boxmenu-right_act.png);
			background-repeat: no-repeat;
			background-position: right 0;
			padding: 20px 20px 5px 0px;
			font-weight: bold;
		}
		.colRight span.h2Bg {
			border-bottom: 1px solid #9f9f9f;
			display: block;
			padding: 19px 0px 6px 0px;
			margin: 0 0 10px 0;
		}
		/* ----- wysiwyg */
			.wysiwyg  {
				font-size: 110%;
			}
			.wysiwyg h1 {
				color: #FE9001;
				font-size: 200%;
				margin: 0.5em 0 1.5em 0;
				font-weight: normal;
			}
			.wysiwyg h2 {
				color: #4d4d4d;
				font-size: 130%;
				margin: 1.2em 0 0.5em 0;
			}
			.wysiwyg h3 {
				color: #FE9001;
				font-size: 100%;
				margin: 1.5em 0 0.5em 0;
			}
			.wysiwyg h4 {
				color: #4d4d4d;
				font-size: 100%;
				margin: 1em 0;
			}
			.imgLeft {
				float: left;
				margin: 0.8em 0.8em 0.8em 0;
			}
			.imgRight {
				float: right;
				margin: 0.8em 0 0.8em 0.8em;
			}
			ul,
			ol {
				margin: 2em 1em 2em 3em;
				padding: 0;
			}
			table {
				width: 100%;
				border-collapse: collapse;
			}
			table th {
				background-color: #FE9001;
				padding: 5px 7px;
				color: #FFFFFF;
				border-left: 1px solid #FE9001;
				border-right: 1px solid #FFF;
			}
			table td {
				padding: 5px 7px;
				background-color:#FFFFFF;
				color: #4D4D4D;
				border-bottom: 1px solid #C1C1C1;
				border-left: 1px solid #C1C1C1;
				border-right: 1px solid #C1C1C1;
			}
			table .odd td {
				background-color: #f1f1f2;
							}
			p {
				margin: 0.6em 0;
			}
			.slozeni {
				color: #9a002d;
			}
		/* end. wysiwyg */
		
		/* ----- boxInfo a boxError */
			.boxInfo {
				margin: 3em 0;
				background-color: #FE9001;
				color: #FFFFFF;
				padding: 10px 15px 4px 60px;
				background-image: url(../img/icons/boxinfo.png);
				background-repeat: no-repeat;
				background-position: 15px 20px;
				font-size: 110%;
				font-weight: bold;
				min-height: 40px;
			}
			.boxError {
				margin: 3em 0;
				background-color: #FE9001;
				color: #FFFFFF;
				padding: 10px 15px 4px 60px;
				background-image: url(../img/icons/boxerror.png);
				background-repeat: no-repeat;
				background-position: 15px 20px;
			}
		/* end. boxInfo a boxError */
		
		/* ----- boxBorder */
			.boxBorder585 {
				border: 1px dotted #9f9f9f;
				padding: 0px 15px;
				margin: 20px 0;
				position: relative;
				width: 560px;
			}
			.boxBorder {
				xborder: 1px dotted #9f9f9f;
				padding: 0px 15px 30px 15px;
				margin: 20px 0;
				position: relative;
			}
		/* end.boxBorder */
		
		/* ----- newsBox */
			h2.novinky {
				width: 31px; height: 146px;
				position: absolute;
				left: auto;
				right: -32px;
				top: 20px;
			}
			h2.novinky span {
				width: 31px; height: 146px;
				background-image: url(../img/titles/novinky.png);
			}
			.newsBox {
				width: 126px;
				float: left;
				margin: 0 10px 0 0;
			}
			.list {
				margin: 0 26px 0 0;
			}
			.list.end {
				margin-right:  0;
			}
			.newsBox h3 {
				font-size: 110%;
				margin: 10px 0 0 0; padding: 0;
				line-height: 1.2em;
				height: 3.6em;
				overflow: hidden;
			}
			.newsBox p {
				margin: 5px 0; padding: 0;
			}
			.newsBox .img h6 {
				margin: 0px 0 0 0;
			}
			.newsBox .img a {
				display: block;
				border: 1px solid #cfcfcf;
				border-top: none;
				text-align: center;
				height: 120px; overflow: hidden;
				padding: 5px 0;
				margin: 0 0 3px 0;
			}
			.newsBox  .price {
				margin: 5px 0;
				text-align: right;
				font-size: 110%;
				font-weight: bold;
			}
			.newsBox  .price strong {
				color: #FE9001;
			}
			.newButton {
				border-top:  1px dotted #cfcfcf;
				margin: 10px 0 5px 0;
				padding: 15px 0 0 0;
				text-align: right;
			}
			.newButton a {
				background-image: url(../img/button/redbutton-left.gif);
				background-repeat: no-repeat;
				background-position: 0 0;
				color: #FFFFFF;
				padding: 2px 0 3px 0;
				=padding: 0;
				_padding: 0;
				font-weight: bold;
			}
			.newButton a span {
				background-image: url(../img/button/redbutton-right.gif);
				background-repeat: no-repeat;
				background-position: 100% 0;
				padding: 2px 20px 3px 20px;
			}
		/* end. newsBox */
		
		/* ----- productBox */
			h2.akce {
				width: 31px; height: 102px;
				position: absolute;
				left: auto;
				right: -32px;
				top: 20px;
			}
			h2.akce span {
				width: 31px; height: 102px;
				background-image: url(../img/titles/akce.png);
			}
			.InfoText{
			  font-weight: normal;
        color:#000;
        padding: 10px 0 10px 0px;
      }
			.productBox {
				border-bottom: 1px solid #d0d0d0;
				margin: 0 0 10px 0;
				padding: 0 0 10px 0;
			}
			.nonBg {
				background-image: url(../img/bg/productimg.gif);
				background-repeat: no-repeat;
				color: #FFFFFF;
				font-size: 90%;
				text-align: center;
				text-transform: uppercase;
				display: block;
				height: 20px;
			}
			.productBox .img {
				width: 126px;
				float: left;
				margin: 0 20px 0 0;
			}
			.productBox .img a {
				border: 1px solid #cfcfcf;
				border-top: none;
				text-align: center;
				padding: 6px;
				height: 120px;
				width: 112px;
				overflow: hidden;
				display: block;
			}
			.productBox div.text {
				width: 405px;
				float: left;
			}
			.productBox .price {
				font-size: 110%;
				margin: 15px 0 20px 0;
			}
			.productBox .price strong {
				color: #FE9001;
			}
			.productBox .price .buttonPanel {
				font-size: 110%;
				min-height: 60xp;
			}
			.productBox  .buttonPanel input.text {
				width: 30px;
			}
			.productBox  .buttonPanel label {
				padding: 0 15px 0 0;
				font-size: 110%;
			}
			.pagesNav {
				text-align: right;
			}
		/* end. productBox */
		
		/* ----- list-ordering */
			.list-ordering {
				float: right;
				position: relative;
				top: 30px;
			}
			.list-parameters {
				margin: 0.5em 0;
			}
			.list-parameters,
			.list-attribute {
				margin: 0.5em 0;
				text-align: right;
			}
			.list-parameters label,
			.list-attribute label {
					padding: 0 10px 0 0;
			}
			.list-parameters select,
			.list-attribute select {
					margin: 0 10px 0 0;
			}
		/* end.  list-ordering */
		
		/* ----- hpBoxTop */
			.hpBoxTop {
				width: 200px;
				float: left;
				margin: 10px 4px 0 0;
			}
			.hpBoxTop2 {
				width: 407px;
				float: left;
				margin: 10px 7px 0 0;
			}
			.hpBoxTop h4 {
				text-transform: uppercase;
			}
			.hpBoxTop.end {
				margin-right: 0;
			}
			.hpBoxTop .hpBoxTopMain,
			.hpBoxTop2 .hpBoxTopMain {
				border: 1px solid #cfcfcf;
				border-top: none;
				padding: 8px;
				margin: -1px 0 0 0;
				height: 60px;
				overflow: hidden;
			}
			.hpBoxTop .hpBoxTopMain p {
				margin: 0; padding: 0;
			}
			/* ----- .hpBoxTop2 */
				.hpBoxTop2 a {
					color: #4d4d4d;
				}
				.hpBoxTop2 strong {
					color: #9a002d;
				}
			/* end. .hpBoxTop2 */
			/* ----- zobrazit */
				.zobrazit  {
					line-height: 1.7em;
				}
				.zobrazit input.checkbox {
					/*position: relative;
					top: 2px;*/
					vertical-align: middle;
				}
				.zobrazit h5 {
					width: 40px;
					float: left;
					font-size: 100%;
					margin: 0;
					font-weight: normal;
				}
				.zobrazit a.top {
					background-image: url(../img/icons/arrow-top.gif);
					background-repeat: no-repeat;
					background-position: 100% 4px;
					padding: 0 14px 0 0;
				}
				.zobrazit a.bottom {
					background-image: url(../img/icons/arrow-botton.gif);
					background-repeat: no-repeat;
					background-position: 100% 4px;
					padding: 0 14px 0 0;
				}
			/* end. zobrazit */
		/* end. hpBoxTop */
		
		/* ----- productBoxTopLeft */
			.productBoxTopLeft {
				width: 407px;
				float: left;
			}
		/* end. productBoxTopLeft */
		
		.buttonPanel a.redButton {
			position: relative;
			top: -16px; left: 100px;
		}
		
		/* ----- productBoxTopRight */
			.productBoxTopRght {
				width: 184px;
				float: right;
				margin: 5px 0 10px 0;
				border: 1px solid #d9d9d9;
				border-top: none;
				padding: 8px;
			}
			.productBoxTopRght label {
				width: 85px;
				float: left;
			}
			.productBoxTopRght select {
				width: 94px;
				float: left;
				vertical-align: middle;
				margin: 0 0 2px 0;
				font-size: 90%;
			}
			.productBoxTopRght .tright {
				clear: both;
				padding: 5px 0 0 0;
			}
		/* end. productBoxTopRight */
		
		/* ------ formBox */
			.formBox {
				margin: 3em 0 0 0;
			}
			.formBox .povinne {
				color: #9a002d;
			}
			.formBox .required {
				color: #9a002d;
			}
			.formBox h3 {
				color: #FE9001;
				margin: 0.5em 0 -0.5em 0;
				padding: 0;
				font-size: 100%;
			}
			.formBox input.text {
				width: 180px;
				margin: 0 0 10px 0px;
				=margin: 0 0 10px -10px;
			}
			.formBox input.checkbox {
				position: relative;
				top: 2px;
			}
			.formBox p {
				font-size: 120%;
				line-height: 1.3em;
			}
			.formBox .colLeft {
				width: 40%;
				float: left;
				margin: 20px 0 0 10px;
				position: relative;
			}
			.formBox .colRight {
				width: 51%;
				float: left;
				margin: 20px 0 0 40px;
				position: relative;
			}
			.formBox .colLeft span.h2Bg,
			.formBox .colRight span.h2Bg {
				margin: 0px 0 20px 0;
			}
		/* end. formBox */
		
		/* ----- basket */
			table.basket {
				width: 100%;
				border-collapse: collapse;
				margin: 0 0 30px 0;
			}
			table.basket th {
				background-color: #FE9001;
				padding: 4px 7px;
				text-transform: uppercase;
				color: #FFFFFF;
				border-left: 1px solid #FFF;
				border-right: 1px solid #FFF;
			}
			table.basket td {
				padding: 2px 7px;
			}
			table.basket td.right {
				background-color: #000000;
        padding: 2px 7px;
        }
			table.basket .odd td {
				background-color: #f1f1f2;
			}
			table.basket .allPrice td {
				background-color: #4d4d4d;
				color: #FFF;
				padding: 4px 7px;
			}
			table.basket .allPrice td.button {
				background-color: #9FB9C8;
				text-align: center;
				border-right: 1px solid #FFF;
				border-left: 1px solid #FFF;
			}
			table.basket .allPrice td.button a {
				color: #FFF;
			}
			 table.basket input { 
       width: 48px
       }
		/*end. basket */
		
		/* ----- zpDodani */
			.zpDodani h3 {
				color: #FE9001;
				margin: 20px 0 0 25px;
				font-size: 100%;
			}
			.zpDodani textarea {
				margin: 3px 0 5px 0;
			}
		/* end. zpDodani */
		
		/* ----- detail produktu */
			.productDetailTop h1 {
				color: #FE9001;
				font-size: 200%;
				margin: 1.5em 0 0em 0;
				font-weight: normal;
				line-height: 1.2em;
			}
			.productDetailTop h2 {
				color: #4d4d4d;
				font-size: 130%;
				margin: 0.5em 0 0.5em 0;
			}
			.pdPrice {
				float: left;
				margin: 0 60px 0 0;
			}
			.pdPrice strong {
				color: #FE9001;
			}
			.pdBasket {
				float: left;
			}
			.pdBasket input.text {
				width: 20px;
			}
			.pdBasket input.button {
				margin: 0;
			}
			/* ----- pdLeft pdRight */
				.pdLeft {
					width: 384px;
					float: left;
				}
				.pdRight {
					width: 180px;
					float: right;
				}
				.pgRightMain {
					xborder-left: 1px dotted #9f9f9f;
				}
				/* ----- pdLeft */
					.pdLeft .img {
						width: 126px;
						float: left;
						margin: 0.5em 20px 0 0;
					}
					.pdLeft span.h2Bg {
						margin: 0 0 10px 0;
					}
					.pdLeft .img a.link {
						border: 1px solid #cfcfcf;
						border-top: none;
						text-align: center;
						padding: 6px;
						height: 120px;
						width: 112px;
						overflow: hidden;
						display: block;
					}
					.pdLeft .img a.imgTop {
						background-image: url(../img/icons/img-zvetsit.gif);
						background-repeat: no-repeat;
						color: #FFFFFF;
						font-size: 90%;
						text-align: center;
						text-transform: uppercase;
						display: block;
						height: 16px;
						width: 100%;
						padding: 0;
					}
				/* end. pdLeft */
				
				/* ----- pdRight */
					.pdRight .img {
						text-align: center;
						margin: 10px 0 30px 0;
						padding: 10px 0 0 0;
					}
					.pdRight .img h4 {
						margin: 0; padding: 0;
						font-size: 100%;
					}
					.pdRight .img p {
						margin: 0; padding: 0;
						font-size: 100%;
					}
				/* end. pdRight */
			/* end. pdLeft */
		/* end. detail produktu */
	/* end. colRight */


	/* ----- colLeft */
		.colLeft {
			width: 190px;
			float: left;
		}		
		/* ----- actionBox */
			.actionBox {
				margin: 11px 0 0 0;
			}
			.actionBox .img {
				width: 84px;
				float: left;
			}
			.actionBox .img h5 {
				margin: 0 0 0 0; padding: 0;
				width: 84px;
			}
			.actionBox .img .imgMain {
				width: 82px;
				border: 1px solid #cfcfcf;
				border-top: none;
				text-align: center;
				padding: 6px 0;
			}
			.actionBox .text {
				width: 85px;
				border-left: 1px solid #4D4D4D;
				float: right;
				padding: 0 0 20px 10px;
				margin: 15px 0 0 0;
				height: 60px;
				position: relative;
			}
			.actionBox .text h4 {
				margin: 0; padding: 0;
				height: 4.5em;
				overflow: hidden;
			}
			.actionBox .text h4 a {
				text-decoration: none;
			}
			.actionBox .text span.price {
				color: #FE9001;
				position: absolute;
				bottom: 0; left: 10px;
				font-weight: bold;
			}
		/* end. actionBox */
	/* end. colLeft */
	
	.item-add-form ul {
		list-style-type: none;
		margin: 1em 0; padding: 0;
	}
	.item-add-form button {
		top: -26px; 
	}
	.buttonPanel .item-add-form button {
		position: relative;
		top: 0; left: 0;	
	}
	
	#info-box.err,
    #info-box.ok,
	#info-box.success {
		padding: 1em 1em 1em 1em;
		margin: 1em 0;
		line-height: 1.2em;
		font-weight: bold;
		background-repeat: no-repeat;
		background-position: 0 center;
	   }
	#info-box.err {
		background-color: #f7dad1;
		border: 1px solid #e48383;
		color: #b63333;
	}
    #info-box.ok {
	background-color: #d1edf7;
		border: 1px solid #89c1e8;
		color: #2092e1;
		background-image: url(../img/icons/notice.png);
    }
	#info-box.success {
		background-color: #f3ffd2;
		border: 1px solid #bcd67f;
		color: #93b633;
		background-image: url(../img/icons/success.png);
	   }
}