*{
margin: auto;

}

body{
background: url(images/background.png);
}

#master {
width: 1000px;
height: 500px;
margin-top: auto;
margin-left: auto;
margin-right: auto;
}


#uvodnastranka{
margin-top: 100px;
width: 900px;
height: 300px;
background: url(images/uvodnastranka.png) no-repeat;
}

#uvodna{
width: 750px;
padding-top: 50px;
padding-left: 80px;
}

#us{
padding-top: 5px;
}

#logo{
padding-top: 5px;
height: 50px;
margin-left: 400px;
}



#navigationSub{
list-style-type: none;
font-family: helvetica, sans-serif;
text-align: left;
overflow: auto;
font-size: 10px;
margin-left: 30px;
border-bottom: 1px solid #fff;
width: 579px;
}


#navigationSub a{
display: block;
padding: 10px;
color: black;
text-decoration: none;
margin-bottom: 1px;
margin-top: 37px;
text-transform:uppercase;

}

#navigationSub li {
float: left;
}






#nav{
height:2.2em;
font-family: helvetica, sans-serif;
text-align: center;
overflow: auto;
font-size: 12px;
margin-left: center;
background: url(images/navigation.png) no-repeat;
}

#nav li {
float: left;
overflow: auto;
}

#nav a{
display: block;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
border: 1px;
color: #23573b;
text-decoration: none;
background: #45ab74;
margin: 1px;
}



#nav a:hover,
#uvod .uvod,
#sluzby .sluzby,
#kontakt .kontakt,
#referenie .referencie{
background: #10281b;
color: white;
}


p{
font-size: 13px;
line-height: 18px;
margin-left: 40px;
margin-top: 17px;
margin-right: 25px;
color: white;
font-family: helvetica;
text-align: justify;
}




h2{
color:white;
font-family: helvetica;
font-size: 24px;
margin-top: 75px;
margin-left: 40px;

}

h3{
color:white;
font-family: helvetica;
font-size: 20px;
margin-top: 20px;
margin-left: 40px;
}

.right{
margin-top: 7px;
float: right;
}

.left{
margin-left: 15px;
margin-top: 7px;
}


#footer{
border-top:2px solid #163625;
height:5em;
margin:30px 0 0;
position:relative;
}

#stvorce{
height: 410px;
position: relative;
}

#jednoduche{
width: auto;
display: block;
position: absolute;
top: 10px;
left: 100px;
}

#jednoduche a{
display: block;
background: url(images/jednoduche.png) 0px 0px no-repeat;
width: 400px;   
height: 250px;
}

#jednoduche a:hover {   
    background:  url(images/jednoduche2.png) no-repeat;
}

#podvojne{
width: auto; 
position: absolute;
top: 10px;
left: 510px;
}

#podvojne a{
display: block;
background: url(images/podvojne.png) 0px 0px no-repeat;
width: 400px;   
height: 250px;
}

#podvojne a:hover {   
    background:  url(images/podvojne2.png) no-repeat;
}

#mzdy{
width: auto; 
position: absolute;
top: 220px;
left: 100px;
}

#mzdy a{
display: block;
background: url(images/mzdy.png) 0px 0px no-repeat;
width: 400px;   
height: 250px;
}

#mzdy a:hover {   
    background:  url(images/mzdy2.png) no-repeat;
}

#ostatne{
width: auto; 
position: absolute;
top: 220px;
left: 510px;
}

#ostatne a{
display: block;
background: url(images/ostatne.png) 0px 0px no-repeat;
width: 400px;   
height: 250px;
}

#ostatne a:hover {   
    background:  url(images/ostatne2.png) no-repeat;
}



#gallery{
width:430px;
font-size: 30px;
padding-top: 50px;
padding-left: 370px;
}

#kontakt{
width: 577px;
height: 431px;
background: url(images/kontakt.png) no-repeat;
margin-top: 10px;
}

#kontakttext{
font-family: arial;
font-weight: bold;
line-height: 100%;
font-size: 32px; 
padding-top: 40px;
padding-left: 50px;
}

#referencie{
background: url(images/referencie.png) no-repeat;
width: 900px;
height: 300px;
margin-top: 100px;
}

table {
position: absolute;
margin-top: 80px;
margin-left: 120px;
width: 60%;
height: 20%;
border-collapse: collapse;
font-size: 12px;
font-family: Arial;
text-align: left;
}


th {
color: #fff;
}

#vstupte{
background: url(images/index.png) no-repeat;
width: 250px;
height: 250px;
}

#vstuptetext{
padding-top: 30px;
}

a {
text-decoration: none;
color: #46ae75;
}

img
{  border-style: none;
}