/* CSS Document */
/*všeobecne definicie*/

*{
margin:0;
padding:0;
}

body {
margin-left:auto;
margin-right:auto;
width:800px;
font-size: 80%;
font-family: ARIAL,Times New Roman;
background:#fff;
}

a {
color:#000;
font-weight:bold;
}

a:hover{
text-decoration: none;
}

h1, h2, h3, h4, h5, h5 {
color:#000;
font-family: 'Arial';
font-size:14px;
}

/*hlavicka*/

h1 a, h1 span{
display:block;
height: 610px;
width:100%;
}

h1 a{
background: #fff url('images/hlavicka.png') left top no-repeat;
color: #fff;
position: relative;
line-height: 610px;
text-align:left;
}

h1 span{
position: absolute;
top:0;
left:0;
cursor:pointer;
}

h1 a span{
background: url('images/hlavicka.png') left top no-repeat;
}

h1 a:hover{
color: #000;
}

/*border*/
#ramec {
background: #fff url('images/border.gif') left top no-repeat;
width:100%;
height:10px;
margin: 0 0 0px 0;
}


/*o mne*/
#omne{
display:inline;
width:350px;
height:215px;
background: #fff  url('images/o_mne.gif') left top no-repeat;
margin: 30px 39px 30px 30px;
float: left;
}

#omne h2{
margin: 20px 0 0px 40px;
font-size:150%;
clear:right;
}

#omne p {
display:block;
margin: 10px 40px 0px 40px;;
color: #000;
position: auto;
max-width:350px;
height:215px;
font-size: 1.2em;
}


/* kontakt*/
#kontakt{
background: #fff  url('images/o_mne.gif') left top no-repeat;
display:inline;
width:350px;
height:215px;
margin:30px 30px 30px 0px;
float:left;
}

#kontakt  h2{
float:none;
width:130px;
max-height:130px;
margin: 20px 0 -55px 40px;
*margin: 20px 0 -53px 40px;
font-size:150%;
}

#kontakt p  {
display:block;
margin: 65px 40px 0px 40px;
color: #000;
position: auto;
max-width:350px;
height:215px;
font-size: 1.2em;
}



/* referencie*/
#referencie{
padding: 30px 0 0 24px;
width:739px;
height:300px;
background: #fff  url('images/referencie.gif') left top no-repeat;
margin: 0px 0px 0px 30px;
clear:both;
}

#referencie h2{
margin: 20px 0 0px 16px;
font-size:150%;
clear:right;
}

#referencie ul li {
display: inline;
float:left;
width: 196px;
height: 154px;
margin: 10px 17px 0px 16px;
}

#referencie ul li a img{
border: 0px;
padding: 0 0 0 0;
display:block;
width: 196px;
height: 154px;
text-decoration:none;
color:transparent;
cursor:pointer;
list-style-type: none;
}

#referencie ul li a p{
visibility:hidden;

}

#referencie ul li a:hover p{
position:absolute;
margin:-154px 0 0 0 ;
display:block;
width: 196px;
height: 154px;
visibility:visible;
background: transparent  url('images/ahover.png') left top no-repeat;
padding: 100px 0px 10px 15px;
}

#referencie ul li a:hover p #praca{
font-weight: normal;
float:left;
color: #fff;
max-height: 20px;
width:100px;
}

#referencie ul li a:hover p #stranka{
margin: 10px 30px 0px 0;
font-weight: normal;
float:right;
color: #fff;
}

/*paticka*/
#paticka{
display:block;
background: #fff;
width:100%
clear:both;
height:20px;
background: transparent;
color:#9AA099;
font-size:95%;
line-height:2em;
margin:
}