/* ------------------------------------------------------------------ */
/* screen.css                                                         */
/* autor HTML a CSS - Michal Príhoda www.michalprihoda.cz             */
/* ------------------------------------------------------------------ */
@media screen {
	/* ----- tituli stranka */
		/* ----- boxLeft1 */
			.boxLeft1 {
				width: 630px;
				float: left;
			}
			.boxLeft1 .searchBox {
				background: #fefefe url(../img/bg/searchbox-top.gif) 0 0 no-repeat;
			}
			.boxLeft1 .searchBox .searchBoxMain {
				background:  url(../img/bg/searchbox.gif) 0 100% no-repeat;
				padding: 20px 0 17px 30px;
				color: #606060;
			}
			.boxLeft1 .searchBox .searchBoxMain strong {
				color: #000;
				font-weight: normal;
			}
			.boxLeft1 .searchBox .searchBoxMain input.text {
				background: url(../img/bg/searchbox-input.gif) 0 0 no-repeat;
				color: #000;
				width: 200px;
				padding: 9px 5px 9px 40px;
				border: none;
				margin: 0 10px 0 13px;
			}
			.boxLeft1 .searchBox .searchBoxMain input.submit {
				background-color: #da0000;
				color: #fff;
				padding: 8px 10px;
				overflow: hidden;
				border: none;
				font-size: 100%;
			}
			.boxLeft1 .moreDetils {
				font-size: 90%;
				text-align: right;
				margin: 0.5em 0;
			}
			.boxLeft1 .moreDetils a {
				background: url(../img/bg/moredetails.gif) 0 5px no-repeat;
				padding: 0 0 0 10px;
				color: #d2d2d2;
			}
			.boxLeft1 .indexImage {
				position: relative;
				
			}
			.boxLeft1 .indexImage .text {
				position: absolute;
				left: 0; bottom: 40px;
				font-family: "Myriad Pro";
				font-size: 22px;
				padding: 25px 20px;
				width: auto;
				background: url(../img/bg/images-text.png) 100% 0 no-repeat;
				color: #fff;
			}
		/* end. boxLeft1 */
		
		/* ----- boxLeft2 */
			.boxRight1 {
				width: 250px;
				float: right;
			}
		/* end. boxLeft2 */
	/* end. tituli stranka */
	
	/* ----- loginBox */
		.loginBox {
			background: #3c3c3e url(../img/bg/loginbox-bg.gif) 0 100% no-repeat;
			margin: 15px 0 0 0;
		}
		.loginBox h3 {
			background: #303033 url(../img/bg/loginbox-title.gif) 0 0 no-repeat;
			margin: 0; padding: 15px 20px;
			font-size: 100%;	
		}
		.loginBox .loginBoxMain {
			padding: 18px 20px;
			display: table;
			width: 210px;
		}
		.loginBox .loginBoxMain input.text {
			width: 200px;
			padding: 5px 5px;
			margin: 0 0 12px 0;
		}
		.loginBox .loginBoxMain a {
			color: #d2d2d2;
			
		}
		.loginBox .loginBoxMain a.reg {
			font-size: 90%;
			position: relative;
			top: 7px;
		}
		.loginBox .loginBoxMain input.submit {
			border: none;
			background-color: #161616;
			color: #fff;
			padding: 5px 8px;
			float: right;
			overflow: hidden;
			cursor: pointer;
		}
		.loginBox .loginBoxMain p {
			margin: 0;
		}
	/* end. loginBox */
	
	/* ----- loginBox */
		.albumBox {
			background: #3c3c3e url(../img/bg/albumbox-bg.gif) 0 100% no-repeat;
			margin: 15px 0 0 0;
		}
		.albumBox h3 {
			background: #303033 url(../img/bg/albumbox-title.gif) 0 0 no-repeat;
			margin: 0; padding: 15px 20px;
			font-size: 100%;	
		}
		.albumBox .albumBoxMain {
			padding: 18px 20px;
			display: table;
			width: 210px;
		}
		.albumBox ul {
			margin: 0; padding: 0;
			list-style-type: none;
		}
		.albumBox .albumBoxMain a {
			color: #d2d2d2;
		}
		.albumBox fieldset {
			border: 0;
			margin: 0 0 10px 0;
		}
		.albumBox fieldset th {
			text-align: left;
		}
	/* end. loginBox */
	
	.contentBg {
		background-color: #4b4b4d;
		padding: 10px;
		margin: 0 0 20px 0;
	}
	#contentBox .contentBg h2 {
		margin: 0; padding: 0;
		font-size: 120%;
		color: #fff;
	}
	#contentBox input.text {
		padding: 4px 10px;
		width: 200px;
		margin: 0 10px;
	}
	
	
	/* ----- basketBox */
		.basketBox {
			background: #3e493d url(../img/bg/basketbox-bg.gif) 0 100% no-repeat;
			margin: 15px 0 0 0;
		}
		.basketBox h3 {
			background: #2f3d2d url(../img/bg/basketbox-title.gif) 0 0 no-repeat;
			margin: 0; padding: 15px 20px;
			font-size: 100%;
		}
		.basketBox h3 a {
			color: #d2d2d2;
		}
		.basketBox .basketBoxMain {
			padding: 18px 20px;
			display: table;
			width: 210px;
		}
		.basketBox .basketBoxMain input.text {
			width: 200px;
			padding: 5px 5px;
			margin: 0 0 12px 0;
		}
		.basketBox .basketBoxMain a {
			color: #d2d2d2;
			
		}
		.basketBox .basketBoxMain a.reg {
			font-size: 90%;
			position: relative;
			top: 7px;
		}
		.basketBox .basketBoxMain input.submit {
			border: none;
			background-color: #161616;
			color: #fff;
			padding: 5px 8px;
			float: right;
			overflow: hidden;
			cursor: pointer;
		}
		.basketBox .basketBoxMain p {
			margin: 0;
		}
		.basketBox .buttonSubmit {
			padding: 5px 10px;
			float: right;
			margin: 10px 0 0 0;
			background-color: #0c0c0c;
			color: #fff;
			text-decoration: none;
		}
		.basketBox table tr.total td {
			border-top: 1px solid #2f3d2d;
			padding: 5px 0;
			font-weight: bold;
		}
	/* end. basketBox */
	

	
	/* ----- form */
		#contentBox fieldset  {
		padding: 0 0 1em 0;
		margin: 20px 0 20px 0;
		border: 0px solid #fff;
		}
		
		#contentBox legend {
			padding: 0;
		}
		#contentBox legend span {
		padding: 0.5em 1em;
		margin: 0 0 10px 0;
		background: #303033;
		color: #d2d2d2;
		font-weight: bold;
		width: 566px;
		display: block;
		}
		table td.error input {
			border: 1px solid red;
			background-color: #F7DAD1;
		}
		#contentBox .contentBg fieldset {
			margin: 20px 0 0 0;
		}
	/* end. form */
	
	input.submit {
		border: none;
		background-color: #d70000;
		color: #fff;
		padding: 5px 8px;
		margin: 0 0 0 10px;
		overflow: hidden;
		cursor: pointer;
	}
	
	
.cBox.steps {
	padding: 10px 20px;
	background: #6d6d71;
	color: #fff;
	text-align: right;
	margin: 0 0 1em 0;
}

.cBox.steps span, .cBox.steps strong  {
	padding: 0.1em 0.5em;
	margin: 2px;
	background: #121212;
	color: #A7B0B3;
}

.cBox.steps strong {
	background: #272727;
	color: #fff;
	font-weight: normal;
}

.cBox.bin {
	color: #6d6d71;
	padding-left: 40px;
}
}