/* CSS Document */

body {
margin-left: auto;
margin-right: auto;
width: 900px;
height: 526px;
background-color: black;
margin-top: 20px;}

#leva-horni-kulata {
float: left;
width: 25px;
height: 83px;
background-image: url('obr/leva-horni-kulata.jpg');}

#horni-prechod {
float:left;
width: 850px;
height: 83px;
background-image: url('obr/horni-prechod.jpg');}

#prava-horni-kulata {
float: left;
width: 25px;
height: 83px;
background-image: url('obr/prava-horni-kulata.jpg');}

#levapulka {
float: left;
width: 263px;
height: 340px;
margin-top: 10px;
margin-bottom: 10px;
color: white;}

#cara {
float: left;
width: 5px;
height: 340px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
background-color: gray;}

#pravapulka {
float: left;
width: 602px;
height: 350px;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
overflow: auto;
color: white;
font-family: Helvetica;
font-weight: normal;
font-size: 17px;}

#podmenu-prava{
width: 500px;
height: 30px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
text-align: center;
font-weight: normal;
font-size: 16px;
color: white;}

#leva-dolni-kulata {
float: left;
width: 25px;
height: 81px;
background-image: url('obr/leva-spodni-kulata.jpg');}

#dolni-prechod {
float:left;
width: 850px;
height: 81px;
background-image: url('obr/spodni-prechod.jpg');}

#prava-dolni-kulata {
float: left;
width: 25px;
height: 81px;
background-image: url('obr/prava-spodni-kulata.jpg');}

/*divy menu*/

#fotografovani{
float:left;
margin-left: 13px;
height: 83px;
width: 160px;
background-image: url('obr/menu/fotografovani.jpg');}

#fotografovani:hover{
background-image: url('obr/menu/fotografovani-hl.jpg');}

#menu-cara{
float: left;
height: 83px;
width: 5px;
margin-left: 24px;
background-image: url('obr/menu/cara.jpg');}

#pronajem-atelieru{
float:left;
margin-left: 24px;
height: 83px;
width: 200px;
background-image: url('obr/menu/pronajem-atelieru.jpg');}

#pronajem-atelieru:hover{
background-image: url('obr/menu/pronajem-atelieru-hl.jpg');}

#galerie{
float:left;
margin-left: 24px;
height: 83px;
width: 80px;
background-image: url('obr/menu/galerie.jpg');}

#galerie:hover{
background-image: url('obr/menu/galerie-hl.jpg');}

#grafika{
float:left;
margin-left: 24px;
height: 83px;
width: 78px;
background-image: url('obr/menu/grafika.jpg');}

#grafika:hover{
background-image: url('obr/menu/grafika-hl.jpg');}

#kontakt{
float:left;
margin-left: 24px;
height: 83px;
width: 87px;
background-image: url('obr/menu/kontakt.jpg');}

#kontakt:hover{
background-image: url('obr/menu/kontakt-hl.jpg');}

#jazyky {
color: white;
font-family: Helvetica;
margin-top: 25px;}

a {
color: white;
text-decoration: underline;}

a:hover {
color: #339999;
text-decoration: underline;}

.oznaceno {
color: #339999;
text-decoration: none;}

h2 {
font-size: 18px;
text-decoration: none;}
/*** anglická verze menu ***/

#fotografovani-en{
float:left;
margin-left: 60px;
height: 83px;
width: 105px;
background-image: url('obr/menu/shooting.jpg');}

#fotografovani-en:hover{
background-image: url('obr/menu/shooting-hl.jpg');}

#pronajem-atelieru-en{
float:left;
margin-left: 24px;
height: 83px;
width: 146px;
background-image: url('obr/menu/studio-rental.jpg');}

#pronajem-atelieru-en:hover{
background-image: url('obr/menu/studio-rental-hl.jpg');}

#galerie-en{
float:left;
margin-left: 24px;
height: 83px;
width: 74px;
background-image: url('obr/menu/galery.jpg');}

#galerie-en:hover{
background-image: url('obr/menu/galery-hl.jpg');}

#grafika-en{
float:left;
margin-left: 24px;
height: 83px;
width: 101px;
background-image: url('obr/menu/graphics.jpg');}

#grafika-en:hover{
background-image: url('obr/menu/graphics-hl.jpg');}

#kontakt-en{
float:left;
margin-left: 24px;
height: 83px;
width: 93px;
background-image: url('obr/menu/contact.jpg');}

#kontakt-en:hover{
background-image: url('obr/menu/contact-hl.jpg');}