body 
{
background-image:url("img/left.png");
background-repeat:repeat-x;

text-align:center;
}

*
{  
   margin:0;  
   padding:0;  
}


#all 
{
padding:0px;
width:1200px;
height:870px;
margin-left: auto;       
margin-right: auto; 
margin-top: 50px;
margin: 0 auto;  
}


#head
{
width:1060px;
height:46px;
margin-left: 70px;
}

#head ul
{
padding:0px;
margin-left:0px;
}

#head ul li 
{
margin:0px;
padding:0px;
list-style: none;
float:left;
}

#head ul li a
{
font-family: Arial, sans-serif;
text-decoration: none;
float:left;
display: block;
color:rgb(255,255,255);
padding-top:13px;
}



.logo
{
width:355px;
height:46px;
height:46px\9;
float:left;
background-image:url("img/logo.jpg");
}


.domu
{
width:70px;
height:30px;
height:30px\9;
float:left;
margin-left: 30px;
background-image: url("img/1.png");
}

.domu:hover
{
width:70px;
height:30px;
height:30px\9;
float:left;
background-image: url("img/1hover.png");
}


.hlas
{
width:181px;
height:30px;
height:30px\9;

float:left;
background-image:url("img/2.png");
}

.hlas:hover
{
width:181px;
height:30px;
height:30px\9;

float:left;
background-image:url("img/2hover.png");
}

.konf
{
width:210px;
height:30px;
height:30px\9;

float:left;
background-image:url("img/3.png");
}

.konf:hover
{
width:210px;
height:30px;
height:30px\9;

float:left;
background-image:url("img/3hover.png");
}



.ozvuceni
{
width:105px;
height:30px;
height:30px\9;

float:left;
background-image:url("img/4.png");
}

.ozvuceni:hover
{
width:105px;
height:30px;
height:30px\9;

float:left;
background-image:url("img/4hover.png");
}



.osvetleni
{
width:109px;
height:30px;
height:30px\9;

float:left;
background-image:url("img/5.png");
}

.osvetleni:hover
{
width:109px;
height:30px;
height:30px\9;

float:left;
background-image:url("img/5hover.png");
}



.kontakt
{
width:100px;
height:30px;
height:30px\9;

float:left;
background-image:url("img/6.png");
}

.kontakt:hover
{
width:100px;
height:30px;
height:30px\9;

float:left;
background-image:url("img/6hover.png");
}




.onas
{
width:78px;
height:30px;
height:30px\9;

float:left;
background-image:url("img/7.png");
}

.onas:hover
{
width:78px;
height:30px;
height:30px\9;

float:left;
background-image:url("img/7hover.png");
}






#lang
{
width:1176px;
width:1176px\9;
height:39px;
margin-left:-200px;
padding-top:20px;
margin-top:0;
float:right;
text-align:right;
background-color: white;
}

#lang a
{
text-decoration:none;
font-family: arial, sans-serif;
color:rgb(159,159,159);
font-size: 15;
margin-left:15px;
}

#lang a:hover 
{
color: rgb(110,110,110);
text-decoration:underline;
}




#choice
{
width:1101px;
height:375px;
float:left;
margin-top:20px;
margin-left: 37px;
background-image:url("img/choice.png");
}

#animace
{
margin-top: 12px;
}

#java
{
float:center;
margin-top: 10px;
}




#paper
{
width:1060px;
height:205px;
float:left;
margin-left: 65px;
background-image:url("img/paperSK.png");
}

#paper a
{
font-family: arial, sans-serif;
color:rgb(255,255,255);
text-decoration:underline;
font-size: 20;
float: left;
margin-left: 900px;
margin-top: 130px;
}




#kontaktdown
{
width:964px;
height: 34px;
float:left;
margin-left:100px;
border: 0px;
}



#kontaktmenu
{
width:1043px;
height: 677px;
float:left;
margin-left: 55px;
margin-top: 50px;
background-image:url("img/kontaktmenu.png");
}


#mail
{
float: left;
margin-left: 50px; 
margin-top: 140px;
font-family: arial, sans-serif;
font-size: 15;
color:rgb(110,110,110);
}



#onasmenu
{
width:1043px;
height: 648px;
float:left;
margin-left: 55px;
margin-top: 50px;
background-image:url("img/onasmenu SK.png");
}

#onastext
{
font-family: arial, sans-serif;
color: rgb(80,80,80);
text-decoration: none;
font-size: 15;
text-align: left;
margin-top: 120px;
margin-left: 20px;
}

.onas1
{
width:221px;
height:33px;
height:33px\9;
margin-right: 37px;
margin-top: 35px;
float:right;
text-decoration:none;
font-family: arial, sans-serif;
color:white;
padding: 6,0,0,60px ;
background-image:url("img/onas1.png");
}

.onas1:hover
{
width:221px;
height:33px;
height:33px\9;
margin-right: 37px;
margin-top: 35px;
float:right;
background-image:url("img/onas1hover.png");
}

.onas2
{
width:221px;
height:33px;
height:33px\9;
margin-right: -221px;
margin-top: 73px;
float:right;
text-decoration:none;
font-family: arial, sans-serif;
color:white;
padding: 6,0,0,23px ;
background-image:url("img/onas2.png");
}

.onas2:hover
{
width:221px;
height:33px;
height:33px\9;
margin-right: -221px;
margin-top: 73px;
float:right;
background-image:url("img/onas2hover.png");
}



#pracovnimista
{
width:1043px;
height: 649px;
float:left;
margin-left: 55px;
margin-top: 50px;
background-image:url("img/pracovnimista.png");
}

#pracovni mista a
{
font-family: arial, sans-serif;
color: rgb(0,0,0);
text-decoration: underline;
font-size: 20;
float: center;
margin-top: 100px;
}



#priprava
{
width:1043px;
height: 648px;
float:left;
margin-left: 55px;
margin-top: 50px;
background-image:url("img/priprava.png");
}


#pripravaeng
{
width:1044px;
height: 655px;
float:left;
margin-left: 55px;
margin-top: 50px;
background-image:url("img/pripravaeng.png");
}


#pripravager
{
width:1042px;
height: 649px;
float:left;
margin-left: 55px;
margin-top: 50px;
background-image:url("img/pripravager.png");
}


#prazdne
{
width:1042px;
height: 648px;
float:left;
margin-left: 55px;
margin-top: 50px;
background-image:url("img/prazdne.png");
}



.priprava1
{
font-family: arial, sans-serif;
color: rgb(79,155,213);
text-decoration: underline;
font-size: 20;
float: center;
margin-top: 100px;
}




#ozvuceni1
{
width:1043px;
height: 649px;
float:left;
margin-left: 55px;
margin-top: 50px;
background-image:url("img/prazdne.png");
}

#ozvuceninadpis
{
font-family: arial, sans-serif;
color: rgb(79,155,213);
text-decoration: none;
font-size: 30;
text-align: left;
margin-top: 50px;
margin-left: 50px;
}

#ozvucenitext
{
font-family: arial, sans-serif;
color: rgb(80,80,80);
text-decoration: none;
font-size: 15;
text-align: left;
margin-top: 10px;
margin-left: 50px;
}

#ozvuceniobr
{
float: right;
margin-right: 70px;
}



#osvetleni1
{
width:1043px;
height: 649px;
float:left;
margin-left: 55px;
margin-top: 50px;
background-image:url("img/prazdne.png");
}

#osvetleninadpis
{
font-family: arial, sans-serif;
color: rgb(79,155,213);
text-decoration: none;
font-size: 30;
text-align: left;
margin-top: 50px;
margin-left: 50px;
}

#osvetlenitext
{
font-family: arial, sans-serif;
color: rgb(80,80,80);
text-decoration: none;
font-size: 15;
text-align: left;
margin-top: 10px;
margin-left: 50px;
}

#osvetleniobr
{
float: right;
margin-right: 100px;
}



.hlas1
{
font-family: arial, sans-serif;
color: rgb(79,155,213);
text-decoration: none;
font-size: 30;
float: left;
margin-top: 0px;
margin-left: 50px;
}



#produkty
{
width:1042px;
height: 731px;
float:left;
margin-left: 55px;
margin-top: 50px;
background-image:url("img/produkty.png");
}


#produkty a:hover 
{
color: rgb(20,20,20);
text-decoration: underline;
}


#produkty ul
{

padding:0px;
margin-left: 40px;
margin-top: 310px;
text-align:left ;
}
#produkty ul li 
{
margin:0px;
padding:0px;
list-style: none;
float:left;
margin-right:40px;
}

#produkty ul li 
{
text-align:left;
font-family: Arial, sans-serif;
text-decoration: none;
float:left;
display: block;
color:rgb(100,100,100);
padding-top:10px;
font-family: arial, sans-serif;
font-size: 10px;
    
}
#produkty ul li p
{

font-family: Arial, sans-serif;
color:rgb(60,60,60);
font-size:15px;
text-align: justify;
line-height: 17px
    
}

#produkty ul li a
{
color:rgb(79,155,213);
}

#produkty ul li.info
{
width: 210px;
}

#produkty ul li p.greytext
{
color:rgb(100,100,100);
}



#hlas6
{
width:1045px;
height: 782px;
float:left;
margin-left: 55px;
margin-top: 50px;
background-image:url("img/pozadi456.png");
}



#hlas5
{
width:1045px;
height: 782px;
float:left;
margin-left: 55px;
margin-top: 50px;
background-image:url("img/pozadi456.png");
}



#hlas4
{
width:1045px;
height: 782px;
float:left;
margin-left: 55px;
margin-top: 50px;
background-image:url("img/pozadi456.png");
}


#konf
{
width:1045px;
height: 705px;
float:left;
margin-left: 55px;
margin-top: 50px;
background-image:url("img/konf.png");
}





.hlastlacitko
{
text-decoration:none;
color:white;
}



#hlastext1
{
font-family: Arial, sans-serif;
color:rgb(100,100,100);
font-size:35px;
text-align: justify;
margin-left: 20px;
margin-top: 20px;
}

#hlastext2
{
font-family: Arial, sans-serif;
color:rgb(133,202,255);
font-size:25px;
text-align: justify;
margin-left: 20px;
margin-top:5px
}

#hlastext3
{
font-family: Arial, sans-serif;
color:rgb(150,150,150);
font-size:18px;
text-align: justify;
line-height: 20px;
margin-left: 20px;
margin-top: 10px;
}

#hlastext4
{
font-family: Arial, sans-serif;
color:rgb(120,120,120);
font-size:15px;
text-align: justify;
line-height: 18px;
list-style-type: disc;
margin-left: 20px;
margin-top: 35px;
}

#hlastext4 ul
{
margin-left:20px;
}


#mapa
{
float:right;
margin-right: 145px;
margin-top: -220px;
}

#obrazky6
{
float:right;
margin-top: -700px;
margin-right: 20px;
border: none;
}




#tlacitko-produkty4
{
float:left;
margin-top: -425px;
margin-left: 40px;
border: none;
}

#tlacitko-produkty5
{
float:right;
margin-top: -425px;
margin-right: 240px;
border: none;
}

#tlacitko-produkty6
{
float:left;
margin-top: -350px;
margin-left: 220px;
border: none;
}

#tlacitko-produkty7
{
float:right;
margin-top: -350px;
margin-right: 50px;
border: none;
}


#textmutace
{
font-family: arial, sans-serif;
color: rgb(80,80,80);
text-decoration: none;
font-size: 15;
text-align: left;
margin-top: 40px;
margin-left: 20px;
}









#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: 5px; } 
#overlay img{ border: none; }