html, body{
	margin:0px;
	padding: 0px;
	text-align: center;
	background: #D6D6D6 url(../images/html_bg.jpg) repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 0.82em;
	color: #555555;
}
/* odkazy */
a:focus {
	outline-style: none;
}
a, a:active, a:visited{
	color: #BC0000;	
	text-decoration: none;
}
a:hover{
	color: #BC0000;	
	text-decoration: underline;	
}
/*nadpisy*/
h2{
	font-size:18px;
	color: #BC0000;
	font-weight: bold;
}
h2.nadpis{
	font-size: 22px;
	margin-top: 10px;
}
h2.malyNadpis{
	font-size: 14px;
	font-weight: bolder;
}
h2.nejmensiNadpis{
	font-size: 14px;

}
h3{
	font-size: 14px;
	color: #BC0000;
	font-weight: bold;
	
}
/*barvy*/
.red{
	color: #BC0000;
}
.seda{
	color: #959595;
}
.black{
	color: Black;
}
.sedaBd{
	border:1px solid #959595;
}


/*zarovnani*/
.alignRight{
	text-align: right;
}
.rightFloat{
	float: right;
}
.leftFloat{
	float: left;
}
.vericalCenter{
	vertical-align:center;
}
tr.vericalTop td{
	vertical-align: top;
}
td.vericalTop{
	vertical-align: top;
}
tr.verticalBottTd td{
	vertical-align: bottom;
}
td.verticalBottTd{
	vertical-align: bottom;
}
.lOdskok{
	padding-left:20px;	
}
.justify{
	text-align: justify;
}


/*velikosti*/
.bigger{
	font-size: 120%;
}
h2.small{
	font-size: 14px;
}
.bold{
	font-weight: bold;
}
.short{
	letter-spacing: -1px;
}
.male{
	font-size: 95%;
}
/*obrazky*/
.imgInTextLeft{
	float:left;
	margin:0px 20px 10px 0px;
	border:0px none; 
}
.smallLogoIntro{

}

/*OBECNE*/
.hidden{
	display: none;
}
.clearBoth{
	font-size: 0px;
	clear: both;
	width:0px;
	height:0px;	
}
.foo{}

.noMargin{
	margin:0px;
}
.noPadding{
	padding: 0px;
}
.dotted{
	height: 10px;	
	display:block;
	width:100%;
	background: url(../images/dotted.gif) repeat-x center;	
} 
.dottedBottom{
	background: url(../images/dotted.gif) repeat-x bottom;
	padding-bottom:16px;
}
.rightDotted{
	border-right: 1px dotted #D2D2D2;
}
.need{
	padding-right:20px;
	background: url(../images/redstar.gif) no-repeat right top;
}
.block{
	display:block;
}
.noBorder{
	border:0px none;
}


/*LAYOUT*/
/*index*/
#kontejnerI {
	width: 1000px;	
	margin: 0px auto;
	text-align: left;
	background: White url(../images/kontejner_bg.jpg) repeat-y;
}
#kontejnerI2 {
	width: 100%;	
}
#hlava{
	display:none;
}
#topImg{
	display:none;
}

/*counter*/
#counter{
	display:none;
}
/*LOGO*/
#logo {
	width:275px;
	height:121px;
	position:absolute;
	top:0px;
	left:0px;
	background: url(../images/hlava_bg.jpg) no-repeat;
	margin:0px;
	padding:0px;
}
#logo a {
	width:275px;
	height:121px;
	position:absolute;
	top:0px;
	left:0px;
	background: url(../images/hlava_bg.jpg) no-repeat;
	display: block;
}
#logo span {
	display: none;
}
/*TOPMENU*/
#topmenu {	
	display:none;
}
#topmenu li{	
	width: 122px;
	height:64px;
	margin:0px;
	padding:0px 0px 0px 8px;
	float:left;
	list-style-type: none;
	background: url(../images/btn_topmenu.jpg) no-repeat 0px 0px;
	color: White;
	line-height: 64px;
	font-size:13px;
	font-weight: bold;	
	position:relative;
}
#topmenu li.last{	
	background: url(../images/btn_topmenu_last.jpg) no-repeat 0px 0px;
}
#topmenu li a, #topmenu li a:active, #topmenu li a:visited{	
	width: 122px;
	height:64px;
	padding:0px 0px 0px 8px;
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	background: url(../images/btn_topmenu.jpg) no-repeat -130px 0px;
	color: White;
	text-decoration: none;	
}
#topmenu li.last a, #topmenu li.last a:active, #topmenu li.last a:visited{		
	background: url(../images/btn_topmenu_last.jpg) no-repeat -130px 0px;	
}
#topmenu li a:hover{		
	background: url(../images/btn_topmenu.jpg) no-repeat -260px 0px;
}
#topmenu li.last a:hover{		
	background: url(../images/btn_topmenu_last.jpg) no-repeat -260px 0px;
}
/*LANG MENU*/
#langmenu{
	display:none;
}

/*LINK MENU*/
#linkmenu{
	display:none;
}

/*LEVE MENU*/
#leftmenu{
	display:none;
}

/*leve dolni menu*/
#leftBottomMenu{
	display:none;
}



/*FOOTER*/
#footer{
	display:none;
}
#footer a, #footer a:active, #footer a:visited{
	text-decoration:none;
	color:black;
}
#footer a:hover{
	text-decoration:underline;	
}
#footer .info{
	margin:0px;
	padding:0px;
	position:absolute;
	top:11px;
	right:10px;
	text-align: right;
	font-size:10px;	
}
#bottomDistance{	
	clear: both;
	width:1000px;
	height:195px;	
}
/*flash carousel*/
#flashCarousel{
	width:1000px;
	height:180px;
	position: absolute;
	top:0px;
	left:0px;
	z-index:100;	
}
/*BOTTOM FIXED*/
#bottomFixedContainer{
	height:200px;
	width:1000px;
	position:relative;
}
/*SLOUPCE*/
#levy{
	width:300px;
	float:right;
	margin:7px 0px 0px 0px;	
}
#content{
	width:100%;	
	margin:7px 0px 0px 0px;	
	min-height:200px !important;
	height:auto !important;
	height:200px;				
}
#contentII{	
	margin:0px 20px 20px 20px;	
}


/*PAGES*/
/*kontakty*/
.kontaktyLeft{
	width:220px;
	float:left;	
	margin:20px 0px 0px 0px;			
}
.kontaktyLeftsmallMargin{
	width:220px;
	float:left;	
	margin:10px 0px 0px 0px;			
}

.kontaktyRight{
	width:440px;
	float:left;
	margin:20px 0px 0px 0px;
}
.kontaktyRight .leva{
	width:200px;
	float:left;
	margin:0px 0px 20px 0px;
}
.kontaktyRight .prava{
	width:240px;
	float:left;
	margin:0px 0px 20px 0px;
}
/*kontakt form*/
#kontaktFormContainer{
	display:none;
}
#kontaktFormContainer .infoTop{
	position:absolute;
	margin:0px;	
	top:5px;
	left:220px;	
	width: 439px;
}
#emailForm{
	display:none;	
}
#emailForm table{
	width:660px;	
	margin:0px 0px 20px 0px;	
}
#emailForm .textTd{	
	color: Black;
	font-weight: bold;
	vertical-align: bottom;
	font-size: 12px;
	padding-bottom:5px;
}
#emailForm .textTdTop{	
	color: Black;
	font-weight: bold;
	vertical-align: top;
	font-size: 12px;
	padding-top:25px;
}
#emailForm .inputTd{	
	width:440px;
	padding:20px 0px 0px 0px;
	vertical-align: bottom;
}

#emailForm .inputForm{
	width:435px;
	border: 1px solid #AFAFAF;
	height:22px;
	padding:3px 0px 0px 3px;
	background: url(../images/inputform_bg.jpg) repeat-y;
	color: Black;		
}
#emailForm #formObsah{
	width:435px;
	height:160px;
	border: 1px solid #AFAFAF;
	padding:3px 0px 0px 3px;
	background: url(../images/inputform_bg.jpg) repeat-y;
	color: Black;		
}
#emailForm  .submit{
	width:105px;
	height:29px;
	border: 1px solid #AFAFAF;
	float:right;
	color:white;
	text-align: center;
	margin-top:20px;
	font-weight: bold;
	background: url(../images/submit_bg.jpg) repeat-y;
	cursor: pointer;	
}
/*sestavy*/
.sestavyDefImg{
	width:200px;
	height:200px;
	display:block;
	border:0px none;
}

.sestavyOtherImg{
	float:left;
	border:0px none;
	margin:0px 20px 0px 0px;	
	height:100px;
}
.sestavyOtherImgLast{
	float:left;
	border:0px none;
	margin:0px 0px 0px 0px;	
	height:100px;
}
.sestavyInfo{
	width:100%;
	height:100px;
	margin:0px 0px 0px 20px;
	padding:0px;
	float:left;	
	position:relative;		
}
.sestavyInfo p{
	
	margin:5px 0px 0px 0px;		
}
.sestavyInfo .novinka{
	width:61px;
	height:13px;
	top:0px;
	right:0px;	
	position:absolute;
	background: url(../images/novinka.gif) no-repeat;
}
.sestavyInfo .novinka span{
	display:none;
}
#sestavyOther{
	width:440px;
	height:100px;
	margin:0px 0px 0px 20px;
	float:left;	
	position:relative;
}
#sestavyOther .bottomator{
	position:absolute;
	bottom:0px;
	left:0px;	
}
.sestavyHeadInfo{
	width:660px;	
	color: #959595;	
}
.sestavyTab{
	width:100%;
	margin-bottom:20px;		
}
.sestavyTab td{	
	
}
.sestavyTab td.left{	
	padding-left:0px;
}
.sestavyTab tr.dottedTr td, td.dottedBottom {
	background: url(../images/dotted.gif) repeat-x bottom;
	padding-bottom:16px;	
}
.sestavyTab tr.dottedTrMin td {
	background: url(../images/dotted.gif) repeat-x bottom;
	padding-bottom:4px;	
}
.sestavyTab tr.paddingTop td {	
	padding-top:16px;	
}

.articleImg{
	margin:0px 0px 5px 0px;
	display:block;
	border: 0px none;
	
}
.articleImgNoBlock{
	margin:5px 10px 5px 0px;	
}
#btnViewAllLightsContainer{
	position:relative;	
	cursor: pointer;
	display: none;
}
#viewAllLightsContainer a{
	width:100px;
}
.viewAllLights{
	position: absolute;
	top: -23px;
	right: 0px;
	width: 160px;
	height: 15px;
	text-align: right;
	padding: 0px;
	margin: 0px;
	color: #DBDBDB;
}
#closeAllLightsContainer{
	text-align:right;
	padding:0px 30px 0px 0px;
	height:21px;
	margin:0px 0px 0px 0px;
	background: url(../images/iko-delete.gif) no-repeat right;
	line-height:30px;
	cursor: pointer;
	display: block;
}
/*seznam sestav*/
.sestavySeznam{
	width:150px;
	height:182px;
	float:left;
	margin:0px 20px 20px 0px;	
	position:relative;
}
.sestavySeznamLast{
	width:150px;
	height:182px;
	float:left;
	margin:0px 0px 20px 0px;	
	position:relative;
}
.sestavySeznam a, .sestavySeznamLast a{
	width:150px;
	height:182px;	
	position:absolute;
	top:0px;
	left:0px;
	display: block;
}
.sestavySeznam img, .sestavySeznamLast img{
	position:absolute;
	top:32px;
	left:0px;
	border:0px none;
}
.sestavySeznam a .label, .sestavySeznamLast a .label{
	font-family: Arial, Helvetica, sans-serif;
	width:150px;
	height:30px;	
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	background: #D4D4D4;
	text-align:center;
	text-transform: uppercase;
	color: black;
	font-weight: bold;
	line-height: 30px;
	font-size: 12px;
}
.sestavySeznam a:hover .label, .sestavySeznamLast a:hover .label{	
	background: #BC0000;
	color: White;
}
/*showroom*/
.showImg{
	margin:0px 20px 20px 0px;
	float:left;
	border:0px none;
}
.showImgLast{
	margin:0px 0px 20px 0px;
	float:left;
	border:0px none;
}
/*komponenty*/
.komponentyTab td{
	vertical-align:top;	
	width:23%;
}
.komponentyTab .innerContainer{	
	position:relative;
	padding: 0px 0px 30px 0px;
	min-height: 300px !important;
	height:auto !important;
	height:300px;	
}
.komponentyTab .label{		
	padding-top: 5px;
	vertical-align: top;	
}
.komponentyTab .popis{
	
}
.komponentyTab .size{
	
}
.komponentyTab .other{
	
}
.komponentyTab .price{
	
}
.komponentyTab .popisTop{
	display:block;
	margin:0px 0px 5px 0px;
}
.komponentyTab .imgKomponenty{
	text-align:center;
	vertical-align: bottom;

}
.komponentyTab .imgKomponenty img{
	display: block;
	border: 0px none;
	margin:0px auto;

}
.komponentyTab .novinka{
	width:49px;
	height:49px;
	position:absolute;
	top:0px;
	right:-5px;
	background: url(../images/novinka_edge.gif) no-repeat;
}
.ifNovinkaContainer{
	min-height:49px !important;
	height:auto !important;
	height:49px;
	position:relative;	
}
.ifNovinkaContainer .novinkaComps{
	width:49px;
	height:49px;
	position:absolute;
	top:-5px;
	right:-5px;
	background: url(../images/novinka_edge.gif) no-repeat;
}
.komponentyTab .novinka span, .ifNovinkaContainer .novinkaComps span{
	display:none;
}
.komponentyNadpisLogo{
	position:relative;	
	height:40px;
	margin-bottom:15px;
	background: url(../images/dotted.gif) repeat-x bottom;
}
.komponentyNadpisLogo img{
	position:absolute;
	top:0px;
	right:0px;
}
/*UNDER CONSTRUCTION*/
.ucContainer{
	margin:30px 0px 0px 30px;
}
.ucContainer img{
	float:left;
	margin:0px 0px 0px 0px;
}
.ucContainer p{
	float:left;
	margin:0px 0px 0px 20px;
	padding:0px;
	font-weight: bold;
	color: #BC0000;
	line-height: 100px;
}