*{
margin: 0;
padding: 0;
}

body{
background: silver url("obrazky/prechod-body-6.png") repeat-x;
ackground: #303030;
text-align: center;
color: #b0b0b0;
font-family: arial;
ont-size: 0.8em;
padding: 10px 0 70px 0;
}

div{
order: solid 1px whitesmoke;
}

br, .hr, h3, h4, .neobtekat{
clear: both;
}

 p{
font-size: 0.77em;
margin-right: 10px;
}

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

/* ODKAZY */

a{
text-decoration: underline;
color: gray;
font-style: oblique;
}

a img{
border: none;
}

a:hover{
color: orange;
}

#klienti a img, #fotak{
opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

#klienti a:hover img, #fotak:hover{
opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

/* NADPISY */

h1, #levy-s h2, #nezobrazit{
display: none;
}

h2, h3, h4{
color: whitesmoke;
}






/* ODDELOVACE */

div.hr{
width: 100%;
height: 1px;
color: transparent;
margin: 40px 0 60px 0;
background: transparent url("obrazky/oddelovac-3.png") no-repeat ;
}

div.hr hr{
display: none;
}


/* OBAL */

#obal{
position: relative;
width: 900px;
margin: 0 auto;
border: solid 2px darkred;
background: black;
}


/* ZAHLAVI */

#zahlavi{
width: 100%;
height: 310px;
background: black;
}

#lady{
ursor: pointer;
	position: absolute;
	top: -2px; left: 0px;
  width: 900px;
  height: 290px;
  background: black url("obrazky/hlavka-02.jpg") no-repeat top left;
  z-index: 2;
  border: none;
  }

#lady-two{

position: absolute;
	top: -2px; left: -32px;
  width: 32px;
  height: 282px;
  background: transparent url("obrazky/hlavka-kratsi.png") no-repeat top left;
  z-index: 2;
  border: none;
}

#lady a, #lady-two a{
width: 100%;
height: 100%;
display: block;

}

#vitejte{
position: absolute;
top: 290px; left: 160px;
width: 500px;
height: 25px;
background: transparent url("obrazky/vitejte.gif") no-repeat top left;
}

/* PREZENTACE */

#box1, #box2, #box3, #box4{
	position: absolute;
}

.mask{
	position: relative;
	width: 222px;
	@width: 460px;
	height: 167px;
	overflow: hidden;
	top: 325px;
	left: 698px ; @left: 248px ;
	z-index: 10;
}

.mask img{
	position: absolute;
	display: block;
	
	}


/* LEVY-S */

#levy-s{

position: absolute;
top: 310px; left: 0;
width: 150px;
z-index: 3;
ackground: #101010;
}

#levy-s h3{
background: transparent url("obrazky/prechod-cc-2.png") repeat-x bottom ;

argin-bottom: 16px;
padding-bottom: 4px;
font-size: 0.75em;

}

#levy-s #kontakty{
background: black url("obrazky/prechod-cc-2.png") repeat-x bottom ;
}

#levy-s ul{
margin: 16px auto;
list-style-type: none;
}

#levy-s li{
margin-bottom: 5px;
}

#levy-s p{
margin: 20px;
text-align: left;
font-size: 0.7em;
}

#levy-s img{

margin: 20px 0 30px 0;
text-align: center;
idth: 70px;
}

#levy-s #fotak{
margin: 0;

} 


.tel{
font-size: 0.7em;
}

/* PRAVY-S */

#pravy-s{
position: relative;
width: 659px;
margin-left: 149px;
@margin-left: 139px;
text-align: left;
border-left: solid 1px #660000;
padding: 0 30px 100px 50px;
background: black url("obrazky/pozoranz.jpg") repeat-y top right  ;
min-height: 1200px;
_height: 1200px;
}

#pravy-s-vnitrni{
argin: 0 20px 0 10px ;
}



h2{
font-size: 0.85em;
margin-bottom: 10px;
padding-left: 10px;
}

#pravy-s h3{
font-size: 0.75em;
padding: 40px 0px 10px 10px;
}


#pravy-s h4{
font-size: 0.7em;
padding: 20px 0px 10px 10px;
}

#pravy-s p{
padding: 0 20px 0 10px;
}

#pravy-s img{

border: solid 2px darkred;
}

.float-left{
width: 205px;
order: solid 1px blue;
float: left;
margin-right: 14px;
_margin: 0;
color: red;
}

.float-left img{
_margin-right: 7px;
}

#pravy-s .float-left p{
padding: 0 16px 0 3px;
font-size: 0.75em;
float: left;
margin: 20px 0px 6px 0;
font-weight: bold;
}

.float-left hr{

margin-top: 26px;
@margin-top: 20px;

border: solid 1px darkred;
}

.dlouha_lajna{
margin-right: 14px;
color: red;

}

#pravy-s .dlouha_lajna p{
padding: 0 16px 0 3px;
font-size: 0.75em;
float: left;
margin: -7px 0px 6px 0;
@margin-top: 0; 
font-weight: bold;
}

.dlouha_lajna hr{
margin-top: 26px;
@margin-top: 0px;

border: solid 1px darkred;
}


.klasika{
argin-: 0 70px 10px 0;
text-align: justify;
_text-align: left;

}

.klasika:first-letter{
font-size: 1.4em;
padding-left: 7px;

}


#pravy-s #vitejte{
font-size: 0.8em;
argin-bottom: 25px;
}



#pravy-s ul, #pravy-s ol{
font-size: 0.77em;
padding: 0 20px 0 10px;
}

.vrchni{
padding-right: 200px;
}


#pravy-s li, #nevahejte li{
margin: 5px 0;
padding-left: 10px;
}

.puntiky-cervena span{
color: #b0b0b0;
}

#fajfky li{
ist-style-image: url("obrazky/fajfka.jpg");
margin-bottom: 10px;
}

#frame{
position: absolute;
top: 0; left: 0;
}

#anketova td{
border: solid 1px darkred;
padding: 3px;
}

#for{
padding: 250px 0 0 70px;
}

/* ZAPATI */

#zapati{
position: relative;
height: 200px;
background: black url("obrazky/telefon-kopie.jpg") no-repeat 460px 40px ;
width: 100%;
border-top: solid 1px darkred;
text-align: left;
}

#zapati ul, #zapati span{
position: absolute;
}

#tele-z{
bottom: 170px; left: 555px;
}

#zapati span{
top: 35px;  left: 580px;
}

#roka-info{
top: 20px;  left: 720px;
font-size: 0.7em;
list-style-type: none;
line-height: 180%;
}

#nevahejte{
font-size: 0.75em;
list-style-type: none;
top: 20px; left: 20px;
width: 415px;
}

#libi{
position: absolute;
bottom: 0px; left: 25px;
}

/* CODED */

#coded{
background: darkred;
color: black;
font-family: sans-serif;
font-size: 0.8em;
padding: 2px ;

}




/* KLIENTI */

#klienti{
position: relative;
margin: 30px auto 0 auto;
border: solid 1px darkred;
background: black;
text-align: center;
width: 902px;

}

#klienti p{
padding: 4px 0;
background: darkred;
color: whitesmoke;
width: 100%;
}

#klienti a img {
border: solid 1px black;
padding: 10px;

}

#klienti a:hover img{
border: solid 1px darkred;
height: auto;

}

#klientka{

position: absolute;	
top: -15px; left: 30px;
background: url("obrazky/klientka-2.png") no-repeat ;
width: 95px;
height: 116px;
z-index: 5;

}

#loga{
margin: 50px 10px 20px 50px;
}

#konec{
background: #660000;
padding: 3px;
margin: 50px auto 15px auto;
width: 898px;
border: solid 1px darkred;
}

#konec-kontaktni{
background: #660000;
padding: 3px;
margin: 50px auto 0 auto;
width: auto;
border: none;
}

/* ABSOLUTE */


#tele{
position: absolute;	
width: 55px;
height: 53px;
z-index: 5;
top: 300px; left: -30px;
}

.kursor{
cursor: default;
}

#logo{

position: absolute;
bottom: 220px; left: 12px;
}

#lista{

	
  position: absolute;
	top: 237px; right: -53px;
  width: 274px;
  height: 274px;
  background: transparent url("obrazky/lista.png") no-repeat ;
  z-index: 5;
  }

#pocitadlo{
position: absolute;
bottom: 300px; left: 25px;
}



/* MENU */

.menu{
position: absolute;
right: -40px;
top: 242px;
z-index: 90;

}

.menu ul{
list-style-type: none;
padding: 0;
margin: 0;

}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float: left;
position: relative;
z-index: 80;
margin-right: 4px; 

}

/* use the table to position the dropdown list */
.menu table{
position: absolute;
border-collapse: collapse;
z-index: 70;
left: -1px;
top: 20px;
}

/* style all the links */
.menu a, #zpet{
font-family: sans-serif;
display: block;
font-size: 0.7em;
font-weight: bold;
font-style: normal;
width: 89px;
color: white;
text-decoration: none;
margin-right: 10px;
text-align: center;
background: black url("obrazky/posledni-3.gif") no-repeat  ;
}

#zpet{
margin: auto;

}


.menu a:hover, #zpet:hover{
background: url("obrazky/posledni-3.gif") no-repeat  bottom ;
color: red;
}

.menu ul li a, #zpet{
padding: 0.3em 0 0.35em 0;
}

.menu ul li a:hover, #zpet:hover{
padding: 0.3em 0 0.35em 0;
}


/* hide the sub level links */
.menu ul ul {
visibility: hidden;
position: absolute;
width: 89px;
height: 0;
padding-top: 20px;
}

.menu ul ul li a{
background: #202020;
color: white;
font-size: 0.7em;
_font-size: 0.8em;
border: solid 1px #101010;
}

.menu ul ul li a:hover{
background: #303030;
color: red;
border: solid 1px #202020;
}


/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility: visible;
}

/* SEN */

#za_snem{
background: black;
}

#sen{
margin: 1% auto;
border: none;
}

#preload{
display: none;
}

/* WEB */

#web{
text-align: left;
margin: 60px 7px;
}

#web div{
margin: 3px;
}

/* OBECNE */

.tucne, .tel, .dovetek, .green{
font-weight: bold;
}

.green{
color: green;
}

.red, .puntiky-cervena li{
color: red;
}

.only-red{
color: red;
}

.red, #klienti p, h2{
text-shadow: 5px 6px 8px gray;
height: 1.5em;
filter: shadow(color=gray, direction=135, strength=2);
}

.oblique, .dovetek{
font-style: oblique;
}

.right{
text-align: right;
margin-right: 40px;
}

#zvuk .puntiky-bila{
list-style-type: disc;
}

#ref-obecne h3{
color: #ff3300;
}

#ref-obecne img, #galerie img, #o_roka_sound img, #dozvuk img, #svetla img{
width: 205px;
height: 153px;
}

p.tucne{
margin-bottom: 7px;
}

#zvuk h3, #svetla h3{
color: red;
}

#zvuk ul, #svetla ul, #kontaktni ul{
list-style-type: none;
}


#zvuk .dovetek{
margin-top: 30px;
color: gray;
}

#zvuk img {
border: none;
float: right;
margin: 20px 0px 50px 30px;
lear: right;
isplay: inline;
}

#zvuk #dozvuk img{
margin: 0;

border: solid 2px darkred;
}

#zvuk li{
margin-left: 30px;
clear: both;
}

#zvuk .obtekat{
clear: none;
}


#kontaktni img{
margin: 20px 0;
border: none;
}
#kontaktni h3{
color: red;
}

pre{
margin: 20px 0 10px 30px;
color: gray;
font-size: 0.75em;
}

#mapa{
margin-left: 100px;
border: solid 2px darkred;
width: 425px;
}



#bez_pozadi #pravy-s{
background: black;

}

#galerie{
margin-top: 200px;
}

#galerie img{
margin-bottom: 12px;
}


#o_roka_sound .bezramu{
margin-bottom: 20px;
border: none;
width: 399px;
height: 118px;

}

#svetla img{
margin-bottom: 14px;
}

#frame-nenechte {
padding: 20px 7px 0 15px;
background: black;
text-align: left;


font-size: 0.9em;
}

#frame-nenechte p{
margin-bottom: 20px;
}

#galerie-mini{

padding-top: 200px;
}

#minifotky{
text-align: center;
width: 100px;
margin: 12px;
}