/*
	Innotec | B.L.Metál Hungária Kft. website

*/

/*
		1. BASIC SETUP
		 . MAIN
		 . FOOTER
*/

/*************************************************************************************************** 
		1. BASIC SETUP
***************************************************************************************************/

body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;
	background: url(../img/pattern/bckgrnd_main.jpg) repeat-x 0 0 #565656; margin: 0; padding: 0; }

/*** Headings ***/
h1, h2, h3, h4, h5, h6 { font-weight: bold; clear: both; }
h1 { font-size: 30px; line-height: 24px; padding: 3px 0; }
h2 { font-size: 26px; line-height: 20px; padding: 3px 0; }
h3 { font-size: 20px; line-height: 16px; padding: 0 0 10px 0; margin: 0 0 10px 0; color: #fff; }
h4 { font-size: 18px; line-height: 14px; padding: 0 0 10px 0; margin: 0 0 10px 0; }
h5 { font-size: 16px; line-height: 12px; padding: 3px 0; }
h6 { font-size: 14px; line-height: 10px; }

/*** Texts ***/
strong { font-weight: bold; }
sup { bottom: 1ex; }
sub { top: .5ex; }

.title { padding: 0 0 0 0; font-weight: normal; font-size: 20px; line-height: 20px; letter-spacing: -0.01em; clear: both; color: #555; }
/*.title { font-size: 20px; color: #CCC; font-weight: bold; padding: 3px 0; }*/

/*** Links ***/
a { text-decoration: none; }

/*** Images ***/
img.alignleft { float: left; margin: 5px 20px 0 0; }
img.alignright { display: block; float: right; margin: 5px 0 0 20px; }
img.aligncenter { margin: 5px auto 0; display: block; clear: both; }

/*** Columns Layouts (full-width page) ***/
.last { margin-right: 0; }
.one_half { width: 470px; float: left; margin: 5px 5px; }


/*************************************************************************************************** 
		. MAIN
***************************************************************************************************/

#main { background: url(../img/pattern/bckgrnd_crcl.png) no-repeat center 30px; margin: 0 auto; overflow: auto; }
#content { width: 630px; float: left; margin: 0; padding: 0; }
#sidebar { width: 300px; float: left; margin: 0 0 0 30px; padding: 0 0 0 0; }
.full-width { margin: 0 auto; width: 960px; }

/*** Images ***/
.ewm_logo { position: relative; margin: 60px 357px 10px; padding: 0; width: 246px; }
.ewm_logo a { background: url(../img/logo/ewm_logo_100px.png) no-repeat center 0px; width: 246px; height: 101px;
	 text-decoration: none; text-indent: -2000px; display: block; border: 0; }

.ewm_garantie { position: relative; margin: -150px 150px 50px 621px; padding: 0; width: 189px; }
.ewm_garantie a { background: url(../img/logo/garantie_logo_100px.png) no-repeat center 0px; width: 189px; height: 100px;
	 text-decoration: none; text-indent: -2000px; display: block; border: 0; }


.sticker_sale { position: absolute; margin: 310px 415px; width: 130px; }

.sticker_sale a {
	background: url(../img/icon/akcios_arlista.png) no-repeat center 0px;
	width: 130px;
	height: 130px;
	text-decoration: none;
	text-indent: -2000px;
	display: block;
	border: 0;
}


/*** Boxes ***/
.box { background: url(../img/pattern/bckgrnd_box.jpg) repeat-x 0 bottom #565656;
    margin: 0 auto 60px;
    display: block;
    width: 85%;
    padding: 15px 15px 30px;
    border-radius: 2px 2px 10px 10px; 
    -webkit-box-shadow: 0 1px 4px 
    rgba(0, 0, 0, 0.3), 0 0 40px 
    rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px 
    rgba(0, 0, 0, 0.3), 0 0 40px 
    rgba(0, 0, 0, 0.1) inset;
	border-bottom: 1px #808080 solid;
}

.box img { 
	width: 95%;
	margin: 0 auto;
	background: #777;
	padding: 10px;
	
}

.box p { font-size: 14px; color: #ccc; line-height: 1.5em; text-align: justify; padding: 10px;  }
.migmag { border-top: 15px #00CCFF solid; }
.awi { border-top: 15px #F90 solid; }

.button-wrapper{
	width: 300px;
	margin: 0 auto;
    padding: 10px 0 50px;
}


/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
      position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect7:before, .effect7:after
{
    content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 

.effect7:after
{
    right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}


/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
      position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
    content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
    right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

.book_ewm a { background: url(../img/pdf_catalogue_2015-16_.png) no-repeat;
	width: 550px; height: 490px; display: block;
	margin: 40px auto 100px auto;
	text-decoration: none; text-indent: -400px;
	overflow: hidden;
}
 
.book_ewm a:hover { background-position: 0 -490px; }

.book1 a { background: url(../img/pdf_awi_.png) no-repeat;
	width: 470px; height: 400px; display: block;
	margin: 0 auto 0 auto;
	text-decoration: none; text-indent: -400px;
	overflow: hidden;
}
 
.book1 a:hover { background-position: 0 -400px; }

.book2 a { background: url(../img/pdf_migmag_.png) no-repeat;
	width: 470px; height: 400px; display: block;
	margin: 0 auto 0 auto;
	text-decoration: none; text-indent: -400px;
	overflow: hidden;
}
 
.book2 a:hover { background-position: 0 -400px; }


/* .one_three { width: 320px; }
.one_three { position: relative; margin-right: 0px; margin-bottom: 0px; float: left; padding-bottom: 30px; }
.one_three :hover { text-shadow: #FFF 0px 0px 0.5em; color: #555; }
.last { margin-right: 0; clear: right; }
.one_three h5, .one_three h5:hover { color: #7f3e98; font-family: Tahoma, Geneva, sans-serif; text-transform: uppercase;  font-size: 12px; padding: 30px 30px 5px; text-align:center;  }
.one_three img { position: absolute; top: 60px; left: 35px;  }
.one_three p { position: absolute; top: 68px; right: 40px; width: 145px; height: 110px; text-align: left; line-height: 1.4em;  }

.intro { width:320px; height:282px; background: url(../img/bckgrnd_intro.jpg) no-repeat 0 0; }
.intro:hover { background: url(../img/bckgrnd_intro_o.jpg) no-repeat 0 0; } */

/* SLIDINGPANEL
*******************************************************************************/
.slidingPanel { position: fixed; top: 65px; right: 0; width: 330px; height: auto; padding: 30px 100px 30px 30px; display: none;
background: #333 url(../img/pattern/darkd.jpg) repeat 50% 50%;border:1px solid #111;
/*-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
 filter: alpha(opacity=95); opacity: .95; */
}

.slidingPanel h3 { font-size: 14px; font-family: Verdana, Geneva, sans-serif; /* verdana, helvetica, arial, sans-serif;*/ letter-spacing:-1px; color:#fff; font-weight: 700; text-transform:uppercase;
margin:0; padding: 0 0 8px 0; }

.slidingPanel p { margin: 0 15px 15px 0; padding: 0; color: #cccccc; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; }
.slidingPanel p.szlogen { margin: 20px 0 -20px -20px; padding: 10px; width: 415px; background: #555; border: 3px solid #666;
color: #fff; font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-align: center; 
-moz-border-radius: 15px;
-webkit-border-top-radius: 15px;
}
.slidingPanel p.szlogen:hover { background: #b51d29; color: #b51d29; }
.slidingPanel p.szlogen:hover a { color: #FFF; font-weight: bold; }

.slidingPanel a, .slidingPanel a:visited { margin: 0; padding: 0; color: #555; text-decoration: none; /* border-bottom: 1px solid #9FC54E; */ }

.slidingPanel a:hover, .slidingPanel a:visited:hover { margin: 0; padding: 0; color: #FFF; font-weight: bold; text-decoration: none; text-shadow: #000 0px 0px 1em; letter-spacing: 0.2em; /* border-bottom: 1px solid #ffffff; */ }


.slidingPanel img { float: left; margin: 0px 3px 6px 8px; padding: 5px; }
.slidingPanel img.blmlogo { float: left; margin: 0px 3px 6px 0px; padding: 5px 5px 60px 0; filter: alpha(opacity=100); opacity: 1; }

a.trigger { position: fixed; top: 90px; right: 0px; padding: 20px 15px 20px 70px; display: block;
font-family: verdana, helvetica, arial, sans-serif; font-size: 16px; font-weight: 700; text-decoration: none; letter-spacing:-1px; color:#fff;
background:#b51d29 url(../img/icon/info_30.gif) 20% 55% no-repeat;
border-bottom: 1px solid #111;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-webkit-border-top-left-radius: 50px;
-moz-border-radius-bottomleft: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
}

a.trigger:hover { position: fixed; top: 90px; right: 0px; padding: 20px 26px 20px 70px; display: block;
font-family: verdana, helvetica, arial, sans-serif; font-size: 16px; font-weight: 700; text-decoration: none; letter-spacing:-1px; color:#fff;
background: #888 url(../img/icon/info_30.gif) 20% 55% no-repeat; /* border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px; */
}

a.active.trigger { background:#555 url(../img/icon/close_30.png) 20% 55% no-repeat; right: 0; padding: 20px 26px 20px 70px; border-bottom: 1px solid #000; }

.slidingPanel ul { list-style: none; margin: 0; padding: 0px; font-family: Verdana, Geneva, sans-serif; line-height: 20px; }
.slidingPanel li.company { font-size: 12px; color: #FFF; font-weight: bold; }
.slidingPanel ul.contact { color: #aaa; }
.slidingPanel ul.contact span { color: #888;  }



/*************************************************************************************************** 
		. FOOTER
***************************************************************************************************/
#footerh { background: #f0f0f0; border-bottom: #222 solid 6px; width: 100%; margin-top: 0px; }
.footerh { width: 960px; height: 40px; margin: 0 auto; padding-top: 20px; color: #555; }
.footerh .copyright { position: relative; text-align:center; /*text-shadow: #000 0px 1px 0px;*/ margin: 20px auto 0; width: 400px; }


#footer { background: url(../img/pattern/darkd.jpg) repeat 0 0 #666; }
.footer { width: 960px; height: 280px; margin: 0 auto; display:block; list-style:none; color: #999; }
.footer a:hover { text-decoration: none; color: #F00; }
.footer a, .footer a:visited { text-decoration: none; color: #999; letter-spacing: 0.1em;  }
.footer-logo { width: 100px; float: left; margin: 50px 0 0 30px; }
.footer-contact { width: 210px; height: 160px; float: left; margin: 50px 0 0 10px; color: #ccc; text-align: left; line-height: 2.5em; }
.footer-contact span { color: #999; font-weight: 600; } 
.footer-contact .company { font-size: 14px; color: #fff; font-weight: bold; }
.footer-blm { width: 570px; float: left; margin: 60px 0px 0px 10px; 
font-size: 16px; font-style:italic; text-align: center; font-weight: bold; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; line-height: 1.8em; }
.footer-www { width: 550px; height: 70px; float: right; margin: 10px 30px 0px 0px; padding: 10px; line-height: 2em; text-align: center; }
.footer-www p.span { color: #ccc; font-weight: bold; border-top: solid 3px #222; border-bottom: solid 3px #222; background: transparent url(../img/overlay.png) repeat 0 0; }
.footer-www a, .footer-www a:visited { text-decoration: none; color: #999; letter-spacing: 0.1em;  }
.footer-www a:hover { text-decoration: none; color: #F00; }
.footer-www ul { margin: 0 auto; width: 460px; }
.footer-www li { float: left; display: block; margin: 10px 10px 0 0px; }
.footer-www li.separation { color: #777; }
.footer-www li.last { margin-right: 0;}