html,body {margin:0;padding:0}
body {
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
padding:0;
line-height:18px;
background: url(../images/background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*background: #ccc url(../images/bg.png) no-repeat top center;*/
}
.clear{clear:both; height:1px !important; line-height:1px !important; float:none!important;}
.underline{
text-decoration:underline;
}
::selection {
background: #333;
color:#fff; }
::-moz-selection {
background: #333;
color:#fff; }
#wrapper{
width:100%;
height:100%;
}
#page{
margin: 0 auto;
margin-top:50px;
width: 1000px;
background:rgba(255,255,255,0.9);
margin-bottom:20px;
}
/*HEADER*/
#header{
}
#header_logo{
float: left;
width: 140px;
}
#right_top_icons{
float: right;
margin-top: -80px;
width: 60px;
}
#right_top_icons img{
margin-right: 5px;
}
/*HEADER END*/
/*NAVIGATION*/
#header_navigation {
float: left;
line-height: 29px;
margin-left: 60px;
width: 790px;
z-index: 999;
}
#menu{
}
#top_menu, #top_menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#top_menu {
z-index: 999;
font-family: 'Ubuntu', sans-serif;
}
#top_menu li {
float: left;
position: relative;
text-align: center;
margin-right: 15px;
}
#top_menu a {
color: #7B7B7B;
display: block;
font-size: 16px;
margin-top: 10px;
padding: 50px 5px 0;
text-decoration: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
border-bottom: 3px solid transparent;
}
.sub_menu li a {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}
#top_menu .sub_menu {
border-top: 3px solid #c7c7c7;
z-index:999;
}
#top_menu .sub_menu:hover {
color: #FF0000;
}
#top_menu .sub_menu li{
}
#top_menu .sub_menu li a{
padding:5px;
width:170px;
margin:0;
border: 0 solid transparent;
}
#top_menu .sub_menu li a:hover{
border:0px solid transparent;
}
#top_menu li:hover > a { /*A menu szine az almenüket kijelölve*/
background: #fff;
color: #7b7b7b;
border-bottom: 3px solid #c7c7c7;
}
#top_menu li:hover > a:hover { /*Szövegszín*/
background: #F5F5F5;
color: #333;
font-family: 'Ubuntu', sans-serif;
text-shadow: 0 1px 0 #F5F5F5;
}
#top_menu li ul {
display: none;
text-shadow: 0 1px 0 #fff;
}
#top_menu li:hover > ul {
margin-top:87px;
display: block;
position: absolute;
top: 0;
}
#top_menu li > ul > li {
width:170px;
text-align:left;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
#top_menu > li:hover > ul {
left: 0;
}
.logout {
background: none repeat scroll 0 0 #EFEFEF;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
/*NAVIGATOIN END*/
/*SERVICES*/
#services{
margin: 0 auto;
width: 990px;
}
#services_boxes1{
width:300px;
background: url(../images/services_bg/feluletkezeles.jpg) no-repeat top center;
border:1px solid #333;
float:left;
margin: 10px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#services_boxes1:hover{
-webkit-box-shadow: 5px rgba(176, 132, 73, 0.9);
-moz-box-shadow: 0 0 5px rgba(176, 132, 73, 0.9);
-ms-box-shadow: 0 0 5px rgba(176, 132, 73, 0.9);
-o-box-shadow: 0 0 5px rgba(176, 132, 73, 0.9);
box-shadow: 0 0 5px rgba(176, 132, 73, 0.9);
}
#services_boxes_left1{
background: rgba(0,0,0,0.7);
float: left;
height: 250px;
width: 90px;
}
#services_boxes_logo1{
margin-left: 15px;
margin-top: 90px;
}
#services_boxes_text1{
float: left;
}
#services_boxes_text1 h3{
border-bottom: 3px solid #FFFFFF;
color: #FFFFFF;
margin: 4px 4px 0 0;
font-size: 20px;
font-weight: 500;
}
#boxes_line{
border-bottom: 1px solid #FFFFFF;
float: left;
margin-left: 10px;
margin-top: 5px;
width: 190px;
}
#content_boxes_line{
border-bottom: 1px solid #5C5C5C;
float: left;
margin-top: 5px;
width: 300px;
}
#footer_boxes_line{
border-bottom: 1px solid #FFFFFF;
float: left;
margin-top: 5px;
width: 300px;
}
#services_boxes2{
width:300px;
background: url(../images/services_bg/csiszonlastechnika.jpg) no-repeat top center;
border:1px solid #333;
float:left;
margin: 10px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#services_boxes2:hover{
-webkit-box-shadow: 5px rgba(176, 132, 73, 0.9);
-moz-box-shadow: 0 0 5px rgba(176, 132, 73, 0.9);
-ms-box-shadow: 0 0 5px rgba(176, 132, 73, 0.9);
-o-box-shadow: 0 0 5px rgba(176, 132, 73, 0.9);
box-shadow: 0 0 5px rgba(176, 132, 73, 0.9);
}
#services_boxes_left2{
background: rgba(0,0,0,0.7);
float: left;
height: 250px;
width: 90px;
}
#services_boxes_logo2{
margin-left: 15px;
margin-top: 90px;
}
#services_boxes_text2{
float: left;
}
#services_boxes_text2 h3{
border-bottom: 3px solid #FFFFFF;
color: #FFFFFF;
margin: 4px 4px 0 0;
font-size: 20px;
font-weight: 500;
}
#services_boxes3{
width:300px;
background: url(../images/services_bg/ragasztastechnika.jpg) no-repeat top center;
border:1px solid #333;
float:left;
margin: 10px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#services_boxes3:hover{
-webkit-box-shadow: 5px rgba(176, 132, 73, 0.9);
-moz-box-shadow: 0 0 5px rgba(176, 132, 73, 0.9);
-ms-box-shadow: 0 0 5px rgba(176, 132, 73, 0.9);
-o-box-shadow: 0 0 5px rgba(176, 132, 73, 0.9);
box-shadow: 0 0 5px rgba(176, 132, 73, 0.9);
}
#services_boxes_left3{
background: rgba(0,0,0,0.7);
float: left;
height: 250px;
width: 90px;
}
#services_boxes_logo3{
margin-left: 15px;
margin-top: 90px;
}
#services_boxes_text3{
float: left;
}
#services_boxes_text3 h3{
border-bottom: 3px solid #FFFFFF;
color: #FFFFFF;
margin: 4px 4px 0 0;
font-size: 20px;
font-weight: 500;
}
.box_service{
}
.box_service:hover{
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
/*SERVICES END*/
/*BUTTON*/
.button_silver{
background: none repeat scroll 0 0 #111111;
border: 1px solid #777;
color: #FFFFFF;
float: right;
padding: 5px 7px;
text-decoration: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.button_silver:hover{
background: none repeat scroll 0 0 #000;
border: 1px solid #CCC;
color: #f5f5f5;
text-decoration: none;
}
/*BUTTON END*/
/*CONTENT*/
#content_out {
padding: 0 17px 17px;
}
#content{
}
#content_title{
float: left;
}
#content_title h3{
border-bottom: 3px solid #5C5C5C;
color: #5C5C5C;
margin: 0;
font-size: 16px;
}
#content_text{
}
#content_text p{
color: #5C5C5C;
font-size: 14px;
text-align: justify;
}
/*CONTENT END*/
/*FOOTER*/
#footer{
width:100%;
margin:0 auto;
background: none repeat scroll 0 0 #222222;
display: inline-block;
float: left;
height:100%;
margin-bottom:40px;
}
.footer_text_h{
height:150px;
}
#footer_boxes{
float: left;
padding: 15px;
width: 300px;
}
#footer_boxes h2 {
color: #FFFFFF;
margin: 5px 0 0;
font-size:14px;
}
#footer_boxes p{
color: #FFFFFF;
margin: 5px 0 0;
text-align: justify;
}
#footer_boxes a{
color: #FFFFFF;
}
#footer_boxes a:hover{
color: #FFFFFF;
text-decoration:none;
}
#footer_boxes_title{
float: left;
}
#footer_boxes_title h3{
border-bottom: 3px solid #FFFFFF;
color: #FFFFFF;
margin: 0;
}
/*FOOTER END*/
/*FULL PAGE*/
#full_pages{
float: right;
margin-bottom: 10px;
width: 940px;
}
#full_page{
float: left;
margin-bottom: 10px;
margin-top:45px;
width: 920px;
background: none repeat scroll 0 0 #EDEDED;
border: 1px solid #CCCCCC;
}
#full_page_text{
float:left;
width: 920px;
}
#full_page_text h3{
color: #59595c;
margin: 0;
padding: 7px;
text-shadow: 1px 1px 0 #FFFFFF;
}
#full_page_text p{
color: #333333;
margin: 0;
padding: 7px;
text-align: justify;
}
#full_page_text a{
color: #333333;
margin: 0;
text-decoration:none;
font-weight:bold;
}
/*FULL PAGE END*/
/*PRODUCTS*/
#products_out_content{
}
#product_category_name{
}
#product_category_name h3 {
color: #B08449;
font-size: 15px;
margin: 16px 0 -25px;
padding: 0;
width: 450px;
border-bottom: 1px solid #CCCCCC;
}
#product_category_name_in h3 {
border-bottom: 1px solid #CCCCCC;
color: #B08449;
font-size: 15px;
margin: 26px 0 -25px;
padding: 0;
width: 500px;
}
#categories{
float: left;
margin-right: 10px;
margin-top: 35px;
width: 200px;
background: none repeat scroll 0 0 #EDEDED;
border: 1px solid #CCCCCC;
}
#categories ul{
margin: 0;
padding-left: 0;
}
#categories ul li{
list-style-type:none;
background-color: #FFFFFF;
border-bottom: 1px solid #EDEDED;
padding: 10px;
background-image: -moz-linear-gradient(center top , #FFFFFF, #F7F7F7);
cursor:pointer;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#categories ul li:hover{
/*background: #EEE;*/
}
#categories ul li a{
color: #59595C;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-shadow: 1px 1px 0 white;
}
#categories ul li a:hover{
/*color:#333;*/
color:#B08449;
}
#categories ul li ul{
list-style-type:none;
background-color: #FFFFFF;
border-bottom: 1px solid #EDEDED;
background-image: -moz-linear-gradient(center top , #FFFFFF, #F7F7F7);
cursor:pointer;
}
#categories ul li ul li{
background:none repeat scroll 0 0 transparent;
box-shadow:0 0 0 #FBFBFC inset, 0px 0 0 #ECECF0 inset;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-bottom:none;
}
#categories ul li ul li:hover{
background:#F7F7F9;
box-shadow:0 0 0 #FBFBFC inset, 0px 0 0 #ECECF0 inset;
}
#categories ul li ul li a{
font-size:11px;
background:none repeat scroll 0 0 transparent;
}
#categories ul li ul li a:hover{
}
#categories .sub_menu{
margin-top:10px;
margin-right: -10px;
background: none repeat scroll 0 0 #EDEDED;
border: 1px solid #CCCCCC;
border-right:0;
}
#products{
float: right;
margin-bottom: 10px;
width: 700px;
}
#product{
float: left;
margin-bottom: 10px;
margin-top:45px;
width: 700px;
background: none repeat scroll 0 0 #EDEDED;
border: 1px solid #CCCCCC;
}
#product_text{
float:left;
width:460px;
}
#product_text h3{
color: #59595c;
margin: 0;
padding: 7px;
text-shadow: 1px 1px 0 #FFFFFF;
}
#product_text p{
color: #333333;
margin: 0;
padding: 7px;
text-align: justify;
}
#product_text a{
color: #333333;
margin: 0;
text-decoration:none;
font-weight:bold;
}
#product_box{
float: right;
margin-right: 20px;
margin-top: -30px;
}
#product_pic{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
padding: 2px;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
height: 200px;
width: 200px;
background:#FFFFFF;
margin-bottom:10px;
}
#product_pic img{
width:200px;
}
#product_pdf{
margin-bottom: 10px;
margin-left: 10px;
float: left;
}
#product_pdf .pdf{
background:#777;
color:#fff;
display: inline-block;
padding: 5px 10px;
width: 134px;
text-align:center;
text-decoration:none;
font-weight:bold;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#product_pdf .pdf:hover{
background:#CC4141;
color:#FFF;
}
#product_pdf .bizt{
background:#777;
color:#fff;
display: inline-block;
padding: 5px 10px;
width: 134px;
text-align:center;
text-decoration:none;
font-weight:bold;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#product_pdf .bizt:hover{
background:#97A352;
color:#FFF;
}
/*PRODUCTS END*/
/*BRAND*/
#brand{
float: left;
margin-bottom: 10px;
margin-top:45px;
border: 1px solid #B08449;
-webkit-box-shadow: inset 0 0 1px #CCC;
-moz-box-shadow: inset 0 0 1px #CCC;
-ms-box-shadow: inset 0 0 1px #CCC;
-o-box-shadow: inset 0 0 1px #CCC;
box-shadow: inset 0 0 1px #CCC;
background: none repeat scroll 0 0 #F9F9F9;
width: 730px;
/*width: 673px;
background: rgba(176,132,73,0.7);
border: 1px solid #CCCCCC;*/
margin-left: -30px;
-webkit-border-radius: 0 0 0 30px;
-moz-border-radius: 0 0 0 30px;
-ms-border-radius: 0 0 0 30px;
-o-border-radius: 0 0 0 30px;
border-radius: 0 0 0 30px;
}
#brand_text{
float:left;
width: 530px;
}
#brand_text h3{
color: #59595c;
margin: 0;
padding: 7px;
text-shadow: 1px 1px 0 #FFFFFF;
}
#brand_text p{
color: #333333;
margin: 0;
padding: 7px;
}
#brand_box{
float: left;
margin-right: 20px;
margin-left: -7px;
margin-top: -10px;
}
#brand_pic{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
padding: 2px;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
height: 70px;
width:160px;
margin-bottom:10px;
border:1px solid #B08449;
background:#FFFFFF;
}
#brand_pic img{
height:70px;
}
/*BRAND END*/
/*CONTACT SMALL*/
/*CONTACT SMALL END*/
/*CONTACT*/
/*CONTACT END*/
/*SEARCH*/
#search_top{
float: right;
margin-right: 70px;
}
#searchform {
background: none repeat scroll 0 0 #F6F6F6;
float: left;
height: 27px;
margin-bottom: 12px;
margin-top: 12px;
overflow: hidden;
position: relative;
width: 215px;
}
.searchsubmit {
background: none repeat scroll 0 0 #F6F6F6;
border: 1px solid #F6F6F6;
color: #6F6F6F;
float: left;
font-weight: bold;
height: 25px;
padding: 1px 0 3px;
width: 55px;
}
.searchinput {
background: none repeat scroll 0 0 #F6F6F6;
border: 1px solid #F6F6F6;
color: #6F6F6F;
float: left;
font-family: 'Open Sans',sans-serif;
font-size: 13px;
padding: 3px;
width: 150px;
}
.searchsubmit:hover {
-moz-transition: all 0.3s linear 0s;
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #6F6F6F;
color: #6F6F6F;
font-weight: bold;
height: 25px;
padding: 1px 0 3px;
width: 55px;
}
.footer_text_h h3 {
color: #FFFFFF;
margin-bottom: 3px;
margin-top: 5px;
}
.product_category_name_text{
margin-top:25px;
float: left;
margin-bottom: 10px;
width: 700px;
background: none repeat scroll 0 0 #EDEDED;
border: 1px solid #CCCCCC;
}
.product_category_name_text p {
margin-bottom: 5px;
margin-top: 5px;
padding: 0 0 0 3px;
}
/*SEARCH END*/
/*KAPCSOLAT*/
#left_contact .submit_btn{
background: none repeat scroll 0 0 #F5F5F5;
border: 1px solid #DDDDDD;
border-radius: 3px 3px 3px 3px;
color: #666666;
display: block;
font-size: 11px;
font-weight: bold;
margin-top: 6px;
padding: 4px 20px;
float:left;
margin-right:5px;
width:100px;
font-family:helvetica, arial, sans-serif !important;
}
#left_contact .submit_btn:hover{
background: none repeat scroll 0 0 #BFA769;
border: 1px solid #BFA769;
color: #FFFFFF;
text-decoration: none;
border-radius: 3px 3px 3px 3px;
}
#cancel{
background: none repeat scroll 0 0 #F5F5F5;
border: 1px solid #DDDDDD;
border-radius: 3px 3px 3px 3px;
color: #666666;
display: block;
font-size: 11px;
font-weight: bold;
margin-top: 6px;
padding: 4px 20px !important;
float:left;
margin-right:5px;
width:100px;
font-family:helvetica, arial, sans-serif !important;
}
#cancel:hover{
background: none repeat scroll 0 0 #ccc;
border: 1px solid #ccc;
color: #FFFFFF;
text-decoration: none;
border-radius: 3px 3px 3px 3px;
}
#left_contact{
float: left;
width: 390px;
}
#right_contact{
float: left;
padding-left: 291px;
}
#right_contact a{
color:#BFA769;
text-decoration:none;
}
#right_contact a:hover{
color:#333;
}
#right_contact span{
display: inline-block;
margin-right: 10px;
min-width: 70px;
margin-bottom: 7px;
}
form label {
color: #8B8B8B;
display: block;
float: none;
line-height: 100%;
padding: 0 0 7px !important;
position: relative;
}
#left_contact input[type="text"] {
width: 300px;
}
#left_contact textarea {
overflow: auto;
width: 500px;
}
#left_contact input[type="text"] {
width: 55%;
}
#left_contact textarea {
overflow: auto;
width: 55%;
}
#left_contact input, select, textarea {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #F0F0F0;
border-radius: 4px 4px 4px 4px;
color: #333333;
font-family: Arial,Helevtica,Verdana,san-serif;
font-size: 12px;
font-weight: bold;
outline: 0 none;
padding: 8px;
position: relative;
}
#google{
float: right;
margin-right: -270px;
margin-top: -410px;
}
/*KAPCSOLAT VÉGE*/