/* ------------------------------------------------------------------ */
/* screen.css							      */
/* autor HTML a CSS - Michal Príhoda www.michalprihoda.cz	      */
/* ------------------------------------------------------------------ */
@media screen {
	/* ----- header */
		#header {
			background-color: #f5f5f5;
			margin: 20px 0;
		}
		#header .headerFoto {
			float: left;
			margin: 0 20px 0 0;
			width: 435px;
		}
		
		/* ----- videoBox */
			.videoBox {
				width: 202px;
				float: left;
				margin: 20px 0 0 0 ;
				overflow: hidden;
			}
			.videoBox h3 {
				font-weight: normal;
				font-size: 120%;
				margin: 0 0 15px 0;
			}
			.videoBox h3 a {
				color: #000;
			}
			.videoBox .smallSize h5 {
				font-size: 100%;
				margin: 0;
				color: #9b0505;
			}
			.videoBox .smallSize p {
				margin: 0.5em 0;
			}
			.videoBox .smallSize strong {
				color: #9b0505;
				font-weight: normal;
			}
			.videoBox .smallSize {
				font-size: 90%;
				line-height: 1.2em;
				margin: 3px 0 0 0;
			}
		/* end. videoBox */
		
		/* ----- productDetail */
			.productHeaderFoto {
				/*border: 1px solid #d0cece;*/
				margin: 0 3px 0 0 !important;
				text-align: center;
			}
			.productDetail {
				width: 240px;
				float: left;
				margin: 20px -20px 0 0;
			}
			.productDetail .img {
				width: 96px; height: 79px;
				float: left;
				margin: 6px 5px;
				border: 3px solid #F5F5F5;
			}
			.productDetail .img:hover {
				border: 3px solid #B28703;
			}
			.productDetail .act {
				border: 3px solid #9b0505;
			}


			.img-big-wide  { width: 435px; }
			.img-big-high  { height: 435px; text-align: center; }

			.img-small-wide { width: 90px; }
			.img-small-high { height: 90px; }


		/* end. productDetail */
	/* end. header */
	
	/* ----- content */
	
		/* ----- contentLeft */
			.contentLeft {
				width: 225px;
				float: left;
			}
			.contentLeft h2 {
				background-color: #e5e5e5;
				padding: 5px 10px;
				text-align: right;
				margin: 0;
				font-size: 100%;
				color: #9b0505;
				text-transform: uppercase;
			}
			.contentLeft h2.menu {
				background-color: #b28703;
				padding: 5px 10px;
				text-align: right;
				margin: 0;
				font-size: 100%;
				color: #fff;
				text-transform: uppercase;
			}
			.contentMP3 {
				background-color: #f5f5f5;
				padding: 20px 10px;
				overflow: auto;
				height: 465px;
			}
			.contentMP3 .box {
				font-size: 90%;
				margin: 0 0 10px 0;
			}
			.contentMP3 .box a {
				font-weight: bold;
			}
			.contentMP3 .box span {
				display: block;
				background-color: #a29e9e;
				color: #fff;
				padding: 0 2px;
			}
			/* ----- productText */
				.contentLeft .productText {
					background-color: #f5f5f5;
					padding: 20px 10px;
				}
				.contentLeft .productText h3 {
					margin: 0 0 0.5em 0;
					color: #9b131b;
					font-size: 110%;
					text-transform: uppercase;
				}
				.contentLeft .productText h3 a {
					color: #9b131b;
				}
				.contentLeft .productText h4 {
					margin: 1.5em 0 0.5em 0;
					font-size: 110%;
					text-transform: uppercase;
					color: #9b131b;
				}
				.contentLeft .productText h5 {
					margin: 1em 0 0.5em 0;
					font-size: 100%;
					text-transform: uppercase;
					color: #9b131b;
				}
			/* end .productText */
		/* end. contentLeft */
		
		/* ----- contentCenter */
			.contentCenter {
				width: 420px;
				float: left;
				margin: 0 15px;
			}
			.contentCenter h2 {
				background-color: #e5e5e5;
				padding: 5px 10px;
				text-align: right;
				margin: 0;
				font-size: 100%;
				color: #9b0505;
			}
			.contentCenter .contentMain {
				background-color: #f5f5f5;
				padding: 20px 10px;
			}
			.contentCenter h1 {
				color: #9b0505;
				font-size: 110%;
				margin: 0 0 1em 0;
			}
			.newsHp h2 {
				color: #9b0505;
				font-size: 110%;
				margin: 3em 0 1em 0;
				background-color: transparent;
				text-align: left;
				padding: 0;
			}
			.newsHp .img {
				width: 110px;
				float: left;
			}
			.newsHp .text {
				width: 260px;
				float: left;
				margin: 0 0 2em 0;
				line-height: 1.2em;
			}
			.newsHp .text h4 {
				font-size: 100%;
				margin: 0;
			}
			.newsHp .text p {
				margin: 0.5em 0;
			}
		/* end. contentCenter */
		
		/* ----- contentLeft */
			.contentRight {
				width: 225px;
				float: right;
			}
			.contentRight h2 {
				background-color: #e5e5e5;
				padding: 5px 10px;
				text-align: right;
				margin: 0;
				font-size: 100%;
				color: #9b0505;
			}
			.contentRight .contentRightMain {
				background-color: #f5f5f5;
				padding: 20px 10px;
			}
			 .contentRight .contentRightMain .actions {
				padding: 5px 10px 20px 10px;
      }
      .contentRight h3 {
				font-size: 100%;
				color: #a29e9e;
				padding: 5px 0 0 0;
			}
			.contentRight h4 {
				font-size: 100%;
				color: #9b0505;
				padding: 0 0 0 0;
			}
			.contentRight .actions p {
				margin: 0;
			}
			.contentRight .vForum {
				background-color: #9b0505;
				display: block;
				padding: 4px 10px;
				display: block;
				margin: 20px 5px;
				text-align: center;
				color: #fff;
				text-decoration: none;
			}
			.contentRight .vForum:hover {
				background-color: #CDCDCD;
				color: #9b0505;
			}
			.contentRight .reklamniBox {
	background-color:#fff;
	font-size: 90%;
      }
      .contentRight .reklamniBox h2 {
      font-size: 90%;
      background-color: #fff;
      text-align: right;
      color: #000;	
      }
		/* end. contentLeft */
		
		/* ----- contentCenter100 */
			.contentCenter100 {
				width: 660px;
				float: left;
				margin: 0 0 0 15px;
			}
			.contentCenter100 h1 {
				margin: 5px 10px 5px 10px;
				color: #A29E9E;
				font-size: 150%;
				}				
			.contentCenter100Price {
			  margin: 5px 10px 5px 10px;
	float: right;
	color: #A29E9E;
				font-size: 150%;
			}
			.contentCenter100 .contentMain {
				padding: 20px 10px;
				background-color: #f5f5f5;
			}
			.contentCenter100 h2 {
				margin: 1.5em 0 0.5em 0;
				color: #9b131b;
				font-size: 120%;
			}
			.contentCenter100 h3 {
				margin: 1.5em 0 0.5em 0;
				font-size: 110%;
			}
			.contentCenter100 h4 {
				margin: 1em 0 0.5em 0;
				font-size: 100%;
			}
			.contentCenter100 table {
				border-collapse: collapse;
				margin: 0.5em 0;
			}
			.contentCenter100 table th,
			.contentCenter100 table td {
				padding: 3px 10px;
				border: 1px solid #a7a3a3;
				background-color: #fff;
			}
			.contentCenter100 table th {
				background-color: #9b131b;
				color: #fff;
			}
      .contentCenter100Detail h1 {
			  margin: 5px 10px 5px 10px;
				color: #A29E9E;
				font-size: 150%;
				float:left;
				display: inline;
			}
			/* ----- productBox */
				.contentCenter100 .productBox {
					background-color: #f5f5f5;
					border: 2px solid #d0cece;
					margin: 0 0 20px 0;
					width: 655px;
				}
				.contentCenter100 .productBox .img {
					margin: 0 15px 0 20px;
					float: left;
					width: 145px;
				}
				.contentCenter100 .productBox .text {
					margin: 0 15px 0 20px;
					float: left;
					width: 300px;
					padding: 10px 0;
					font-size: 90%;
					line-height: 1.2em;
				}
				.contentCenter100 .productBox .text h1 {
					color: #9b0505;
					font-size: 120%;
					text-transform: uppercase;
				}
				.contentCenter100 .productBox .text h1 a {
					color: #9b0505;
				}
				.contentCenter100 .productBox .priceBox {
					color:	#9b0505;
					padding: 10px 10px;
					width: 100px;
					float: right;
					position: relative;
					min-height: 75px;
					text-align: left;
				}
				.contentCenter100 .productBox .priceBox .detail {
					color: #000;
					font-weight: bold;
					margin: 50px 0 0 0;
					display: block;
				}
				.contentCenter100 .productBox .priceBox strong {
					color: #000;
				}
			/* end. productBox */
		/* end. contentCenter100 */
	/* end. content */
}