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

body{
	text-align:center;
	background-image:url(img/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#000;
	padding:0;
	margin:0;
}

@font-face {
    font-family: 'Museo300';
    src: url('museo-regular-300-webfont.eot');
    src: url('museo-regular-300-webfont.eot?iefix') format('eot'),
         url('museo-regular-300-webfont.woff') format('woff'),
         url('museo-regular-300-webfont.ttf') format('truetype'),
         url('museo-regular-300-webfont.svg#webfontwblFX3ht') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo700';
    src: url('museo-regular-700-webfont.eot');
    src: url('museo-regular-700-webfont.eot?iefix') format('eot'),
         url('museo-regular-700-webfont.woff') format('woff'),
         url('museo-regular-700-webfont.ttf') format('truetype'),
         url('museo-regular-700-webfont.svg#webfont9gHana5s') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'Museo100';
    src: url('museo-regular-100-webfont.eot');
    src: url('museo-regular-100-webfont.eot?iefix') format('eot'),
         url('museo-regular-100-webfont.woff') format('woff'),
         url('museo-regular-100-webfont.ttf') format('truetype'),
         url('museo-regular-100-webfont.svg#webfontEyzYSZVg') format('svg');
    font-weight: normal;
    font-style: normal;

}


a img{border:none;link-style:none;}
a:hover img{border:none;link-style:none;}

h2{font-family: 'Museo100', Arial, Helvetica, sans-serif; font-size:30px;color:#FFF;font-weight:normal;line-height:33px;}
h3{font-size:18px; color:#FFF; font-family: 'Museo100', Arial, Helvetica, sans-serif;  font-weight:normal; line-height:normal;}
h4{font-size:18px; color:#999; font-family: 'Museo100', Arial, Helvetica, sans-serif;  font-weight:normal; line-height:0px;}
h5{font-size:14px; color:#999; font-family: 'Museo100', Arial, Helvetica, sans-serif;  font-weight:normal; line-height:0px;}
h6{font-size:14px; color:#C00; font-family: 'Museo100', Arial, Helvetica, sans-serif;  font-weight:normal; line-height:0px;}


p{color:#CCC; font-size:13px; font-family: 'Museo100', Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px; line-height:18px;}

a {color:#C00; text-decoration:none;font-family: 'Museo100', Arial, Helvetica, sans-serif; font-size:13px;}

a:hover{color:#900;text-decoration:none;}
 
.container{width:920px; text-align:center; margin-right:auto; margin-left:auto; margin-top:0; /*height:645px;*/ height:auto;  margin-bottom:0; padding-left:30px; padding-right:30px;background-color:#000;}

.lang{height:30px; text-align:right; width:920px; margin:0; padding:0;}

.right{height:510px;width:920px;}

.header{width:120px;text-align:left;float:left;}

.logo{width:103px;padding-left:50px;height:113px;float:left;}

.clear{clear:both;}

.menuholder{width:655px;float:left;height:40px;}

#menu{
	/*	background:url(img/menu.jpg) 0 0 no-repeat;*/
		width:655px;
		height:40px;
		margin:0;
		padding:0;}
		
#menu a:focus {border:none;outline:none;}	

#menu li span{/*display:none;*/display:block;float:left;color:#FFF;font-size:18px;height:22px;width:auto;}
	
#menu li{list-style:none; position:relative;}
		 
#menu li, #menu a {width:auto;height:38px;display:block;margin:0 20px 0px 0px;padding:0;float:left;padding-top:5px;}	

/*li#menu1, li#menu2, li#menu3, li#menu4, li#menu5 {width:131px;margin:0;}*/

/*#menu1 a:hover{ background:url(img/menu.jpg) -0px -58px no-repeat; }
#menu2 a:hover{ background:url(img/menu.jpg) -131px -58px no-repeat; }
#menu3 a:hover{ background:url(img/menu.jpg) -262px -58px no-repeat; }
#menu4 a:hover{ background:url(img/menu.jpg) -393px -58px no-repeat; }
#menu5 a:hover{ background:url(img/menu.jpg) -524px -58px no-repeat; }*/

#menu a span:hover {color:#C00;}

#left{width:265px;float:left;height:560px;}
#right{width:655px;float:left;height:auto;}

.szovegtorzs{
	padding-left:0;
	padding-top:20px;
	text-align:left; 
	width:265px; 
	background-image:url(img/szoveg_hatter.jpg); 
	background-position:top center; 
	background-repeat:no-repeat;
	float:left;
	height:144px;
	}

#szovegtorzs2{
	padding-left:0;
	padding-top:20px;
	text-align:left; 
	width:265px; 
	background-image:url(img/szoveg_hatter.jpg); 
	background-position:top center; 
	background-repeat:no-repeat;
	float:left;
}

#video{width:655px;float:left;margin-top:10px; text-align:left;}
#cranes{}
.ivideo{width:655px;float:left;margin-top:53px; }
.video2{width:655px;float:left;margin-top:10px; text-align:left;padding-top:45px;}


.leiras{width:635px;float:left;text-align:left; padding-left:20px;}

#crane-menu{width:655px;float:left;text-align:left; padding-left:0;margin-top:20px;}


.bigone{width:920px;padding-top:40px;text-align:left; height:430px;}


.footer	{margin:20px auto;width:100%;height:50px;}
.vonal	{height:1px; width:940px;background-color:#444;}
.ajanlat{padding-left:10px;background-image:url(img/nyil.png); background-position:left;background-repeat:no-repeat;width:200px;height:15px;margin:8px 0px;text-align:left;}
.labszoveg{text-align:left; padding:0;}
.labszoveg p{font-size:9px; padding-top:4px; line-height:0;}

/*---------IKONSOROS ALMENÜK------------------------*/


#ikonok{
		background:url(img/ikonok.png) 0 0 no-repeat;
		width:655px;
		height:505px;
		margin:0;
		padding:0;}
	
#ikonok li span{display:none;}
	
#ikonok li{list-style:none; position:relative;}
		 
#ikonok li, #ikonok a {width:163px;height:168px;display:block;margin:0;padding:0;float:left;}	

li#ikonok1, li#ikonok2, li#ikonok3, li#ikonok4, li#ikonok5, li#ikonok6, li#ikonok7, li#ikonok8, li#ikonok9, li#ikonok10, li#ikonok11, li#ikonok12 {width:163px;margin:0;}

#ikonok1 a:hover{ background:url(img/ikonok.png) -0px   -503px no-repeat; }
#ikonok2 a:hover{ background:url(img/ikonok.png) -163px  -503px no-repeat; }
#ikonok3 a:hover{ background:url(img/ikonok.png) -326px -503px no-repeat; }
#ikonok4 a:hover{ background:url(img/ikonok.png) -489px -503px no-repeat; }
#ikonok5 a:hover{ background:url(img/ikonok.png) -0px -671px no-repeat; }
#ikonok6 a:hover{ background:url(img/ikonok.png) -163px -671px no-repeat; }
#ikonok7 a:hover{ background:url(img/ikonok.png) -326px -671px no-repeat; }
#ikonok8 a:hover{ background:url(img/ikonok.png) -489px -671px no-repeat; }
#ikonok9 a:hover{ background:url(img/ikonok.png) -0px -839px no-repeat; }
#ikonok10 a:hover{ background:url(img/ikonok.png) -163px -839px no-repeat; }
#ikonok11 a:hover{ background:url(img/ikonok.png) -326px -839px no-repeat; }
#ikonok12 a:hover{ background:url(img/ikonok.png) -489px -839px no-repeat; }


#o_ikonok{
		background:url(img/optika_ikonok.png) 0 0 no-repeat;
		width:655px;
		height:339px;
		margin:0;
		padding:0;}
	
#o_ikonok li span{display:none;}
	
#o_ikonok li{list-style:none; position:relative;}
		 
#o_ikonok li, #o_ikonok a {width:163px;height:168px;display:block;margin:0;padding:0;float:left;}	

li#o_ikonok1, li#o_ikonok2, li#o_ikonok3, li#o_ikonok4, li#o_ikonok5, li#o_ikonok6, li#o_ikonok7, li#o_ikonok8, li#o_ikonok9, li#o_ikonok10, li#o_ikonok11, li#o_ikonok12 {width:163px;margin:0;}

#o_ikonok1 a:hover{ background:url(img/optika_ikonok.png) -0px   -351px no-repeat; }
#o_ikonok2 a:hover{ background:url(img/optika_ikonok.png) -163px  -351px no-repeat; }
#o_ikonok3 a:hover{ background:url(img/optika_ikonok.png) -326px -351px no-repeat; }
#o_ikonok4 a:hover{ background:url(img/optika_ikonok.png) -489px -351px no-repeat; }
#o_ikonok5 a:hover{ background:url(img/optika_ikonok.png) -0px -519px no-repeat; }
#o_ikonok6 a:hover{ background:url(img/optika_ikonok.png) -163px -519px no-repeat; }
#o_ikonok7 a:hover{ background:url(img/optika_ikonok.png) -326px -519px no-repeat; }
#o_ikonok8 a:hover{ background:url(img/optika_ikonok.png) -489px -519px no-repeat; }


#k_ikonok{
		background:url(img/kameramozgatas_4ikon.png) 0 0 no-repeat;
		width:655px;
		height:339px;
		margin:0;
		padding:0;}
	
#k_ikonok li span{display:none;}
	
#k_ikonok li{list-style:none; position:relative;}
		 
#k_ikonok li, #k_ikonok a {width:163px;height:168px;display:block;margin:0;padding:0;float:left;}	

li#k_ikonok1, li#k_ikonok2, li#k_ikonok3, li#k_ikonok4, li#k_ikonok5, li#k_ikonok6, li#k_ikonok7, li#k_ikonok8, li#k_ikonok9, li#k_ikonok10, li#k_ikonok11, li#k_ikonok12 {width:163px;margin:0;}

#k_ikonok1 a:hover{ background:url(img/kameramozgatas_4ikon.png) -0px   -352px no-repeat; }
#k_ikonok2 a:hover{ background:url(img/kameramozgatas_4ikon.png) -163px  -352px no-repeat; }
#k_ikonok3 a:hover{ background:url(img/kameramozgatas_4ikon.png) -326px -352px no-repeat; }
#k_ikonok4 a:hover{ background:url(img/kameramozgatas_4ikon.png) -489px -352px no-repeat; }
#k_ikonok5 a:hover{ background:url(img/kameramozgatas_4ikon.png) -0px -520px no-repeat; }



.ref_elem{display:block;text-align:left; padding-top:6px;height:110px;width:300px; float:left;}
.ref_kiskep{display:block;float:left;width:300px;height:110px;}
.ref_kiskep img {float:left;}
.title {color:#FFF;font-family: 'Museo100', Arial, Helvetica, sans-serif; font-size:18px;display:block;width:130px;height:90px;float:left;margin-left:10px;}
.title:hover {color:#C00;}

.ref_leiras{display:block;width:170px; float:left; padding-left:10px; height:110px;padding-top:0;margin:0}

.crane_img{background-image:url(img/ref_elem_bg.png); height:95px; background-position:top; padding-top:5px;padding-left:5px;}
.box{width:118px; padding-right:10px;float:left;}


ul{list-style:none;padding-top:5px;padding-bottom:15px;padding-left:0; margin:0;line-height:10px;}

ul p{line-height:10px; color:#FFF;}

li{display:inline;font-family: 'Museo100', Arial, Helvetica, sans-serif;  padding:0;color:#666;text-decoration:none; font-size:15px;cursor: pointer;}
li:hover{color:#fff;text-decoration:none;cursor: pointer;}


#loading{  
    text-align: center;  
     visibility: hidden;  
 }  
 
 
.kiskep{border:1px solid #555;float:left; margin-left:20px;margin-top:15px;margin-bottom:50px; }

.thumb{border:none;float:left; margin-left:20px;margin-right:20px;margin-top:4px;margin-bottom:40px; }



/*form */


.form-right {
	float: left;
	width: 475px;
	text-align: left;
	margin-left: 10px;
}


.form-right input {
	margin:0!important; 
	}
	

.form-left {
	float: left;
	width: 170px;
	text-align: left;
	line-height:0;
	padding-top:0;	
}

.form-left p {padding:0;line-height:5px;}



#contact_result{
	position: relative;
}


#cform {float:left; width: 655px;}

.sor{float:left; width:auto; margin-bottom:20px;}

#right input, #right textarea, #right-center input, #right-center_kapcsolat input, #right-center textarea, #right-center_kapcsolat textarea,#contact-result subbtn1 {
	width: 300px;
	border: 1px solid #515050;
	background-color: #323232;
	padding:5px;
	margin: 7px 0 3px 0;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;}

input#subbtn1 {width: 312px!important;}
	
	
#right textarea, #right-center textarea, #right-center_kapcsolat textarea{
	height: 50px;
}

#right textarea#contact-msg, #right-center textarea#contact-msg, #right-center_kapcsolat textarea#contact-msg{
	height: 100px;
	width: 300px;
	padding:5px;
	margin-bottom:20px;
}

/*---------------table---------------*/

table tr td h6{height:16px; display:table-cell;font-size:12px;padding-top:7px;}
table tr td h5{height:16px;display:table-cell;font-size:12px;padding-top:7px;}
table tr td p{height:16px;display:table-cell; color:#FFF;padding-top:0;font-size:12px;}

table {margin-top:10px;}

td{padding-top:3px;padding-left:6px;}

.pretty-table {  }
.pretty-table th, .pretty-table td { }


.vissza{/*padding-top:3px; padding-bottom:3px; */padding-left:10px;background-image:url(img/visszanyil.png); background-position:left;background-repeat:no-repeat;width:200px;float:left;text-align:left;}