@charset "utf-8";
/* CSS Document */

img, #left,.spat-referencie,.next-referencie, #right,#middle_left_kontakt,  #middle_left, #middle_right, span#top a, span#bottom a
{behavior: url(script/iepngfix.htc);}

body{
margin:0px auto 0px auto;
padding:0px;
background:url(../cssimages/footer_bg.jpg) repeat top;
}

a{
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
color:#ffffff;
text-decoration:none;
}
a:hover{
text-decoration:underline;
cursor:pointer!important;
}
img{
border:none;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:justify;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:14px;
color:#FFFFFF;
font-weight:bold;

}

h3{
color:#d2e2fb;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

h4{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

#main{
position:relative;
margin:0 auto 0 auto;
padding:0;
}

#header{
position:relative;
margin:0 auto;
padding:0;
background:url(../cssimages/header_bg2.jpg) repeat-x top;
width:100%;
height:208px;
z-index:15;
}

#logo{
position:absolute;
top:1px;
left:117px;
width:80px;
height:81px;
z-index:55;
}

#menualap{
position:relative;
top:90px;
left:0px;
margin:0 auto 0 auto;
padding:0;
width:1151px;
height:96px;
}

#menukep{
position:absolute;
}

#menu{
position:relative;
top:15px;
left:475px;
margin:0;
padding:0;
width:520px;
height:77px;
z-index:10;
}

#menu li{
position:relative;
top:0;
left:0;
margin:0 auto 0 auto;
padding:0;
width:100px;
height:77px;
display:block;
float:left;
}

#menu li a{
position:relative;
top:0;
left:0;
text-align:center;
margin:0px auto 0 auto;
padding:0;
width:100px;
height:77px;
float:left;
text-decoration:none;
color:#000000;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:13px;
}

#menu li a span{
position:relative;
top:35px;
}

#menu li a span.vz{
font-size:12px;
position:relative;
top:28px;
text-transform:uppercase;
}

#menu li a:hover{
background:url(../cssimages/menu_hover.png) repeat-x top;
}

#menu li ul{
position:absolute;
top:75px;
left:0px;
margin:0;
padding:3px;
float:left;
width:173px;
height:42px;
background-color:#cce0f2;
display:none;
}

#menu li ul li{
position:relative;
top:0;
left:0;
margin:0px;
padding:0;
width:171px;
height:21px;
display:block;
}

#menu li ul li a{
position:relative;
top:0;
left:0;
text-align:left;
margin:0px auto 0 auto;
padding:0;
width:172px;
height:21px;
float:left;
text-decoration:none;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:11px;
}

#menu li ul li a span{
position:relative;
top:3px;
left:4px!important;
}

#menu li ul li a:hover{
color:#ffffff!important;
background-color:#565252;
}

#menu li ul li ul{
position:relative;
top:-24px;
left:172px;
margin:0;
padding:1px;
float:left;
width:auto;
height:auto!important;
background-color:#f1f7fc;
}

#menu li ul li ul li{
position:relative;
top:0;
left:0;
margin:0px!important;
padding:0;
width:auto!important;
/*width:246px!important;*/
height:21px!important;
display:block;
}

#menu li ul li ul li a{
position:relative;
top:0;
left:0;
text-align:left!important;
margin:0px auto 0 auto;
padding:0;
width:246px!important;
height:21px!important;
text-decoration:none;
color:#000000!important;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:10px!important;
}

#menu li ul li ul li a:hover{
background-color:#bbc0c4;
}

#menu li ul li ul li a span{
position:relative;
top:3px!important;
left:0;
}

#content{
position:relative;
top:0px;
left:0px;
margin:0;
padding:0;
background:url(../cssimages/content_bg.jpg) repeat-x top;
width:auto;
height:407px;
}

#left{
position:absolute;
top:0px;
left:0px;
margin:0;
padding:0;
width:500px;
height:407px;
background:url(../cssimages/arnyek_bal.png) left top no-repeat;
}
/* /////////////////////////////////////////////////////////////////////////////// */
#right{
position:absolute;
top:0px;
right:0px;
margin:0;
padding:0;
width:500px;
height:407px;
background:url(../cssimages/arnyek_jobb.png) left top no-repeat;
}

#middle{
position:relative;
top:42px;
left:0px;
margin:0px auto; /*220*/
padding:0;
width:840px;
height:316px;
z-index:5;
}

#middle_left{
position:relative;
top:0px;
left:1px;
margin:0;
padding:0;
width:381px;
height:316px;
float:left;
background:url(../cssimages/content_bal_jobb_alap.png) top no-repeat;
}

#middle_left_onas{
position:relative;
top:-46px;
/*top:-69px;*/
left:0px;
margin:0;
padding:0;
width:334px;
height:380px;
float:left;
z-index:999!important;
}

.middle_left_kontakt{
position:relative;
top:15px;
left:50px;
margin:0 100px 0 0;
padding:0;
width:300px;
height:auto;
float:left;
/*background:url(../images/skelet1_smaller.jpg) no-repeat top;*/
/*border:1px solid red;*/
}

.middle_left_kontakt img{
margin-bottom:10px;
}

#thumbs{
position:relative;
top:0px;
left:0px;
margin:10px 0 10px 0;
padding:0;
width:80px;
height:296px;
float:left;
overflow:hidden; 
background:url(../cssimages/thumbs_bg.jpg) top repeat-y;
}

#hidden_thumbs{
position:relative;
top:0px;
left:0px;
margin:10px 0 10px 0;
padding:0;
width:80px;
height:296px;
float:left;
overflow:hidden; 
}

#ref_thumbs{
position:relative;
margin:0 auto 0 auto;
top:25px;
width:310px;
height:270px;
}

#middle_right{
position:relative;
top:0px;
left:0px;
margin:0;
padding:0;
width:379px;
height:316px;
float:left;
/*background:url(../cssimages/content_bal_jobb_alap.png) top no-repeat;*/
}

#content_img{
position:absolute;
}

#middle_right_onas{
position:relative;
top:0px;
left:0px;
margin:0;
padding:0;
width:486px;
height:316px;
float:left;
/*background:url(../cssimages/onas_text_bg.png) no-repeat top;*/
}

#tartalom{
position:relative;
top:0px;
left:0px;
margin:0;
padding:0;
width:840px;
height:316px;
float:left;
/*background:url(../cssimages/alap.png) no-repeat top;*/
}
.alap_kep{
position:absolute;
}
#alap_kep_onas{
position:absolute;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#middle_right_kontakt{
position:relative;
top:10px;
left:0px;
margin:0;
padding:0;
width:379px;
height:316px;
float:left;
/*background:url(../cssimages/content_bal_jobb_alap.png) no-repeat top;*/
}
#kontakt_alap{
position:absolute;
}

.pics{
position:relative;
padding:0;
border:1px solid #d0c665;
margin:0;
}

.pics_ref{
position:relative;
padding:0;
border:3px solid #d0c665;
margin:0px 15px 5px 0px;
}

#kepek_thumbs{
position:relative;
left:10px;
top:5px;
width:830px;
height:300px;
margin:0 auto;
/*border:1px solid red;*/
}
#galeria_thumbs{
position:relative;
left:10px;
top:30px;
width:700px;
height:260px;
margin:0 auto;
}

  
  #thumbs img{
 	width: 64px;
	height: 42px;
  }
  
  #thumbs ul {
  	position: relative;
	float: left;
	width:66px;
	height:260px;
  }
  
  #thumbs ul, #certificates li{
	margin:0;
	padding:0;
	list-style:none;
  }

  #thumbs li{ 
  	position: relative;
	display: block;
	width:64px;
	height:44px;
	margin:0px 0 8px 0;
	/*border:1px solid red;*/
  }
  
  #thumbs li img{
  	margin-left: 0px;
  }

  span#top a{ position: absolute; right:415px; bottom: 295px; display: block; width: 9px; height: 8px; background:url(../cssimages/upbtn.png) top left no-repeat; cursor:pointer; } 
  span#bottom a{ position: absolute; right:415px; bottom: 20px; display: block; width: 9px; height: 8px; background:url(../cssimages/downbtn.png) top left no-repeat; cursor:pointer!important; }
  
#keret{
position:relative;
width:66px;
height:252px;
float:left;
top:18px;
overflow:hidden;
margin:0 7px 0 7px;
}
  
#viewer{
position:relative;
top:0px;
left:0px;
width:338px;
height:225px;
margin:20px auto 10px auto;
border:1px solid #c8c9c9;
}

#namer{
position:relative;
top:0px;
left:0px;
width:341px;
height:16px;
margin:0 auto 0 auto;
}

.hidden_pics{
position:absolute;
top:0;
left:0;
display:none;
}

#large1{
display:block;
}

.text{
position:relative;
top:0px;
left:0px;
width:338px;
height:225px;
margin:20px auto 20px auto;
}

#text_onas{
position:relative;
top:0px;
left:0px;
width:446px;
height:253px;
margin:10px auto 20px auto;
}
#text_onas p{
margin:5px 0;
text-indent:30px;
}
#text_onas p b{
  color:#FFCC00;
  font-weight:normal;
}
#text_onas h1{
margin:5px 10px;
}
#text_kontakt{
position:relative;
top:-45px;
padding:45px;
}

#tartalom_text{
position:absolute;
top:0;
right:0;
float:right;
margin:0 auto 0 auto;
padding:25px 25px 0 25px;
width:500px;
height:293px;
}
#tartalom_text_filigran{
position:absolute;
top:10px;
right:0;
float:right;
margin:0 auto 0 auto;
padding:0px 25px 0 25px;
width:650px;
height:293px;
line-height:13.5px;
}
#tartalom_text_halove2_left{
position:absolute;
top:10px;
left:0;
margin:0 auto 0 auto;
padding:0px 25px 0 25px;
width:365px;
height:293px;
}
#tartalom_text_halove2_right{
position:absolute;
top:10px;
right:0;
float:right;
margin:0 auto 0 auto;
padding:0px 25px 0 25px;
width:365px;
height:293px;
}
#halove_kepek{
position:relative;
top:35px;
width:280px;
height:250px;
}
.verdana{
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
}
.stropne_img{
position:relative;
margin:0px 0px 20px 20px;
border:1px solid #d0c665;
}
#filigranove_img{
position:absolute;
margin:20px;
}
#dutinove_img{
position:absolute;
margin:20px;
}
#left_pics{
position:absolute;
top:40px;
left:40px;
width:130px;
height:220px;
}
.prod_pics{
margin:0 auto 0px auto;
border:1px solid #d0c665;
}
.dalej{
float:right;
}
.spat{
float:right;
}
#keret{
border:1px solid white;
top:-10px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0 auto;
padding:3px;
font-size:12px;
width:366px;
height:auto;
}

.kontakt{
font-size:14px!important;
}

.kontakt span{
color:#99ccff;
}

#kontakt-list{
position:relative;
top:0;
left:0;
margin:0;
padding:0;
list-style:none;
display:block;
}
#kontakt-list h1{
margin-bottom:10px;
}
#kontakt-list li{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}

#mail{
color:#FFFFFF;
}

#footer{
position:relative;
bottom:0px;
margin:0 auto 0 auto;
padding:0;
/*background:url(../cssimages/sav_bg.png) repeat-x top;*/
width:100%;
height:35px;
}

#footer_kep{
position:absolute;
width:100%;
height:29px;

}

#footer-inner{
position:relative;
top:28px;
left:0;
width:849px;
height:60px;
margin:0 auto 0 auto;
/*background:url(../cssimages/footer_menu_alap.png) no-repeat top;*/
}

#footer-inner_kep{
position:absolute;
top:-7px;
}

#footer-menu{
position:relative;
top:0px;
left:0px;
width:550px;
height:25px;
margin:0 auto;
padding:0;
/*border:1px solid red;*/
}

#footer-menu li{
position:relative;
top:0px;
left:0px;
display:block;
margin:0 16px 0 5px;
padding:0;
float:left;
/*border:1px solid red;*/
}

#footer-menu li a{
position:relative;
top:0;
left:0;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:10px;
color:#FFFFFF;
font-weight:normal;
/*border:1px solid red;*/
}

#footer-menu li a:hover{
text-decoration:underline;
}

#footer-menu li a span{
font-size:12px;
}

#footer-text{
position:absolute;
top:30px;
right:15px;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:9px;
}
.spat-referencie{
position:absolute;
bottom:25px;
right:80px;
width:40px;
height:31px;
background:url(../cssimages/spat.png) top left no-repeat;
float:right;
}
.spat-referencie:hover{
cursor:pointer!important;
}
.next-referencie{
position:absolute;
bottom:25px;
right:40px;
width:40px;
height:31px;
background:url(../cssimages/next.png) top left no-repeat;
float:right;
}
/*.dalej-referenciak{
position:absolute;
bottom:0px;
right:25px;
display:none;
}*/
.referenciak{
position:relative;
top:0;
left:0;
margin-left:12px;
width:148px;
padding:0;
float:left;
}
.referenciak img{
margin:0 0 0 10px;
}
.referenciak h2{
text-align:center;
}

#text-vezove{
height:140px;
padding-left:15px;
padding-right:15px;
padding-top:10px;
position:relative;
}
#text-vezove p{
text-indent:20px;
}

#text-vezove p b{
color:#FFCC00;
font-weight:normal;
}

#vezove-kepek{
text-align:center;
}

#text-vezove p b a{
color:#FFCC00;
font-weight:normal;
text-decoration:underline;
}

#text-vezove p b a:hover{
color:#FFCC00;
font-weight:normal;
text-decoration:none;
}

#menu li.zk{
width:115px;
margin-right:10px;
}

#menu li a.zk{
width:125px;
}

#menu li.vz{
width:90px;
}

#menu li a.vz{
width:90px;
}