/* CSS Document */

img {behavior: url(iepngfix.htc);}

@import 'highslide.css';
*{
	margin:0px;
	padding:0px;
}
html{
	background:url(cssimg/bg.jpg) repeat-x;
	background-color:#aab2bd;
}
a {
	text-decoration:none;
	color:#666;
}
h1 {
	text-align:left;
	font-size:32px;
	font-weight:normal;
	color:#a6051d;
}
h2{
	font-size:18px;
	font-weight:normal;
	color:#d63a53;
	text-align:left;
}
h3 {
	float:left;
	padding-right:5px;
	color:#333;
}
b {
	color:#d63a53;
}
#main {
	width:935px;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	font-family:Tahoma;
	color:#000000;
}
.header{
	width:935px;
	height:85px;
	float:left;
}
.menu{
	margin:auto;
	text-align:center;
}
.menu li {
	list-style:none;
	float:left;
}
.menu li a {
	/*width:97px;*/
	width:79px;
	line-height:20px;
	padding:0 5px;
	display:block;
	color:#a6051d;
	font-weight:normal;
	text-decoration:none;
}

.header .menu li#akciemenu a{
}

/*.menu li#akciemenu a {
	font-weight:bold;
	color:#FF0000;
}*/
.menu li a:hover {
	background:#e1e2e5;
}
.header .menu {
	position:relative;
	top:62px;
	*top:49px;
	float:left;
	font-size:16px;
}
.logoHifi{
	background:url(cssimg/hifiBox.jpg) no-repeat;
	width:183px;
	height:80px;
	float:left;
}
.logoQuadral{
	background:url(cssimg/quadral_logo.jpg) no-repeat;
	width:213px;
	height:80px;
	float:right;
}
.content{
	background:url(cssimg/home_bg.jpg) no-repeat;
	width:933px;
	min-height:380px;
	_height:380px;
	/*border:#e4e6ea solid 1px;*/
	border:#d8d9dd solid 1px;
	border-width:1px 1px 0px 1px ;
	float:left;
	position:relative;
}
#flashContent {
	float:right;
	position:relative;
	top:2px;
}
/*content box*/
#home {
	background:url(cssimg/home_bg.jpg) top no-repeat;
	width:933px;
	min-height:379px;
	position:relative;
	left:0px;
	float:left;
}
#homeText {
	position:absolute;
	right:20px;
	top:375px;
	width:360px;
}
/*subcategory menu*/
.subCategoryMenu {
	width:100%;
	float:left;
}
.subCategoryMenu li {
	float:left;
	list-style:none;
	margin:0 10px 0px 10px;
	padding-bottom:30px;
	font-size:18px;
}
.subCategoryMenu li a {
	color:#a6051d;
}
.subCategoryMenu li a:hover {
	color:#fff;
}
/*sluzby*/
#sluzby .subCategoryMenu, #kable .subCategoryMenu, #hisense .subCategoryMenu{
	width:500px;
	margin:20px;
	float:left;
}
/*product category*/
#produkty {
	background:url(cssimg/produkty_bg.jpg) repeat-x;
	width:893px;
	padding:20px;
}
.product_categories {
	background:url(cssimg/productCategory.jpg) repeat-x;
	width:213px;
	height:124px;
	margin:1px;
	float:left;
	position:relative;
	border:3px #fff solid;
}
.product_categories img{
	border:none;
	float:left;
}
.product_categories h2 {
	position:absolute;
	bottom:3px;
	right:5px;
	color:#a6051d;
	font-size:16px;
	font-weight:normal;
	text-align:left;
	float:left;
	cursor:pointer;
}
.product_categories a {
	display:block;
	float:left;
	width:207px;
	height:118px;
}
.product_categories a:hover {
	color:#426f8f;
}
.product_categories a:hover h2 {
	color:#426f8f;
}
#download {
	width:200px;
	float:left;
	text-align:left;
	margin-left:350px;
	font-size:18px;
	font-family:Verdana;
}
#download a {
	display:block;
	margin:5px 0;
	color:#d63a53;
	font-size:12px;
}
#download a:hover{
	text-decoration:underline;
}
/*product list*/
#productlist {
	background:url(cssimg/p_bg.jpg) top repeat-x;
	width:900px;
	padding:0 15px;
}
#productlist h1 {
	margin:15px 35px;
}
.detail {
	background:url(cssimg/prod_bg.jpg) repeat-y;
	width:900px;
	margin-bottom:20px;
	padding:20px 0;
	text-align:left;
	float:left;
	border:1px #999 solid;
}
.detail img {
	margin:0 30px 20px 35px;
	padding:3px;
	border:none;
	float:left;
}
.detail ul {
	padding-left:20px;
	float:left;
	list-style:inside circle;
}
.detail h2 {
	font-size:18px;
}
.detail p {
	margin-top:5px;
}
.detail .detlist {
	float:left;
}
.detail .test {
	width:210px;
	margin-bottom:20px;
	margin-right:20px;
	float:right;
}
.detail .test img {
	margin:0px;
	height:auto;
	border:none;
	float:right;
}
.detail .test p {
	clear:both;
	text-align:right;
	font-weight:bold;
	width:100%;
}
.test div {
	padding:0px 0;
	margin:0px 0;
	float:right;
}
.star {
	margin:0px;
	padding:0px!important;
	float:right!important;
}
#links {
	margin:70px;
}
#links a {
	padding:5px;
	margin:20px 18px;
	float:left;
	border:1px #666 solid;
}
#links img {
	border:none;
	width:200px;
	height:80px;
}
#kable {
	padding-bottom:50px;
}
#kable h2{
	padding:30px 0px 10px 55px;
	width:500px;
	float:left;
}
.kableImg {
	width:500px;
	margin:0px 35px;
	float:left;
}
.kableImg span {
	width:126px;
	margin:10px 15px;
	float:left;
	text-align:center;
	color:#111;
	line-height:26px;
	font-weight:bold;
}
.kableImg span p {
	display:none;
}
.kableImg img {
	padding:3px;
	border:1px #666 solid;
}
/*content text*/
.textBox{
	width:500px;
	padding:205px 40px 40px 40px;
	text-align:left;
	float:left;
}
.textBox h2 {
}
.textBox p{
	margin:5px 0;
}
.textBox b {
	color:#d63a53;
}
.textBox ul {
	padding-left:20px;
}
/*poradna*/
#poradna h1, #hisense h1{
	margin:25px 35px;
}
#poradnaForm{
width:500px; 
margin-left:35px;
margin-bottom:20px;
float:left; 
text-align:left; 
}
label{
width:50px; 
line-height:20px; 
padding-right:10px; 
margin:3px 0; 
clear:both; 
float:left; 
font-weight:bold;
}
input{
float:left; 
background-color:#f0f1f5; 
margin:3px 0;
border:1px #ccc solid; 
padding:2px;
}
textarea{
width:430px; 
height:120px;
margin:3px 0; 
padding:3px;
display:block;
float:left; 
background:#f0f1f5;
border:1px #ccc solid;
font-family:Tahoma
}
#sendbtn{
width:150px; 
margin:10px; 
float:right; 
color:#fff; 
font-weight:bold; 
background:#666666; 
cursor:pointer;
}
#sendbtn:hover{
color:red; 
background-color:#ccc;
}
#keyBox {
	margin:10px 0;
	padding-left:273px;
	float:left;
}
.aspam2 {
	float:left;
}
#passKey {
	width:85px;
}
.key {
	width:120px;
	text-align:right;
}
/*end of poradna*/
/*contact*/
#kontakt a {
	color:#111;
}
#kontakt a:hover {
	text-decoration:underline;
}
#kontakt h1 {
	padding:0px 0 10px 0px;
}
#kontakt ul {
	text-align:left;
	list-style:none;
	/*margin-left:80px;*/
	font-family:Geneva, Arial;
}
#kontakt ul li {
	font-size:16px;
	line-height:24px;
	color:#111;
}
#kontakt ul li b {
	color:#333;
}
#kontakt .textBox {
	padding-top:170px;
}
#kontakt .textBox div {
	width:50%;
	float:left;
}
#hisense {
	padding-bottom:40px;
}
.tv {
	float:left;
	width:500px;
	padding:20px 0;
	margin-left:35px;
	text-align:left;
}
.tv img {
	border:1px #111 solid;
	padding:3px;
	margin-top:20px;
	float:left;
}
.tvParams {
	width:300px;
	float:left;
	padding:20px 0;
}
.tvParams img{
	padding:0px;
	margin:5px 15px;
}
#novinky {
	position:absolute;
	_text-align:left;
	padding:0px!important;
	bottom:5px;
	left:20px;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	float:left;
	color:#000000;
	font-weight:bold;
	display:none;
}
#kontakt #novinky {
	clear:both;
}
/*footer with news*/
.footer{
	background:url(cssimg/footer_x.jpg) repeat-x;
	width:935px;
	height:116px;
	position:relative;
	float:left;
}
/*carousel for gallery*/

.novinkyHolder {
	width: 730px;
	height:116px;
	position:absolute;
	left:0px;
	overflow:hidden;
	margin-left:30px;
	float:left;
}
.stepcarousel{
position: relative; /*leave this value alone*/
border:none;
overflow: scroll; /*leave this value alone*/
width: 700px; /*Width of Carousel Viewer itself*/
height: 116px; /*Height should enough to fit largest content's height*/
float:left;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
float:left;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0 10px; /*margin around each panel*/
width: 335px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding:5px;
color:#fff;
text-align:left;
}
.stepcarousel .panel h1 {
	font-size:16px;
	font-weight:bold;
color:#fff;
}
.stepcarousel .panel p img {
	margin:5px 0;
	display:block;
	border:none!important
}
.stepcarousel a .panel b {
	text-decoration:none;
	color:#c00;
	padding-left:10px;
}
.stepcarousel a:hover .panel b {
	text-decoration:underline;
}
.stepcarousel .panel h1, .stepcarousel .panel p{
	position:relative;
	left:10px;
	width:200px;
	display:block;
	float:left;
}
.stepcarousel .panel .novinkyImg {
	width:100px;
	height:116px;
	left:0px;
	display:block;
	float:left;
}
.stepcarousel .panel .novinkyImg img {
	max-width:95px;
	border:none;
}
#prev{
	background:url(cssimg/leftIcon.jpg) center bottom no-repeat;
	width:12px;
	height:116px;
	display:block;
	float:left;
}
#prev:hover{
	background:url(cssimg/leftIcon.jpg) center top no-repeat;
}
#next{
	background:url(cssimg/rightIcon.jpg) center bottom no-repeat;
	width:12px;
	height:116px;
	display:block;
	float:right;
}
#next:hover{
	background:url(cssimg/rightIcon.jpg) center top no-repeat;
}
.logoCable {
	background:url(cssimg/logo_realcable.jpg) center no-repeat;
	width:132px;
	height:59px; /*116*/
	margin-top:10px;
	margin-right:20px;
	float:right;
}
.nadLogo {
	position:absolute;
	bottom:7px;
	right:40px;
	background:url(cssimg/nad.jpg) center no-repeat;
	width:40px;
	height:40px; 
	margin-right:20px;
}
/*footer*/
.footer2{
	background:url(cssimg/footer2_x.jpg) repeat-x;
	width:935px;
	height:30px;
	border-bottom:2px #999 solid;
	float:left;
}
.footer2 p.copy {
	padding-right:10px;
	text-align:right;
	float:left;
	left:100px;
	top:10px;
	*top:0px;
	position:relative;
}
.footer2 p.copy, .footer2 p.copy a, .footer2 .menu a {
	color:#999;
	font-size:10px;
	text-decoration:none;
}
.footer2 .menu {
	margin-left:300px;
	_margin-left:150px;
	margin-top:10px;
	*margin-top:0px;
	float:left;
}
.footer2 .menu a {
	width:auto;
	border-left:1px #666 solid;
	line-height:normal;
	background:none!important;
}
#first a, .first{
	border:none!important;
}
.footer2 p.copy a:hover, .footer2 .menu a:hover {
	color:#000;
}

#cim{
	position:relative;
	top:50px;
}

#felirat{
	border:1px solid #333333;
	color:#333333;
	background:#f5f7f9;
	position:relative;
	width:440px;
	height:70px;
	padding:12px;
	margin-bottom:20px;
}

#felirat p, #felirat img{
	position:relative;
	line-height:20px;
	float:left;
}

#felirat p span, #felirat p span a{
	color:#CC3300;
	font-weight:bold;
}

#felirat img{
	top:5px;
	margin:0 0 0 40px;
}

#felirat a img{
	border:none;
}

#felirat a:hover{
	text-decoration:underline;
}