@charset "windows-1250";


body {
    text-align: center;
	margin: 0;
	padding: 0;
	background-image: url("img/back_left.jpg");
	background-repeat: repeat-x;
	background-color: #151515;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#background {
	margin: 0 auto 0;
	width: 100%;
	height: 1100px;
	padding: 0;
	background-image: url("img/background_2.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 10;
	position: relative;
}


/*--------------------------------------------------------------------------------------*/
#main{
	margin: 0 auto 0;	
	width: 760px;
	padding: 0;
	z-index: 11;
	position: relative;

}
/*--------------------------------------------------------------------------------------*/

#topleft{
	width: 139px;
	height: 152px;
	top: 8px;
	left: 26px;
	padding: 0;
	z-index: 12;
	position: absolute;
}

#topmiddle{
	width: 8px;
	height: 5px;
	top: 82px;
	left: 165px;
	padding: 0;	
	background-image: url("img/topm.png");
	background-repeat: no-repeat;
	z-index: 14;
	position: absolute;
}

#topright{
	width: 559px;
	height: 152px;
	top: 8px;
	left: 173px;
	padding: 0;
	z-index: 12;
	position: absolute;
}

/*--------------------------------------------------------------------------------------*/

#obal { 
	width: 20px; 
	height: 111px; 
 	display: block;
	top: 168px;
	left: 0px;
	padding: 0;
	z-index: 12;
	position: absolute;
	background: url(img/spoty.png);
	background-repeat: no-repeat;
}

#obal a:hover {
 	position: static;
	text-decoration: none;	
}

#obal a span {
	 display: none;
} 
     
#obal a:hover span {
 	display: block;
 	position: absolute; 
	width: 15px; 
	height: 12px;  
	background-repeat: no-repeat;
}

#obal a:hover#ob1 span { 
	top: 50px;
 	left: -19px;  
	background-image: url('img/sipka.gif');
}

a img{
    border-style: none;
}


/*-------------------------------------*/

#obala { 
	width: 20px; 
	height: 111px; 
 	display: block;
	top: 288px;
	left: 0px;
	padding: 0;
	z-index: 12;
	position: absolute;
	background-image: url(img/bvideo.png);
	background-repeat: no-repeat;
}

#obala a:hover {
 	position: static;
	text-decoration: none;	
}

#obala a span {
	 display: none;
} 
     
#obala a:hover span {
 	display: block;
 	position: absolute; 
	width: 15px; 
	height: 12px;  
	background-repeat: no-repeat;
}

#obala a:hover#oba span { 
	top: 50px;
 	left: -19px;  
	background-image: url('img/sipka.gif');
}

a img{
    border-style: none;
}

/*-------------------------------------*/

#obalb { 
	width: 20px; 
	height: 111px; 
 	display: block; 
	top: 408px;
	left: 0px;
	padding: 0;
	z-index: 12;
	position: absolute;
	background-image: url(img/dvd.png);
	background-repeat: no-repeat;
}

#obalb a:hover {
 	position: static;
	text-decoration: none;	
}

#obalb a span {
	 display: none;
} 
     
#obalb a:hover span {
 	display: block;
 	position: absolute; 
	width: 15px; 
	height: 12px;  
	background-repeat: no-repeat;
}

#obalb a:hover#obb span { 
	top: 50px;
 	left: -19px;  
	background-image: url('img/sipka.gif');
}

a img{
    border-style: none;
}

/*-------------------------------------*/

#obalc { 
	width: 20px; 
	height: 111px; 
 	display: block; 
	top: 528px;
	left: 0px;
	padding: 0;
	z-index: 12;
	position: absolute;
	background-image: url(img/dabing.png);
	background-repeat: no-repeat;
}

#obalc a:hover {
 	position: static;
	text-decoration: none;	
}

#obalc a span {
	 display: none;
} 
     
#obalc a:hover span {
 	display: block;
 	position: absolute; 
	width: 15px; 
	height: 12px;  
	background-repeat: no-repeat;
}

#obalc a:hover#obc span { 
	top: 50px;
 	left: -19px;  
	background-image: url('img/sipka.gif');
}

a img{
    border-style: none;
}

/*-------------------------------------*/

#obald { 
	width: 20px; 
	height: 111px; 
 	display: block; 
	top: 648px;
	left: 0px;
	padding: 0;
	z-index: 12;
	position: absolute;
	background-image: url(img/hudba.png);
	background-repeat: no-repeat;
}

#obald a:hover {
 	position: static;
	text-decoration: none;	
}

#obald a span {
	 display: none;
} 
     
#obald a:hover span {
 	display: block;
 	position: absolute; 
	width: 15px; 
	height: 12px;  
	background-repeat: no-repeat;
}

#obald a:hover#obd span { 
	top: 50px;
 	left: -19px;  
	background-image: url('img/sipka.gif');
}

a img{
    border-style: none;
}

/*-------------------------------------*/

#obale { 
	width: 20px; 
	height: 111px; 
 	display: block; 
	top: 768px;
	left: 0px;
	padding: 0;
	z-index: 12;
	position: absolute;
	background-image: url(img/ozvuc.png);
	background-repeat: no-repeat;
}

#obale a:hover {
 	position: static;
	text-decoration: none;	
}

#obale a span {
	 display: none;
} 
     
#obale a:hover span {
 	display: block;
 	position: absolute; 
	width: 15px; 
	height: 12px;  
	background-repeat: no-repeat;
}

#obale a:hover#obe span { 
	top: 50px;
 	left: -19px;  
	background-image: url('img/sipka.gif');
}

a img{
    border-style: none;
}

/*-------------------------------------*/

#obalf { 
	width: 20px; 
	height: 111px; 
 	display: block; 
	top: 888px;
	left: 0px;
	padding: 0;
	z-index: 12;
	position: absolute;
	background-image: url(img/gsm.png);
	background-repeat: no-repeat;
}

#obalf a:hover {
 	position: static;
	text-decoration: none;	
}

#obalf a span {
	 display: none;
} 
     
#obalf a:hover span {
 	display: block;
 	position: absolute; 
	width: 15px; 
	height: 12px;  
	background-repeat: no-repeat;
}

#obalf a:hover#obf span { 
	top: 50px;
 	left: -19px;  
	background-image: url('img/sipka.gif');
}

a img{
    border-style: none;
}
/*-------------------------------------*/
/*-------------------------------------*/

#obalg { 
	width: 20px; 
	height: 111px; 
 	display: block; 
	top: 168px;
	left: 739px;
	padding: 0;
	z-index: 12;
	position: absolute;
	background-image: url(img/reference.png);
	background-repeat: no-repeat;
}

#obalg a:hover {
 	position: static;
	text-decoration: none;	
}

#obalg a span {
	 display: none;
} 
     
#obalg a:hover span {
 	display: block;
 	position: absolute; 
	width: 15px; 
	height: 12px;  
	background-repeat: no-repeat;
}

#obalg a:hover#obg span { 
	top: 50px;
 	left: 24px;  
	background-image: url('img/sipka2.gif');
}

a img{
    border-style: none;
}

/*-------------------------------------*/

#obalh { 
	width: 20px; 
	height: 111px; 
 	display: block; 
	top: 288px;
	left: 739px;
	padding: 0;
	z-index: 12;
	position: absolute;
	background-image: url(img/kontakt.png);
	background-repeat: no-repeat;
}

#obalh a:hover {
 	position: static;
	text-decoration: none;	
}

#obalh a span {
	 display: none;
} 
     
#obalh a:hover span {
 	display: block;
 	position: absolute; 
	width: 15px; 
	height: 12px;  
	background-repeat: no-repeat;
}

#obalh a:hover#obh span { 
	top: 50px;
 	left: 24px;  
	background-image: url('img/sipka2.gif');
}

a img{
    border-style: none;
}

/*-------------------------------------*/

#obali { 
	width: 20px; 
	height: 111px; 
 	display: block; 
	top: 768px;
	left: 739px;
	padding: 0;
	z-index: 12;
	position: absolute;
}

/*#obali a:hover {
 	position: static;
	text-decoration: none;	
}
*/
#obali a span {
	display: block;
	width: 20px; 
	height: 111px; 
} 
     
#obali a:hover span {
 	display: block;
	width: 20px; 
	height: 111px; 
}

/*-------------------------------------*/

#obalj { 
	width: 20px; 
	height: 111px; 
 	display: block; 
	top: 888px;
	left: 739px;
	padding: 0;
	z-index: 12;
	position: absolute;
}

/*#obali a:hover {
 	position: static;
	text-decoration: none;	
}
*/
#obalj a span {
	display: block;
	width: 20px; 
	height: 111px; 
} 
     
#obalj a:hover span {
 	display: block;
	width: 20px; 
	height: 111px; 
}

/*-------------Nadpisy---------------------------------------------------------------*/

h1 {
	color: #DADADA;
	font: bold 17px Arial, Century Gothic, Verdana;
	letter-spacing: -1px;
	z-index: 13;
	margin-top: 0;
}

h2 {
	color: #C19BF4;
	font: bold italic 15px Century Gothic, Verdana, Arial;

}

.nadpis_sm{
	color: #C5C5C5;
	font: 14px Century Gothic, Verdana, Arial;

}

.nadpis_sm_kontakt{
	color: #DADADA;
}

.nadpis_sm2{
	margin-top: 5px;
	color: #333333;
	font: 13px Century Gothic, Verdana, Arial;

}

.nadpis_sm a {
	color: #C5C5C5;
	font: 14px Century Gothic, Verdana, Arial;
	text-decoration: none;

}

.nadpis_sm a:hover {
	color: #A7A7A7;
	font: 14px Century Gothic, Verdana, Arial;
	text-decoration: none;

}

.text_seda {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.zvyrazneni {
	color: #AAAAAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

a {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

a:hover {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	/*background-color: #666666;*/
}

/*--------------------------------------------------------------------------------------*/
#middle_back{	
    text-align: left;
	width: 312px;
	height: 399px;
	top: 168px;
	left: 27px;
	padding: 0;
	z-index: 12;
	background-image: url("img/middle.png");
	background-repeat: no-repeat;
 	background-color: #737373;
	position: absolute;
}

#middle{	
    text-align: left;
	width: 282px;
	height: 372px;
	line-height: 16px;
	top: 0px;
	left: 0px;
	padding: 17px 15px 10px 15px;
	z-index: 13;
	position: absolute;
	overflow: auto;
}


/*--------------------------------------------------------------------------------------*/

#bottom{	
    text-align: left;
	width: 705px;
	top: 575px;
	left: 27px;
	padding: 0;
	z-index: 12;
	/*background-image: url("img/bottom_back.png");
	background-repeat: no-repeat;
 	background-color: #737373;*/
	position: absolute;
}

#bottom_inside{	
    text-align: left;
	width: 675px;
	line-height: 16px;
	top: 0px;
	left: 0px;
	padding: 17px 15px 0px 15px;
	z-index: 13;
	background-image: url("img/bottom_back.png");
	background-repeat: no-repeat;
 	background-color: #737373;
	position: relative;
}

#bottom_insidea{	
    text-align: left;
	width: 675px;
	line-height: 16px;
	top: 0px;
	left: 0px;
	padding: 17px 15px 0px 15px;
	z-index: 13;
	background-image: url("img/bottom_back.png");
	background-repeat: no-repeat;
 	background-color: #737373;
	position: relative;
}

#bottom_insidea img{	
    border: 3px solid #FFFFFF;
	margin: 0px 2px 10px 2px;
}

#bottom_insideb{	
    text-align: left;
	width: 675px;
	line-height: 16px;
	top: 0px;
	left: 0px;
	padding: 17px 15px 0px 15px;
	z-index: 13;
 	background-color: #737373;
	position: relative;
}

#bottom_insideb img{	
    border: 3px solid #FFFFFF;
	margin: 0px 5px 0px 2px;
}

#bottom_bottom{	
	width: 705px;
	height: 61px;
	top: 0px;
	left: 0px;
	padding: 0;
	z-index: 12;
	background-image: url("img/bottom_b.png");
	background-repeat: no-repeat;
 	background-color: #737373;
	position: relative;
}

#bottom_prouzek{	
	width: 675px;
	height: 14px;
	left: 0px;
	margin: 9px 0 27px 0;
	padding: 3px 15px 2px 15px;
	background-image: url("img/prouzek.jpg");
 	background-color: #737373;
	z-index: 12;
	position: relative;
}

.nahled {
	float: left;
	/*position: relative;*/
}

.nahled a img {
    margin:0;
    padding: 0;
    border: 3px solid #FFFFFF;
}

.nahled a:hover img{
	margin:0;
    padding: 0;
    border: 3px solid #DADADA;
}

.popis {
	margin-top: 0;
	margin-left: 95px;
	position: relative;
}

.popis_prvni {
	top: 0;
	width: 270px;
	padding: 0;
	position: relative;
}

.popis_druhy {
	top: 19px;
	left: 285px;
	width: 285px;
	padding-bottom: 8px;
	position: absolute;
}


/*-------- Home -------------------------------------------*/

#navigace_back {
	top: 130px;
	left: 410px;
	width: 255px;
	height: 320px;
	/*background-color:#FF66FF;*/
	background-image: url("img/backhome.jpg");
	z-index: 14;
	position: absolute;
}

.navigace {
	top: 0;
	left: 0;
	width: 530px;
	/*float: left;*/
	z-index: 15;
	/*position: relative;*/
}

.navigace2 {
	top: 87px;
	left: 530px;
	width: 130px;
	z-index: 15;
	position: absolute;
}


/*-------- Kontakt -------------------------------------------*/




/*--------------------------------------------------------------------------------------*/
#tv{	

	top: 168px;
	left: 346px;
	padding: 0;
	z-index: 12;
	background-color: #737373;
	position: absolute;
}



