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

div, ul, li, p {margin:0; padding:0; position:relative;}
html { height: 100%; }
body { margin:0; padding:0; position: relative;  height: 100%; background: #666666 url("../images/bg.jpg") repeat-x center top; font-family: Arial, Helvetica, sans-serif; color: #000; font-size:12px; margin:0; } 

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */ 

a img { border: none; }
a { outline: none; color: #FFF; text-decoration: underline; }
a:hover { color: #000; }
:focus { -moz-outline-style: none; }

h1 { position: relative; font-size: 20px; font-style: italic; }
h1 a { color: #000; text-decoration: none; } 
h1 a { color: #000; } 

h2 { font-size: 15px; font-style: italic;  }
h2 a { color: #512800; text-decoration: none; } 
h2 a { color: #351B00; } 

div#msg { margin: 0 0 20px 0; } 
div.msg-success h3 { color: #32531C; font-family: "Georgia"; font-style: italic; font-size: 18px; font-weight: bold; margin: 2px 0; }
div.msg-success span {  color: #32531C; }
div.msg-failed h3 { color: #900; font-family: "Georgia"; font-style: italic; font-size: 18px; font-weight: bold; margin: 2px 0; }
div.msg-failed span {  color: #900; }
 
#container { width: 831px; margin: 0 auto; }

/* HEADER */
#header { width: 831px; height: 174px; }
#header div#logo { width: 831px; height: 142px; background: url("../images/design-logo.png") no-repeat 0 0; }
#header div#logo a { display: block; height: 100%; width: 100%; position: absolute; top:0; left: 0; }
#header div#logo span { position: absolute; top: 114px; left: 278px; color: #FFF; width: 300px; }
#header div#logo span a { text-decoration: none; color: #FFF; }
#header div#logo span a:hover { text-decoration: none; color: #FFF; }
#header div#fooldal { color: #FFF; font-size: 12px; font-weight: bold; position: absolute; top: 5px; right: 20px; z-index: 10;  }
#header div#fooldal a { color: #FFF; text-decoration: none; }
#header div#menu { width: 831px; height: 33px; }
#header div#menu ul { width: 831px; height: 33px;  }
#header div#menu ul li {  list-style: none; float: left; height: 33px;  }
#header div#menu ul li a { background: url("../images/menu.png") no-repeat 0 0; height: 33px; display: block; }
#header div#menu ul li a span { display: none; }
#header div#menu ul li a.bemut { background-position: 0 0; width: 175px; }
#header div#menu ul li a.villany { background-position: -175px 0; width: 160px; }
#header div#menu ul li a.biztonsag { background-position: -335px 0; width: 159px; }
#header div#menu ul li a.referenciak { background-position: -494px 0; width: 159px; }
#header div#menu ul li a.elerhetoseg { background-position: -653px 0; width: 178px; }
#header div#menu ul li a.bemut:hover { background-position: 0 -33px; width: 175px; }
#header div#menu ul li a.villany:hover { background-position: -175px -33px; width: 160px; }
#header div#menu ul li a.biztonsag:hover { background-position: -335px -33px; width: 159px; }
#header div#menu ul li a.referenciak:hover { background-position: -494px -33px; width: 159px; }
#header div#menu ul li a.elerhetoseg:hover { background-position: -653px -33px; width: 178px; }

#body { width: 831px; margin: 43px 0 0 0; }
/* BAL OLDAL */
#left { width: 246px; float: left; padding: 84px 0px 15px 0px; background: url("../images/small-box-bottom.png") no-repeat center bottom;  }
#left h1 { color: #FFF; margin: 0 15px; font-weight: bold; font-style:normal; font-size: 28px;  }
#left p { padding: 10px 15px; color:#FFF; }
#left-top { width: 246px; height: 84px; position: absolute; top: 0; left: 0; background: url("../images/small-box-top.png") no-repeat 0 0; }
#left-top h1 { margin: 20px 11px 0 13px;  font-size: 28px; line-height: 55px; font-weight: bold; font-style: italic;  color: #666;  background: url("../images/kapcsolat-logo.png") no-repeat right center; height: 58px;   }
#left-top h1 span { color: #FFF; position: absolute; top: -1px; left: -2px; z-index: 10; }

/* JOBB OLDAL */
#right { width: 570px; float: right; padding: 84px 0px 15px 0px; background: url("../images/big-box-bottom-uj.png") no-repeat center bottom;   }
#right-top { width: 570px; height: 81px; position: absolute; top: 0; left: 0; background: url("../images/big-box-top.png") no-repeat 0 0; }
#right-top h1 { margin: 20px 25px 0 25px;  font-size: 28px; line-height: 55px; font-weight: bold; color: #666; height: 58px;   }
#right-top h1 span { color: #FFF; position: absolute; top: -1px; left: -2px; z-index: 10; }
#right img { padding: 3px; background: #FFF; border: 1px solid #000; margin: 0 3px 2px 0; }
#right-text { padding: 10px 25px; }
#right-text p { color:#FFF; }
#right-text ul, #right-text ol {color: #FFF; margin: 0 0 5px 25px; }

/* KAPCSOLATI FORM */
form#contactform { margin: 5px 0; }
form#contactform div.row { width: 100%; margin: 5px 0; }
form#contactform input.text { float: left; width: 220px; font-size: 12px; border: 1px solid #333; } 
form#contactform input.submit { margin: 5px 0 0 240px; } 
form#contactform textarea { float: left; width: 220px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #333;  }
form#contactform label { display: block; float: left; width: 80px; }
form#contactform label.error { display: block; width: 200px; margin: 0 0 0 5px; color: #900; font-style: italic; }
form#contactform label span { color: #FFF; }

/* FOOTER */
#footer { width: 831px;  height: 30px;  }
#footer-text { width: 570px; float: right; font-size: 12px; color: #FFF; padding: 5px 0; }
#footer-text span { color: #FFF; position: absolute; top: -2px; left: -2px;  }
#webrefel-logo { width: 90px; height: 19px; position: absolute; top: 5px; right: 0px; }