@charset "utf-8";
/* CSS Document */


body {
	font-family: Helvetica;
	font-size: 12px;
	margin: 0px;
	margin:0px;
	background-color: #d3dffc;

}

h1{
	font-family: Helvetica;
	font-size: 26px;
	font-weight: bold;
	margin: 16px 20px 1px 25px;
	text-align: left;	
}

h4{
	font-family: Helvetica;
	font-size: 18px;
	font-weight: bold;
	margin: 16px 20px 1px 25px;
	color:red;
	}

#main {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	background-color: #ffffff;
}
/* top */

/*#wrap {
	background-color: #064db7;
}*/

.top{
	width:960px;
	height:118px;
	position:relative;
	background-image: url(images/top-bg.png);
	background-repeat: no-repeat;
}
.footer{
	width:910px;
	height:40px;
	margin:0 auto;
	background-color:#e8e8e8;
	margin-top:-10px;
	padding-left:50px;
	text-align:center;
}

.footer ul{
 	list-style:none;
	padding:0px;
	margin:0px;
}

.footer ul li{
	display:inline;
	padding-right: 16px;
	line-height: 19px;
}

.footer ul li a{
	color:#000000;
	font-size:10px;
	text-transform: uppercase;
	text-decoration:none;

}
.footer ul li a:hover{
	color:#000000;
	text-decoration:underline;
}
.logo {
	float:left;
	top:12px;
	left:26px;
	width: 122px;
	height: 102px;
	position: absolute;
	
}
a.homelink {
	display: block;
	width: 118px;
	height: 82px;
	text-decoration: none;
}
a.homelink span {
	visibility: hidden;
}
.telefon {
	float:left;
	top:6px;
	left:161px;
	width: 407px;
	height: 28px;
	position: absolute;
	z-index: 1;
}
.menu-top {
	float:left;
	top:10px;
	left:460px;
	width: 640px;
	height: 19px;
	position: absolute;
	z-index: 3;
}

.menu-top ul{
 	list-style:none;
	padding:0px;
	margin:0px;
}

.menu-top ul li{
	display:inline;
	padding-right: 16px;
	line-height: 19px;
}

.menu-top ul li a{
	color:#ffffff;
	font-size:10px;
	text-transform: uppercase;
	text-decoration:none;

}
.menu-top ul li a:hover{
	color:#ffffff;
	text-decoration:underline;
}
.top .banner {
	float:left;
	top:37px;
	left:246px;
	width: 468px;
	height: 60px;
	position: absolute;
	z-index: 4;
}

.banner a img {
	border:0px;
}
.login {
	float:left;
	top:37px;
	left:785px;
	width: 151px;
	height: 59px;
	position: absolute;
	z-index: 5;
	background-image: url(images/login-bg.gif);
	background-repeat: no-repeat;
}
.login ul {
	list-style:none;
	padding:0px;
	margin:15px 0px 0px 15px;
}

.login ul li a {
	color:#000000;
	font-weight:bold;
	outline:none;

}
.login ul li a:hover {
	color:#000000;
	text-decoration:none;

}
/* top konec*/
.menu-main {
	float:right;
	width: 960px;
	height:31px;
	background-image: url(images/menu-bg.jpg);
	background-repeat: no-repeat;
	
}

.menu-main ul{
 	list-style:none;
	padding:0px;
	margin:0px;
}

.menu-main ul li{
	display:inline;

}
.menu-main ul li#bez-linky a{

	background-image: none;
	outline:none;

}

.menu-main ul li a{
	float: left;
	padding-right: 9px;
	padding-left: 9px;
	line-height: 31px;
	font-size:13px;
	font-weight:bold;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	margin-top:-1px;
	outline:none;
}

.menu-main ul li a:hover{
	color: #e21a1a;
	text-decoration:none;
	outline:none;
}

.menu-sec {
	float:left;
	width: 960px;
	height:31px;
	background-color: #ffffff;
	margin-top: 0px;
	position:relative;

}

.menu-sec ul{
 	list-style:none;
	padding:0px;
	margin:0px;
}

.menu-sec ul li{
	display:inline;

}

.menu-sec ul li a{
	float: left;
	padding-right: 16px;
	padding-left: 16px;
	line-height: 31px;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	color: #0053a1;
	text-decoration:none;
	outline:none;

}

.menu-sec ul li a:hover{
		text-decoration: underline;
		outline:none;

}


#main-bg{
	float:left;
	width: 955px;
	padding-left: 5px;
	margin-bottom:20px;
	background: url('images/nej-bg.jpg') repeat-x 50% -10px #fff;
	}

#main-bg-produkt{
	float:left;
	width: 949px;
	padding-left: 11px;
	padding-top:11px;
	margin-bottom:20px;
}

#video{
	float:left;
	width: 622px;
	background-repeat: no-repeat;
	height:307px;
	margin-top: 7px;
	margin-bottom: 11px;
	position:relative;
}

#video h2{
	font-family: Helvetica;
	font-size: 24px;
	font-weight: bold;
	margin: 9px 0px 8px 16px;
	color:#ffffff;
}

#video .item-area{
	float:left;
	width: 247px;
	padding-left:8px;
	padding-top:5px;

}
#video .item-area ul{
 	list-style:none;
	padding:0px;
	margin:0px;
}
#video .item-area ul li{
}
#video .item-area ul li a{
	display: block;
	width: 233px;
	line-height:22px;
	background-image: url(images/video-menu.png);
	background-repeat: no-repeat;
	behavior: url("http://www.ceska-muzika.cz/template/iepngfix.htc");
	/*margin-bottom: 2px;*/ padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 6px;
	color:#ffffff;
	text-decoration:none;
	outline:none;
}
#video .item-area ul li.hover a{
	display: block;
	/*float:left;*/
	width: 239px;
	height:95px;
	background-image: url(images/video-menu-hover.png);
	background-repeat: no-repeat;
	behavior: url("http://www.ceska-muzika.cz/template/iepngfix.htc")
	/*margin-bottom: 2px;*/ padding-bottom: 1px;
	font-weight: bold;
	padding-left: 6px;
	color:#ffffff;
	text-decoration:none;
	font-family: Helvetica;
	font-size: 14px;
	outline:none;
}
#video .item-area ul li.hover a span{

outline:none;


}

#video .item-area ul li.hover a img{
	border:0px;
	float:left;
	margin-top:4px;
	margin-right:8px;

}

#video .item-area ul li.nohover a img{
	display:none;
}

.stream{
	top:8px;
	left:254px;
	width: 360px;
	height:270px;
	position: absolute;
	z-index: 1;
	background-color: #CCCCCC;
}
#nej{
	float:left;
	width: 327px;
	height:315px;
	

}
#nej h2{
	font-family: Helvetica;
	font-size: 24px;
	font-weight: bold;
	margin: 16px 20px 1px 25px;
	text-align: left;
	color:#ffffff;
	
}

#nej ol{
	color:#ffffff;
	font-weight:bold;
	margin-left: 50px;
	padding:0px;
	margin-top:5px;

}
#nej ol li {


}
#nej ol li a{
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	line-height: 20px;
	width: 253px;
	display: block;
		outline:none;
	
}
#nej ol li a:hover{
	text-decoration:underline;
	color:#ffffff;
	outline:none;
	}
	
	
.panel-levy-bily{
	width:156px;
	float:left;
	position:relative;
	z-index:3000;
	background-color:#FFFFFF;
	margin-bottom:11px;
	background-image:url(images/bg_zanry.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;

}
.panel-levy-bily .box, .panel-levy-svetle-modry .box{
	padding:15px;

}
.panel-levy-bily ul, .panel-levy-svetle-modry ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.panel-levy-bily ul li a{
	padding:0px;
	width:118px;
	display:block;
	color:#082a58;
	line-height:28px;
	text-decoration:none;
	font-weight:bold;
	outline:none;
	
}
.panel-levy-bily ul li a:hover, .panel-levy-bily ul li .active{
	text-decoration:none;
	color:#e21a1a;
	width:113px;
	font-weight:bold;
	outline:none;
}


.panel-levy-svetle-modry ul li a{
	color:#082a58;
	text-decoration:none;
	line-height:18px;
	outline:none;
	}
	
	
.panel-levy-svetle-modry ul li a:hover{
	text-decoration:none;
	outline:none;
	color:#E21A1A;
}

.panel-levy-svetle-modry{
	width:158px;
	float:left;
	background-image:url(images/bg_personal.jpg);
	background-repeat:no-repeat;
}
.panel-levy{
	width:158px;
	float:left;
	margin-right: 0px;
	}

.panel-pravy{
	width:148px;
	float:left;
}
.panel-hlavni{
	width:780px;
	float:left;
	margin-right: 10px;
	background-color: #FFFFFF;
	background-image: url(images/bg-bottom-hlavni.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.panel-hlavni-top{
	width:780px;
	height:3px;
	background-image: url(images/bg-top-hlavni.gif);
	background-repeat: no-repeat;
}

.hlavni-padding{
	padding-left: 10px;
	width:780px;
}
.panel-levy-bily h3, .panel-levy-svetle-modry h3{
	line-height: 30px;
	color: #FFFFFF;
	margin: 0px;
	text-align:left;
	padding-left:15px;
	text-transform:uppercase;
	padding-top:8px;
	font-size: 14px;
	
}

.panel-levy-svetle-modry .tel-objednavky{
	padding-right: 6px;
	padding-left: 6px;
}

/* zacatek produkt */
.produkt {
	width:194px;
	height:310px;
	display:block;
	margin-top:0px;
	text-decoration:none;
	position:relative;

}

.produkt table{
	width:172px;
	height:192px;
	margin:0px 10px 10px 10px;
	background-color:transparent;
	padding-top:10px;
	}

.produkt a.h4  {
	font-family: Helvetica;
	font-size: 13px;
	display: block;
	margin: 0px;
	padding-top:0px;
	padding-right: 10px;
	padding-left: 10px;
	color:#082a58;
	padding-bottom:0px;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}

.produkt a.h4:hover  {
	text-decoration:none;
	color:#e21a1a;
outline:none;
}

.produkt .objednat {
	font-weight:normal;
	color:#5b5b5b;
	width:169px;
	margin-left:2px;
	margin-right:5px;
	line-height:22px;
	padding-left:5px;
	position:absolute;
	top:255px;
	
}

.produkt .objednat .text {
	width:30px;
	position:relative;
	float:left;
	margin:2px;
	text-transform:capitalize;
}
.produkt .objednat .nosic a{
	width:40px;
	position:relative;
	float:left;
	background-color:#bbe1ff;
	text-align:center;
	font-size:10px;
	margin:2px;
	margin-left:33px;
	text-decoration:none;
	color:#5b5b5b;
	outline:none;

}

.produkt .objednat .nosic a:hover{
	text-decoration:none;
outline:none;
}

.produkt img a {
	padding:1px;	
	background-color:#FFFFFF;
	border:0px;
outline:none;
}

.produkt .cena {
	width:75px;
	margin-top:22px;
	margin-left:107px;
	margin-right:2px;
	line-height:22px;
	position:absolute;
	top:235px;
	color:#e21a1a;
	font-size:16px;
	text-align:right;
	font-weight:bold;
	z-index:1000;
}

/* konec produkt */
.produkt-top{
	width:194px;
	height:0px;
	background-color:#FFFFFF;
	


}
.produkt-box{
	width:194px;
	height:290px;
	float:left;
	margin-top:-5px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	background-image: url(images/produkt_bg.jpg);
	background-repeat: no-repeat;

}

.cl{

	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
	position: relative;

}

.detail-produktu{
	padding-left: 20px;
	padding-right:20px;
	width:790px;
	
}

.ostatni-text{
	padding-left: 20px;
	padding-right:20px;
	width:582px;

}

.detail-produktu .left{
	float:left;
	width:184px;
	padding-right: 10px;
}

.detail-produktu  td{
	padding:3px;
	height:30px;
	font-size:14px;

}

.detail-produktu  td.nosic{
	background-color:#BBE1FF;
	width:75px;
	font-weight:normal;
	text-align:center;
	font-weight:bold;
}
.detail-produktu  td.cena{
	color:#e2007a;
	font-weight:normal;
	text-align:center;
	font-weight:bold;
}


.detail-produktu  table{
	margin-top:10px;
	width:95%;
	background-color:#FFFFFF;
	

}

.detail-produktu  .mnozstvi {
	background: #dcdcdc;
	border: 0;
	width: 25px;
	text-align: center;
}
.detail-produktu .right{
	float:left;
	width:525px;
	text-align: justify;
}

.detail-produktu .right .box{
	float:left;
	width:182px;
	padding-right:10px;

}
.detail-produktu .img{
	width:172px;
	height:172px;
	margin:0px 0px 0px 0px;
	background-color:#FFFFFF;
	
}

.detail-produktu .img img {
	padding:5px;	
	background-color:#FFFFFF;
	border:0px;

}

.detail-produktu .obsah-boxu{
	float:left;
	width:790px;
}

.detail-produktu .obsah-boxu .box{
	float:left;
	text-align:center;
	width:173px;
	padding-right:19px;
	margin-bottom:20px;
}

.detail-produktu .obsah-boxu .img{
	margin-bottom:5px;

}

.detail-produktu h1, .detail-kosik h1, .ostatni-text h1{
	font-family: Helvetica;
	font-size: 170%;
	color:#082a58;
	margin-top: 20px;
	margin-bottom: 15px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #BBE1FF;
}
.detail-produktu h2 {
	font-size: 100%;
	color:#082a58;
	margin-top: 0px;
	margin-bottom: 15px;

}

.detail-kosik{
	padding-left: 20px;
	padding-right:20px;
	width:582px;
}

#detail-kosik, #tabulka { width: 582px;  text-align: left; color: #333333; margin: 15px 0px 0px 0px; }

#detail-kosik th, #tabulka th { background: #bbe1ff; height: 34px; padding: 0px 0px 0px 8px; }

#detail-kosik td,  #tabulka td{ padding: 8px 0px 8px 8px; border-bottom: 1px solid #dcdcdc; }

#detail-kosik .col1 { width: 65px; }

#detail-kosik .col2 { width: 95px; }

#detail-kosik .col3 { width: 247px; }

#detail-kosik .col4 { width: 65px; }

#detail-kosik .col5 { width: 55px; }

#detail-kosik .col6 { width: 55px; }

#detail-kosik a { color: #666666; text-decoration: underline;outline:none; }

#detail-kosik a:hover { color: #666666; text-decoration: none; outline:none;}

#detail-kosik .mnozstvi { background: #dcdcdc; border: 0; width: 30px; text-align: center; }

#detail-kosik span {  }

#detail-kosik img {  }

.button-wrap { text-align: right; margin-top: 20px; margin-bottom: 20px; }

.button-wrap a { margin-left: 5px; outline:none;}

.nav-kosik { display:block; color: #999999; text-align: right;}

.nav-kosik strong{color: #333333;}




.navigace {
	display:block;
	width:622px;
	float:left;
	line-height: 30px;
	font-size:11px;
	color:#0053a1;
}

.navigace a {
	color:#0053a1;
	outline:none;
}

.navigace a:hover {
	text-decoration:none;
outline:none;
}

/* nákupní taška */
.nakupni-taska{
	width:148px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(images/nakupni-taska.gif);
	background-repeat:no-repeat;
}

.nakupni-taska-bottom{
	width:148px;
	height:3px;
	float:left;
	background-image:url(images/bg-bottom-148.gif);
	background-repeat:no-repeat;
	margin-bottom:11px;
}

.nakupni-taska h3{
	line-height: 30px;
	color: #FFFFFF;
	margin: 0px;
	padding-right: 8px;
	padding-left: 8px;
	font-size:12px;


}
.nakupni-taska .box{
	padding:15px;

}
.nakupni-taska .box ul{
	list-style:none;
	padding:0px;
	margin:0px;
}


.nakupni-taska .box ul li{
	display:block;
	color:#000000;
	line-height:28px;
}

.nakupni-taska .box ul li.nt{
	font-weight:bold;
	padding-left:10px;
	width:108px;
	background-image: url(images/nt.png);
	background-repeat: no-repeat;
	behavior: url("http://www.ceska-muzika.cz/template/iepngfix.htc")
}

.nakupni-taska .box ul li a{
	color:#000000;
	outline:none;
}
.nakupni-taska .box ul li a:hover{
	text-decoration:none;
	outline:none;
}

.magenta{
	color:#e2007a;
}
img { border:0px;
}


.search {
	width:350;
	height:24px;
	background-repeat:no-repeat;
	float:right;
	margin-top:4px;
}

.search input.field{
	border:0px;
	width:155px;
	height:16px;
	margin-top:0px;
	margin-right:17px;
	font-size:14px;
	padding-top:3px;
	float:left;
	
}

.search .submint{
	border:0px;
	width:70px;
	height:16px;
	margin-top:0px;
	padding-right:0px;
	float:right;
	margin-top:0px;
	margin-right:11px;

}


.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
	}
	
.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #BBE1FF;
		text-decoration: none; /* no underline */
		color: #0053a1;
		outline:none;
	}
.pagination a:hover, .pagination a:active {
		border: 1px solid #0053a1;
		background-color:#BBE1FF;
		color: #000;
		outline:none;
	}
.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #0053a1;
		font-weight: bold;
		background-color: #0053a1;
		color: #FFF;
	}
.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
		color: #DDD;
	}
	
h5{
	font-size:120%;
	color:#e2007a;
}

.popis {
	margin-left: 50px;
}

.cena-dodani {
	text-align: right;
	color: blue; 
	font-weight:bold;
}

.process {
	position:absolute; 
	z-index:1; 
	background-color: white;
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-width: 3px;
	border-style: solid;
	border-color: grey;
	width:580px; 
	padding-top: 100px;
	height: 200px;
	color:grey;
	font-size:24px;
	text-align:center;

}

.nahled-popis {
	background-color: #ffffff;
	border: 1px solid #003681;
	width: 230px;
}

.nahled-popis h4 {
	font-family: Helvetica;
	font-size: 12px;
	display: block;
	margin: 0px;
	padding-top:5px;
	padding-right: 10px;
	padding-left: 10px;
	color:#082a58;
	padding-bottom:0px;
	font-weight:bold;
	background-color: #ffffff;
}

.nahled-popis .text{
	margin: 5px;
	background-color: #ffffff;
}