html {


     background: url(bg-dole.jpg) bottom center no-repeat #000; 
     margin:0px;
     padding:0px;

} 


body {

     font-size: 70%; 
     background: url(bg.jpg) top center no-repeat transparent; 
     margin: 0px auto;
     border: 0px;
     color: #515151;
     padding: 0px; 
     font-family: tahoma, arial, sans-serif
} 

#envelope {
     margin: 0px auto; 
     padding: 0px 0px 0px 0px; 
     width: 1100px; 
     background: transparent
} 



#top {

     padding: 0px;
     background: url(top.jpg) 0px 0px no-repeat; 
     width: 1100px;
     height: 185px;
     margin: 0px 0px 0px 0px;

}

#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: 0px 0px 0px 72px;
     width: 156px;
     height: 185px;
     position: relative;
     overflow: hidden;
     clear: both;
     float: left;
     color: #fff;



}


.logo span {

     background: url('pk.jpg');
     position: absolute;
     display: block;
     left: 72px;
     top: 0px;
     z-index: 1;
     width: 156px;
     height: 185px;
     cursor: pointer;
     padding: 0px;
     margin: 0px;
     overflow: hidden;


}

.logo a {

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


}

#menu, #menu-kto, #menu-kontakt {
        float: right;
        list-style-type: none; 
        text-align: left;
        height: 42px; 
        width: 441px;
        padding: 0px 299px 0px 0px; 
        margin: 87px 0px 0px 0px;
        position: relative; 
}

#menu {
        background: url(menu1.jpg) 0px 0px no-repeat; 
}

#menu-kto {
        background: url(menu2.jpg) 0px 0px no-repeat; 
}

#menu-kontakt {
        background: url(menu3.jpg) 0px 0px no-repeat; 
}




#menu li, #menu-kto li, #menu-kontakt li {
        display: inline;
        padding: 0px; 
        margin: 0px;
        overflow: hidden;
}

#menu li a, #menu-kto li a, #menu-kontakt li a {


       padding: 0px; 
       line-height: 42px;
       overflow: hidden;
       color: #ddd; 
       text-decoration: none; 

}

#menu li span, #menu-kto li span, #menu-kontakt li span {
        display: block;
        z-index: 1;
        cursor: pointer;
        position: absolute;
}

#menu .menu1 span, #menu-kto .menu1 span, #menu-kontakt .menu1 span
{
        width: 106px;
        height: 20px;
        left: 25px;
        top: 11px;

}

#menu .menu1 a, #menu-kto .menu1 a, #menu-kontakt .menu1 a
{

        width: 106px;
        height: 42px;
        margin: 0px 0px 0px 27px; 


}

#menu .menu2 span, #menu-kto .menu2 span, #menu-kontakt .menu2 span
{
        width: 93px;
        height: 20px;
        left: 177px;
        top: 11px;

}

#menu .menu2 a, #menu-kto .menu2 a, #menu-kontakt .menu2 a
{

        width: 93px;
        height: 42px;
        margin: 0px 0px 0px 108px; 

}

#menu .menu3 span, #menu-kto .menu3 span, #menu-kontakt .menu3 span
{
        width:  92px;
        height: 20px;
        left: 318px;
        top: 11px;

}

#menu .menu3 a, #menu-kto .menu3 a, #menu-kontakt .menu3 a
{

        width: 92px;
        height: 42px;
        margin: 0px 0px 0px 120px; 

}

/* MENU - PORFOLIO - POZADIE POLOZIEK */

#menu .menu1 span {
        background: url(portfolio-act.jpg) 0px 0px no-repeat;
}

#menu .menu2 span {

        background: url(ktosom.jpg) 0px 0px no-repeat;
}

#menu .menu3 span {

        background: url(kontakt.jpg) 0px 0px no-repeat;
}


#menu .menu1 a:hover span {
        background: url(portfolio-act.jpg) 0px -20px no-repeat;
}

#menu .menu2 a:hover span {

        background: url(ktosom.jpg) 0px -20px no-repeat;
}

#menu .menu3 a:hover span {

        background: url(kontakt.jpg) 0px -20px no-repeat;
}



/* MENU - KTO SOM - POZADIE POLOZIEK */

#menu-kto .menu1 span {
        background: url(portfolio.jpg) 0px 0px no-repeat;
}

#menu-kto .menu2 span {

        background: url(ktosom-act.jpg) 0px 0px no-repeat;
}

#menu-kto .menu3 span {

        background: url(kontakt.jpg) 0px 0px no-repeat;
}


#menu-kto .menu1 a:hover span {
        background: url(portfolio.jpg) 0px -20px no-repeat;
}

#menu-kto .menu2 a:hover span {

        background: url(ktosom-act.jpg) 0px -20px no-repeat;
}

#menu-kto .menu3 a:hover span {

        background: url(kontakt.jpg) 0px -20px no-repeat;
}



/* MENU - KONTAKT - POZADIE POLOZIEK */

#menu-kontakt .menu1 span {
        background: url(portfolio.jpg) 0px 0px no-repeat;
}

#menu-kontakt .menu2 span {

        background: url(ktosom.jpg) 0px 0px no-repeat;
}

#menu-kontakt .menu3 span {

        background: url(kontakt-act.jpg) 0px 0px no-repeat;
}


#menu-kontakt .menu1 a:hover span {

        background: url(portfolio.jpg) 0px -20px no-repeat;
}

#menu-kontakt .menu2 a:hover span {

        background: url(ktosom.jpg) 0px -20px no-repeat;
}

#menu-kontakt .menu3 a:hover span {

        background: url(kontakt-act.jpg) 0px -20px no-repeat;
}


#kincel {

        margin: 0px 0px 0px 0px; 
	width: 1100px;
	height: 58px;
        line-height: 58px;
	position: relative;
	overflow: hidden; 
	display: block;
        padding: 0px;
        clear: both;

}



#kincel span {

	background: url('kincel.jpg');
	position: absolute;
        margin: 0px 0px 0px 0px; 
	display: block;
	left: 0;
	top: 0;
	z-index: 1;
	width: 1100px;
	height: 58px;
              padding: 0px;
}

#popis {

        margin: 0px 0px 0px 0px; 
	width: 1100px;
	height: 65px;
        line-height: 65px;
	position: relative;
	overflow: hidden; 
	display: block;
        padding: 0px;
        clear: both;

}



#popis span {

	background: url('podnadpis.jpg');
	position: absolute;
        margin: 0px 0px 0px 0px; 
	display: block;
	left: 0;
	top: 0;
	z-index: 1;
	width: 1100px;
	height: 65px;
        padding: 0px;
}


.referencie-blok {

        width: 1100px;
       	background: url('zaciatok-referencii.jpg') top no-repeat;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 44px 0px;
        position: relative;

}

.referencie-blok #ostatne {
        display: inline;
        top: 0px; 
        left: 74px;
        float: left; 
        padding: 0px 0px 0px 0px; 
	      z-index: 1;
	      width: 147px;
	      height: 42px;
        line-height: 42px;
       	overflow: hidden; 
        border: 0px;
        margin: 0px 0px 0px 75px;

}


.referencie-blok #ostatne span {

	background: url('ostatne.jpg');
        position: absolute; 
        margin: 0px 0px 0px 0px; 
	display: block;
	left: 74px;
	top: 0;
	width: 147px;
	height: 42px;
        padding: 0px;
}

.referencie-blok .druhy {float: right; margin: 12px 0px 0px 0px; padding: 0px 75px 0px 0px}

.clear {display: block; padding: 0px; margin: 0px; clear: both;}


.box {

        width: 218px;
        height: 185px;
        margin: 33px 0px 15px 27px;
        padding: 0px;
        float: left;

}

.box-special {
        width: 218px;
        height: 185px;
        padding: 33px 1px 15px 74px;
        margin: 0px;
        float: left;
        clear: both;

}


.box p, .box-special p {
        font-size: 85%;
        color:#515151;
        margin: 0px 0px 6px 0px;
        padding: 0px;
        line-height: 140%

}

.box p span a, .box-special p span a {
        font-size: 110%;

}

.box p a, .box-special p a {
        font-weight: bold;
        text-decoration: none;
        color:#9d0e2d;

}


.box img, .box-special img {
	margin: 0px;
        padding: 5px;
        border: 1px solid #313131;

}

.box div, .box-special div {position: relative}

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

acronym, abbr{ border-bottom: 1px dotted #555; padding: 0px; cursor: help;}


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


.o-mne {
	
        margin: 0px 0px;
	position: relative;
	width: 1100px;
        height: 308px;            
        background: url('omne.jpg') no-repeat;

}

.o-mne .predstavenie #peter-kincel {
        margin: 0px 0px 0px 0px; 
	position: absolute;
	z-index: 1;
	width: 198px;
	height: 23px;
        line-height: 23px;
	overflow: hidden; 
	display: block;
	left: 72px;
	top: 41px;
        border: 0px;
        padding: 0px;
        clear: both;

}


.o-mne .predstavenie #peter-kincel span {

	background: url('ktoje-nadpis.jpg');
	position: absolute;
        margin: 0px 0px 0px 0px; 
	display: block;
	left: 0;
	top: 0;
	z-index: 1;
	width: 198px;
	height: 23px;
        padding: 0px;
}

.o-mne .schopnosti #schopnosti-nastroje {
        margin: 0px 0px 0px 0px; 
	z-index: 1;
	width: 221px;
	height: 23px;
        line-height: 23px;
	position: absolute;
	overflow: hidden; 
	display: block;
	left: 528px;
	top: 41px;
        border: 0px;
        padding: 0px;
        clear: both;

}


.o-mne .schopnosti #schopnosti-nastroje span {

	background: url('schopnosti-nadpis.jpg');
        margin: 0px 0px 0px 0px; 
	display: block;
	position: absolute;
	left: 0px;
	top: 0;
	z-index: 1;
	width: 221px;
	height: 23px;
        padding: 0px;
}

.o-mne .schopnosti #infografika {
        margin: 0px 0px 0px 0px; 
	z-index: 1;
	width: 487px;
	height: 184px;
        line-height: 23px;
	position: absolute;
	overflow: hidden; 
	display: block;
	left: 529px;
	top: 75px;
        border: 0px;
        padding: 0px;
        clear: both;

}


.o-mne .schopnosti #infografika span {

	background: url('infografika.jpg');
        margin: 0px 0px 0px 0px; 
	display: block;
	position: absolute;
	left: 0px;
	top: 0;
	z-index: 1;
	width: 487px;
	height: 184px;
        padding: 0px;
}

.o-mne img {
	margin: 4px 17px 0px 0px;
        padding: 5px;
        float: left; 
        border: 1px solid #313131;

}


.predstavenie {
        margin: 0px 0px 0px 0px; 
        padding: 80px 0px 0px 76px; 
	      width: 394px;
	      float: left

}

.predstavenie p {
        color: #848484;
        margin: 0px 0px 0px 0px; 
        padding: 0px 0px 0px 0px; 
        line-height: 200%

}

.predstavenie p strong {
        color: #dfdfdf;

}



.schopnosti {
        margin: 0px 0px 0px 0px; 
        padding: 0px; 
	width: 572px;
	float: right

}


.skusenosti-blok {

        width: 1100px;
	background: url('zaciatok-skusenosti.jpg') top no-repeat;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        position: relative;

}



.job {

        margin: 0px 0px 0px 0px; 
        padding: 0px 0px 0px 76px; 

}

.rok {

        float: left;
        width: 65px;
	      background: url('odrazka.jpg') 0px 6px no-repeat;
        font-weight: bold;
        color: #dfdfdf;
        margin: 30px 0px 0px 0px; 
        padding: 3px 0px 3px 14px; 

}

.popisne-info {

        float: right;
        width: 405px;
        margin: 30px 0px 5px 0px; 
        padding: 0px 540px 0px 0px; 
        color: #848484;
        line-height: 190%


}

.popisne-info span {

        font-weight: bold;
        color: #dfdfdf;


}

.popisne-info a {

        color: #980e2a;
        text-decoration: none


}

.skusenosti-blok #pracovne {
        display: inline;
        top: 0px; 
        left: 74px;
        padding: 0px 0px 0px 0px; 
	      z-index: 1;
      	width: 198px;
      	height: 43px;
        line-height: 43px;
	      overflow: hidden; 
        border: 0px;
        margin: 0px 0px 0px 75px;

}


.skusenosti-blok #pracovne span {

	background: url('pracovne.jpg');
        position: absolute; 
        margin: 0px 0px 0px 0px; 
	display: block;
	left: 74px;
	top: 0;
	width: 198px;
	height: 43px;
        padding: 0px;
}

#buttony {
        list-style-type: none; 
        text-align: left;
	left: 632px;
	top: 71px;
        height: 251px; 
        width: 384px;
        padding: 0px 0px 0px 0px; 
        margin: 0px 0px 0px 0px;
        position: absolute; 
}

#buttony li {

        padding: 0px 0px 0px 0px; 
        margin: 0px;
        overflow: hidden;
}

#buttony .cv-button span
{
        background: url('cv-button.jpg') 0px 0px no-repeat;
        display: block;
        width: 384px;
        height: 64px;
        z-index: 1;
        position: absolute;
        cursor: pointer;
        margin: 0px; 
        padding: 0px; 
        left: 0px;
        top: 0px;

}

#buttony .cv-button a
{

        width: 384px;
        height: 64px;
        line-height: 64px;
        overflow: hidden;
        margin: 0px 0px 0px 0px; 
        padding: 0px; 
        left: 0px;
        top: 0px;
        position: absolute;

}

#buttony .cv-button a:hover span
{
        background: url('cv-button.jpg') 0px -64px no-repeat;


}

#buttony .referencie-button a:hover span
{
        background: url('referencie-button.jpg') 0px -64px no-repeat;


}

#buttony .blogg-button a:hover span
{
        background: url('blogg-button.jpg') 0px -64px no-repeat;


}


#buttony .referencie-button a
{

        width: 384px;
        height: 64px;
        line-height: 64px;
        overflow: hidden;
        margin: 0px 0px 0px 0px; 
        padding: 0px 0px 0px 0px; 
        top: 93px;
        position: absolute;

}

#buttony .referencie-button span
{
        background: url('referencie-button.jpg') 0px 0px no-repeat;
        display: block;
        width: 384px;
        height: 64px;
        z-index: 1;
        position: absolute;
        left: 0px;
        top: 0px;
        cursor: pointer;
        margin: 0px 0px 0px 0px; 
        padding: 0px 0px 0px 0px; 

}

#buttony .blogg-button a
{

        width: 384px;
        height: 64px;
        line-height: 64px;
        overflow: hidden;
        margin: 0px 0px 0px 0px; 
        padding: 0px 0px 0px 0px; 
        top: 187px;
        position: absolute;

}

#buttony .blogg-button span
{
        background: url('blogg-button.jpg') 0px 0px no-repeat;
        display: block;
        width: 384px;
        height: 64px;
        z-index: 1;
        position: absolute;
        left: 0px;
        top: 0px;
        cursor: pointer;
        margin: 0px 0px 0px 0px; 
        padding: 0px 0px 0px 0px; 

}



/* PATICKA */

#pata {
       width: 1100px;
       background: url('pata.jpg') bottom left no-repeat;
       height: 225px; 
       line-height: 62px; 
       clear: both; 
       color: #fff; 
       position: relative;
       margin: 0px 0px 0px 0px; 
       padding: 0px 0px 0px 0px;

}

#dalsie {
        position: absolute;
        margin: 0px 0px 0px 0px; 
	z-index: 1;
	width: 831px;
	height: 58px;
        line-height: 58px;
	overflow: hidden; 
	left: 74px;
	top: 0px;
        border: 0px;
        padding: 0px;
	display: block;

}



#dalsie span {

	background: url('dalsie.jpg');
	position: absolute;
        margin: 0px 0px 0px 0px; 
	display: block;
	left: 0;
	top: 0;
	z-index: 1;
	width: 831px;
	height: 58px;
        padding: 0px;
}

#text-pata {color: #878787;  font-size: 100%; margin: 0px 0px 0px 0px; padding: 130px 0px 0px 74px}

#text-pata span {color: #555; padding: 0px 6px}

#text-pata strong {color: #ccc}

#text-pata a strong {color: #878787}

#text-pata a {color: #878787;}


#pata ul {
        text-indent: -9999px;

}        

#siete {
        list-style-type: none; 
        text-align: left;
	left: 756px;
	top: 140px;
        height: 46px; 
        width: 154px;
        padding: 0px 0px 0px 0px; 
        margin: 0px 0px 0px 0px;
        position: absolute; 
}

#siete li {
        display: inline;
        padding: 0px 0px 0px 0px; 
        margin: 0px;
        overflow: hidden;
}

#siete .facebook span
{
        background: url('facebook.jpg') 0px 0px no-repeat;
        display: block;
        width: 45px;
        height: 46px;
        z-index: 1;
        position: absolute;
        left: 0px;
        top: 0px;
        cursor: pointer;
        margin: 0px; 
        padding: 0px; 

}

#siete .facebook a
{

        width: 44px;
        height: 46px;
        line-height: 46px;
        overflow: hidden;
        margin: 0px 0px 0px 0px; 
        padding: 0px; 

}

#siete .twitter span
{
        background: url('twitter.jpg') 0px 0px no-repeat;
        width: 45px;
        height: 46px;
        z-index: 1;
        position: absolute;
        left: 55px;
        top: 0px;
        cursor: pointer;
        margin: 0px; 
        padding: 0px; 

}

#siete .twitter a
{

        width: 45px;
        height: 46px;
        line-height: 46px;
        overflow: hidden;
        margin: 0px 0px 0px 0px; 
        padding: 0px; 

}

#siete .linked span
{
        background: url('linkedin.jpg') 0px 0px no-repeat;
        width:  45px;
        height: 46px;
        z-index: 1;
        position: absolute;
        left: 109px;
        top: 0px;
        cursor: pointer;
        margin: 0px; 
        padding: 0px; 
}

#siete .linked a
{

        width: 45px;
        height: 46px;
        line-height: 46px;
        overflow: hidden;
        margin: 0px 0px 0px 120px; 
        padding: 0px; 

}

#siete .facebook a:hover span {
        background: url(facebook.jpg) 0px 46px;
}

#siete .twitter a:hover span {
        background: url(twitter.jpg) 0px 46px;
}

#siete .linked a:hover span {
        background: url(linkedin.jpg) 0px 46px;
}

#hore {

	      right: 51px;
	      top: 0px;
        float: right;
        height: 225px; 
        width:  111px;
        padding: 0px 0px 0px 0px; 
        margin: 0px 0px 0px 0px;
        position: absolute; 

}

#hore a
{

        height: 225px; 
        width:  111px;
        line-height: 109px;
        overflow: hidden;
        margin: 0px 0px 0px 5px; 
        padding: 0px; 

}

#hore a:hover span
{
        background: url('nahor.jpg') -111px 0px no-repeat;


}

#hore span
{
        background: url('nahor.jpg') 0px 0px no-repeat;
        height: 225px; 
        width:  111px;
        z-index: 1;
        position: absolute;
        left: 0px;
        top: 0px;
        cursor: pointer;
        margin: 0px; 
        padding: 0px; 

}


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




/* GULOCKOVE PREPINANIE SLIDEOV */


.stripViewer ul {text-indent: -9999px; position: absolute; top: 280px; left: 13px; padding: 0px; margin: 0px; z-index: 1}

.stripViewer ul li {line-height: 10px; margin: 0px; padding: 0px; display: inline}

.stripViewer ul li a {height: 10px; line-height: 10px; width: 10px;}



.stripViewer .prepinanie .gulka1 a span {  
     top: 0px; 
     left: 0px; 
}


.stripViewer .prepinanie .gulka2 a span {  
     top: 0px; 
     left: 15px; 
}

.stripViewer .prepinanie .gulka3 a span {  
     top: 0px; 
     left: 30px; 
}

.stripViewer .prepinanie .gulka4 a span {  
     top: 0px; 
     left: 45px; 
}

.stripViewer .prepinanie .gulka5 a span {  
     top: 0px; 
     left: 60px; 
}



.stripViewer .prepinanie li a span {

     background: url('gulka.png') 0px -10px no-repeat;   
     overflow: hidden; 
     display: block; 
     height: 10px;  
     width: 10px;
     line-height: 10px;
     z-index: 1;
     cursor: pointer;
     position: absolute; 

}

.stripViewer .prepinanie li .aktivny {

     background: url('gulka.png') 0px 0px no-repeat;   


}

.stripViewer .prepinanie li a:hover span {

     background: url('gulka.png') 0px 0px no-repeat;

}

.stripViewer .prepinanie li a:active span {

     background: url('gulka.jpg') 0px -10px no-repeat;

}



	

/* RIESENIE SLIDEOV */

.slider-wrap #prace {
        position: absolute;
        margin: 0px 0px 0px 0px; 
	z-index: 1;
	width: 149px;
	height: 43px;
        line-height: 50px;
	overflow: hidden; 
	display: block;
	left: 74px;
	top: 26px;
        border: 0px;
        padding: 0px;
        clear: both;

}



.slider-wrap #prace span {

	background: url('vybrane.jpg');
	position: absolute;
        margin: 0px 0px 0px 0px; 
	display: block;
	left: 0;
	top: 0;
	z-index: 1;
	width: 149px;
	height: 43px;
        padding: 0px;
}

a:focus { outline:none }

		

	
.stripViewer .panelContainer .panel ul {
			
        text-align: left;
	margin: 0 15px 0 30px;
		
}


.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	
        margin: 0px 0;
	position: relative;
	width: 1100px;
        height: 425px;              
        background: url('referencia-pozadie.jpg') no-repeat;

}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 330px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #000; /* this is the border. should have the same value for the links */
			margin: 0px;
			width: 930px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 330px;
                        top: 49px;
                        left: 83px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0px;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 930px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			display: none
		}
		
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 205px;
		}
		
		.stripNavL a, .stripNavR a {
			height: 24px;
                        padding: 0px;
                        margin: 0px; 
                        display: block;
			width: 18px;
                        text-indent: -9999px;                      
		}

		
		.stripNavL {
			left: 24px;
		}
		
		.stripNavR {
			right: 24px;
		}
		
		.stripNavL {
			background: url("sipka-lava.jpg") no-repeat;
		}

		.stripNavL a:hover {
			background: url("sipka-lava-hover.jpg") no-repeat;
		}
		
		.stripNavR {
			background: url("sipka-prava.jpg") no-repeat;
		}

		.stripNavR a:hover {
			background: url("sipka-prava-hover.jpg") no-repeat;
		}


 /*  KONTAKT SEKCIA */


.kontakt {
	
        margin: 0px 0px;
	position: relative;
	width: 1100px;
        height: 500px;            
        background: url('kontakt-pozadie.jpg') no-repeat;

}

.kontaktny-panel {
        margin: 0px 0px 0px 0px; 
        padding: 80px 0px 0px 87px; 
	width: 270px;


}


.kontaktny-panel #kontaktne-ikonky {
        color: #848484;
        margin: 0px 0px 0px 0px; 
        padding: 0px 0px 0px 0px; 
        list-style: none;

}

.kontaktny-panel #kontaktne-ikonky li {
        padding: 5px 0px 18px 32px 


}

.kontaktny-panel #kontaktne-ikonky li strong {
        color: #dfdfdf;


}

.kontaktny-panel #kontaktne-ikonky .mobil {
	background: url('kontaktne-ikonky/mobil.jpg') 0px 2px no-repeat;


}

.kontaktny-panel #kontaktne-ikonky .email {
	background: url('kontaktne-ikonky/mail.jpg') 0px 2px no-repeat;


}

.kontaktny-panel #kontaktne-ikonky .skype {
	background: url('kontaktne-ikonky/skype.jpg') 0px 2px no-repeat;


}

.kontaktny-panel #kontaktne-ikonky .icq {
	background: url('kontaktne-ikonky/icq.jpg') 0px 2px no-repeat;


}

.kontaktny-panel #fakturacne-ikonky {
        color: #848484;
        margin: 0px 0px 0px 0px; 
        padding: 80px 0px 0px 0px; 
        list-style: none;

}

.kontaktny-panel #fakturacne-ikonky li {
        padding: 5px 0px 18px 32px 


}

.kontaktny-panel #fakturacne-ikonky li strong {
        color: #dfdfdf;

}

.kontaktny-panel #fakturacne-ikonky .adresa {
	background: url('kontaktne-ikonky/adresa.jpg') 0px 2px no-repeat;


}

.kontaktny-panel #fakturacne-ikonky .ico {
	background: url('kontaktne-ikonky/ico.jpg') 0px 2px no-repeat;

}

.kontaktny-panel #fakturacne-ikonky .dic {
	background: url('kontaktne-ikonky/dic.jpg') 0px 2px no-repeat;

}



.kontakt .kontaktny-panel #kontaktne-informacie {
        margin: 0px 0px 0px 0px; 
	position: absolute;
	z-index: 1;
	width: 214px;
	height: 23px;
        line-height: 23px;
	overflow: hidden; 
	display: block;
	left: 75px;
	top: 41px;
        border: 0px;
        padding: 0px;
        clear: both;

}


.kontakt .kontaktny-panel #kontaktne-informacie span {

	background: url('kontaktne-informacie.jpg');
	position: absolute;
        margin: 0px 0px 0px 0px; 
	display: block;
	left: 0;
	top: 0;
	z-index: 1;
	width: 214px;
	height: 23px;
        padding: 0px;
}

.kontakt .kontaktny-panel #fakturacne-udaje {
        margin: 0px 0px 0px 0px; 
	z-index: 1;
	width: 221px;
	height: 23px;
        line-height: 23px;
	position: absolute;
	overflow: hidden; 
	display: block;
	left: 75px;
	top: 263px;
        border: 0px;
        padding: 0px;
        clear: both;
}


.kontakt .kontaktny-panel #fakturacne-udaje span {

	background: url('fakturacne-udaje.jpg') no-repeat;
        margin: 0px 0px 0px 0px; 
	display: block;
	position: absolute;
	left: 0px;
	top: 0;
	z-index: 1;
	width: 221px;
	height: 23px;
        padding: 0px;
}


 /*  FORMULAR ZPRAVY */



#vzkaz {

     background: url('kontakt-formular.jpg') 0px 0px no-repeat; 
     width: 644px; 
     height: 399px; 
     padding: 0px 0px 50px 0px; 
     position: absolute;
     left: 364px;
     top: 32px;
     margin: 0px 0px 0px 0px

}


#vzkaz h3 {
        position: absolute;
        margin: 0px 0px 0px 0px; 
        border: 0px;
	z-index: 1;
	width: 156px;
	height: 51px;
        line-height: 51px;
	overflow: hidden; 
	display: block;
	left: 15px;
	top: 0px;
        border: 0px;
        padding: 0px;
        clear: both;

}


#vzkaz h3 span {

	background: url('napiste.jpg') 0px 0px no-repeat;
	position: absolute;
        margin: 0px 0px 0px 0px; 
	display: block;
	left: 0px;
	top: 0px;
	z-index: 1;
	width: 156px;
	height: 51px;
        padding: 0px;
}


#vzkaz fieldset {border: 0px solid #888; padding: 0px 0px; margin: 67px 0px 0px 38px}


#vzkaz input, #vzkaz textarea, #vzkaz select {

        padding: 0px;
 	background: #000; 
 	color: #ddd; 
        border: 1px solid #333

}

#vzkaz .vlavo-policko {float: left; margin: 0px 0px 12px 0px}

#vzkaz .vpravo-policko { float: right; padding: 0px 34px 0px 0px; margin: 0px 0px 12px 0px}

#vzkaz input {overflow: auto; width: 275px; padding: 7px 0px; margin: 5px 0px 0px 0px}



#vzkaz textarea {overflow: auto; width: 568px; height: 160px; margin: 5px 0px 0px 0px}



#vzkaz select{ padding: 0px;}



#vzkaz p {color: #848484; padding: 0px 0px 0px 0px; margin: 0px}



#vzkaz label{ font-weight: bold}


#vzkaz .oki {

   
    margin: 18px 0px 0px 0px;
    color: #1b1d00; 
    text-decoration: none; 
    font-weight: bold; 
    cursor: pointer; 
    border: 0px; 
    font-size: 100%;
    width: 150px; 
    height: 34px; 
    padding: 0px 0px 0px 0px;
    background: url('odoslat.jpg') 0px 0px no-repeat;
}


#message {
    position: absolute;
    left: 364px;
    padding: 10px;
    top: 32px;
    color:  #848484;
    font-weight: bold;
    border: 1px solid #555;
}

.error {
    border: 1px solid #FF0000 !important;
}