* {
padding:0;
margin:0;
border:0;
}

body {
font-family: "Myriad Pro", Tahoma;
background: #0f2a31;
color: #fff;
}

div#obalovaci {
position: relative;
margin: 50px 0px 50px 80px;
padding-bottom: 100px;
width: 880px;
}

h1#nadpis {
float: left;
font-weight: bold;
text-transform: uppercase;
font-size: 48px;
letter-spacing: -5.5px;
word-spacing: 4px;
}

h1#nadpis a{
display: block;
background: url('noc/nadpis.jpg') no-repeat;
width: 477px;
height: 40px;
text-decoration: none;
color: #102a32;
font-size: 0px;
}

a.obrazek-o-mne {
float: left;
display: block;
background: url('noc/o-mne.jpg') no-repeat;
width: 89px;
height: 30px;
}

a:hover.obrazek-o-mne {
background: url('noc/o-mne-hover.jpg') no-repeat;
}

span.obrazek-tvorba {
float: left;
display: block;
background: url('noc/tvorba.jpg') no-repeat;
width: 103px;
height: 30px;
}

a.obrazek-webdesign {
float: left;
display: block;
background: url('noc/webdesign.jpg') no-repeat;
width: 156px;
height: 30px;
}

a:hover.obrazek-webdesign {
background: url('noc/webdesign-hover.jpg') no-repeat;
}

a.obrazek-firemni-identita {
float: left;
display: block;
background: url('noc/firemni-identita.jpg') no-repeat;
width: 223px;
height: 30px;
}

a:hover.obrazek-firemni-identita {
background: url('noc/firemni-identita-hover.jpg') no-repeat;
}

a.obrazek-ostatni {
float: left;
display: block;
background: url('noc/ostatni.jpg') no-repeat;
width: 115px;
height: 30px;
}

a:hover.obrazek-ostatni {
background: url('noc/ostatni-hover.jpg') no-repeat;
}


a.obrazek-ceny {
float: left;
display: block;
background: url('noc/ceny.jpg') no-repeat;
width: 76px;
height: 30px;
}

a:hover.obrazek-ceny {
background: url('noc/ceny-hover.jpg') no-repeat;
}

a.obrazek-kontakt {
float: left;
display: block;
background: url('noc/kontakt.jpg') no-repeat;
width: 118px;
height: 30px;
}

a:hover.obrazek-kontakt {
background: url('noc/kontakt-hover.jpg') no-repeat;
}

h1#nadpis span#portfolio {
font-weight: normal;
color: #5bc4aa;
}

p#menu {
float: left;
_width: 100%;
clear: both;
font-size: 30px;
letter-spacing: -3px;
text-transform: uppercase;
}

p#menu a{
text-decoration: none;
color: #bcaded;
}
p#menu a:hover{
color: #5bc4aa;
}

p.text {
float: left;
_width: 100%;
clear: both;
margin: 20px 0px;
font-family: "Palatino Linotype";
font-size: 15px;
line-height: 16px;
word-spacing: -1px;
}

p.text strong, p.text b{
font-size: 20px;
font-weight: bold;
}

p.text em{
font-weight: bold;
font-size: 16px;
font-style: normal;
}

p.text i{
font-style: italic;
font-size: 13px;
}

p.text a{
color: #bcaded;
text-decoration: none;
}

p.text a:hover{
color: #5bc4aa;
}

h2 {
float: left;
clear: both;
_width: 100%;
font-weight: bold;
font-size: 18px;
letter-spacing: -1px;
text-transform: uppercase;
margin: 10px 0px 1px 0px;
}

div.reference {
float: left;
clear: both;
_width: 100%;
}

div.reference a{
float: left;
display: block;
width: 220px;
height: 66px;
background-color: #488c82;
}

div.reference a.duraz{
background-color: #81edd2;
}

a.skakadlo {
float: left;
height: 1px;
width: 1px;
visibility: hidden;
background: none;
font-size: 0px;
}

#webdesign, #firemni-identita, #ostatni, #ceny, #kontakt {
display: none;
}

#o-mne {
display: block;
}

p#kontakt {
margin-bottom: 50px;
_margin-bottom: 0px;
}

.hide {
display:none;
}

p.text {
_width: 100%;
}

p#menu, .text, div#webdesign, div#firemni-identita, div#ostatni, div.reference {
&width: 100%;
}