body {

     font-size: 80%; 
     background: url(pozadie2.jpg) #16afd0 top center repeat-x fixed; 
     margin:0px auto;
     border:0px;
     padding:0px; 
     font-family: "Trebuchet MS", arial, sans-serif
} 


#envelope {
     background: #fff; 
     margin: 0px auto; padding: 0px 0px 10px 0px; 
     width: 900px
} 

#main {
     text-align: left; 
     margin: 0px; 
     padding: 0px
} 



#main a {
     color: #336699
} 



#main a:hover {
     color: #9A0D0D;
} 

#main .zivotopis {

      background: #f2f7f8; 
      color: #013b47; 
      font-weight: normal; 
      padding: 5px 45px 5px 12px; 
      margin: 12px 20px 15px 20px; 
      font-size: 140%; 
      line-height: 170%
}

#main .kontakty {

      color: #281b0f; 
      font-weight: normal; 
      padding: 0px; 
      margin: 10px 20px 15px 0px; 
      font-size: 140%; 
      line-height: 170%
}

#main .upozornenie {

      color: #281b0f; 
      font-weight: bold; 
      padding: 0px; 
      margin: 13px 20px 0x 0px; 
      font-size: 100%; 
      line-height: 170%
}


#main .zivotopis strong {color: #013b47; padding: 1px 2px 1px 2px}

.kontaktne-udaje {float: right; width: 465px; margin: 0px; padding: 0px}


#main .kontaktne-udaje ul {border-top: 1px solid #eee; border-bottom: 1px solid #eee; color: #333; font-size: 110%; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 50px}

#main ul {border: 0px solid #eee; color: #333; font-size: 110%; margin: 20px 50px 20px 40px; padding: 0px 0px 0px 50px}

#main li {line-height: 150%; margin: 10px 0px;}

#main li strong {padding: 2px; color: #013b47; background: #f2f7f8}

#top {

     background: url('pk-12.jpg') no-repeat #997535; 
     padding: 0px;
     width: 860px;
     height: 181px;
     margin: 0px 20px 0px 20px;

}

#top p {
     display: block;
     float: right;
     width: 270px;
     font-size: 120%;
     line-height: 160%;
     color: #fff;
     margin: 0px;
     padding: 54px 40px 0px 0px;
}

.logo {

     margin: 0px 0px 0px 0px;
     text-align: left;
     padding: 35px 0px 0px 46px;
     width: 423px;
     height: 120px;
     position: relative;
     overflow: hidden;
     clear: both;
     float: left;
     color: #fff;



}


.logo span {

     background: url('logo.jpg');
     position: absolute;
     display: block;
     left: 46px;
     top: 35px;
     z-index: 1;
     width: 423px;
     height: 120px;
     cursor: pointer;
     padding: 0px;
     margin: 0px;
     overflow: hidden;


}



.logo a {

     display: block;
     width: 423px;
     height: 120px;
     overflow: hidden;
     padding: 0px;
     color: #fff; 
     text-align: left; 
     line-height: 120px;


}

#menu {
        background: url(menu.jpg) top center no-repeat; 
        list-style-type: none; 
        text-align: left;
        height: 64px; 
        width: 860px;
        padding: 0px; 
        margin: 0px 20px 0px 20px;
        position: relative; 
        color: black;
}

#menu li {
        display: inline;
        overflow: hidden;
}

#menu a {
       color: #333; 
       text-decoration: none; 
       overflow: hidden
}

#menu a:hover {
       text-decoration: underline
}


#menu .menu1 span
{
        background: url('referencie.jpg') 0px 0px no-repeat;
        display: block;
        width: 158px;
        height: 28px;
        z-index: 1;
        position: absolute;
        left: 2px;
        top: 25px;
        cursor: pointer;
        margin: 0px; 
        padding: 0px; 

}

#menu .menu1 a
{

        width: 158px;
        height: 64px;
        line-height: 64px;
        overflow: hidden;
        margin: 0px 0px 0px 20px; 
        padding: 0px; 

}

#menu .menu2 span
{
        background: url('curriculum.jpg') 0px 0px no-repeat;
        width: 234px;
        height: 28px;
        z-index: 1;
        position: absolute;
        left: 210px;
        top: 25px;
        cursor: pointer;
        margin: 0px; 
        padding: 0px; 

}

#menu .menu2 a
{

        width: 234px;
        height: 64px;
        line-height: 64px;
        overflow: hidden;
        margin: 0px 0px 0px 150px; 
        padding: 0px; 

}

#menu .menu3 span
{
        background: url('kontakt.jpg') 0px 0px no-repeat;
        width: 125px;
        height: 28px;
        z-index: 1;
        position: absolute;
        left: 494px;
        top: 25px;
        cursor: pointer;
        margin: 0px; 
        padding: 0px; 
}

#menu .menu3 a
{

        width: 125px;
        height: 64px;
        line-height: 64px;
        overflow: hidden;
        margin: 0px 0px 0px 180px; 
        padding: 0px 0px 0px 0px; 

}


#menu .menu1 a:hover span {
        background: url(referencie.jpg) 0px 28px;
}

#menu .menu2 a:hover span {

        background: url(curriculum.jpg) 0px 28px;
}

#menu .menu3 a:hover span {

        background: url(kontakt.jpg) 0px 28px;
}

#referencie {

        margin: 0px 0px 0px 7px; 
	width: 298px;
	height: 69px;
        line-height: 69px;
	position: relative;
	overflow: hidden; 
	display: block;
        padding: 0px;
        clear: both;

}



#referencie span {

	background: url('referencie-nadpis.jpg');
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	z-index: 1;
	width: 2983px;
	height: 69px;
        padding: 0px;
}

#curriculum {

        margin: 0px 0px 0px 7px; 
	width: 399px;
	height: 69px;
        line-height: 69px;
	position: relative;
	overflow: hidden; 
	display: block;
        padding: 0px;
        clear: both;

}



#curriculum span {

	background: url('curriculum-nadpis.jpg');
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	z-index: 1;
	width: 399px;
	height: 69px;
        padding: 0px;
}

#kontakt {

        margin: 0px 0px 0px 7px; 
	width: 243px;
	height: 69px;
        line-height: 69px;
	position: relative;
	overflow: hidden; 
	display: block;
        padding: 0px;
        clear: both;

}



#kontakt span {

	background: url('kontakt-nadpis.jpg');
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	z-index: 1;
	width: 243px;
	height: 69px;
        padding: 0px;
}

.box {
	background: url('riadky.gif') bottom center no-repeat;
        display: inline;
        width: 270px;
        height: 260px;
        margin: 10px 5px 0px 20px;
        padding: 0px;
        float: left;

}

#main .box p {
        font-size: 90%;
        line-height: 220%;
        color:#013b47;
        margin: 0px 5px 0px 11px;
        padding: 0px 0px 0px 0px;

}



#pata {
       font-size: 110%;
       width: 860px;
       height: 62px; 
       line-height: 62px; 
       clear: both; 
       background: url("pata.jpg") no-repeat #8ca525; 
       color: #fff; 
       margin: 20px 20px 0px 20px; 
       padding: 0px 0px 0px 0px;

}



#pata a {color: #fff; margin: 0px; padding: 0px}



#pata a:hover {text-decoration: none}



#pata .pata-vlavo {
       float: left; 
       margin: 0px; 
       color: #fff; 
       padding: 0px 0px 0px 30px
}

#pata .pata-vpravo .nahor
{
        background: url('nahor.jpg') no-repeat;
        position: relative;
        display: block;
        width: 110px;
        height: 38px;
        line-height: 38px;
        overflow: hidden;
        margin: 8px 17px 0px 0px; 
        padding: 0px 0px 0px 0px; 

}

#pata .pata-vpravo .nahor span
{

        display: block;
        width: 110px;
        height: 38px;
        z-index: 1;
        position: absolute;
        background: url('nahor.jpg') no-repeat;
        left: 0px;
        top: 0px;
        cursor: pointer;
        margin: 0px; 
        padding: 0px; 

}



#pata .pata-vpravo {float: right;color: #fff; padding: 0px; margin: 0px 0px 0px 0px}



h3 {background: #fcf9f0; border-bottom: 1px solid #e3d6be; color: #281b0f; font-weight: normal; margin: 0px 20px 0px 20px; padding: 10px 0px 10px 12px; font-size: 180%; font-family: trebuchet MS;}


img {border: 0px; margin: 0px; padding: 0px}



hr {clear: both; visibility: hidden; margin: 0px; padding: 0px}



 /*  FORMULAR ZPRAVY */


#vzkaz {float: left; display: inline; background: url('formular.jpg') no-repeat; width: 386px; height: 417px; padding: 0px; margin: 10px 20px 30px 20px; _margin: 10px 20px 0px 20px}

#vzkaz legend {font-size: 180%; font-family: trebuchet MS; color: #281b0f; font-weight: normal; background: transparent; border: 0px; margin: 0px 0px 0px 0px; padding: 36px 0px 10px 0px}

#vzkaz fieldset {border: 0px solid #888; padding: 0px 20px; margin: 0px 20px 30px 20px}

#vzkaz input, #vzkaz textarea, #vzkaz select

 {width: 290px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; padding: 2px 3px;

 	background: #fff; border: 1px solid #dcba7a}

#vzkaz textarea {height: 120px;}

#vzkaz select{ padding: 4px;}

#vzkaz p {color: #242424; margin: 10px 0;}

#vzkaz label{ font-weight: bold;}


#vzkaz .oki {
   
    text-alight: center; 
    display: block;
    margin: 15px 0px 0px 75px;
    color: #fff; 
    text-decoration: underline; 
    font-weight: bold; 
    font-size: 110%;
    cursor: hand; 
    border: 0px; 
    width: 134px; 
    height: 39px; 
    background: url('odoslat.jpg') no-repeat;

}