@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: #B14014; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size:11px; 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 { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
a { outline: none; }
:focus { -moz-outline-style: none; }
li,ol { list-style: none; }

div.msg p { font-size: 14px; }
div.msg h1 { font-size: 17px; font-style: italic; }
div#error { color:#F00; }
div#error h1 { color:#F00; }
div#success { color: #030; }
div#success h1 { color:#030; }


#container { width: 888px; margin: 0 auto; }
#left { width: 91px; height: 570px; background: url("bal.png") no-repeat 0 0; position: absolute; top: 0; left: 0; z-index: 10; }
#right { width: 91px; height: 570px; background: url("jobb.png") no-repeat 0 0; position: absolute; top: 0; right: 0;  z-index: 10;  }

#header { width: 706px; height: 208px;  background: url("fejlec.png") no-repeat 0 0; margin: 0 auto;  }
#logo { width: 331px; height: 74px; position: absolute; bottom: 50px; right: 20px; }
#body {  width: 734px;  background: url("body.png") repeat-y 0 0; margin: 0 auto; min-height: 600px;  padding-bottom: 20px; }

#sidebar { width: 144px;  background: url("sidebar.png") no-repeat 0 0; position: absolute; top: 0; left: 15px; padding: 20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #7F532B; }
#sidebar h1 { font-size: 18px; text-transform: uppercase; } 
#sidebar h2 { font-size: 15px; }

#content { width: 490px; float: right; margin: 0 15px 0 0; padding: 20px 15px 80px 15px; font-size: 12px; color: #7F532B; }
#content h1 { font-size: 26px; color: #7F532B; font-weight: bold; margin-top: 8px; }
#content p { line-height: 18px; padding: 0 0 10px; }
#content div.big { font-size: 15px; margin: 10px 0;}
#content img { border: 1px solid #600;  }
#content img.bal { float: left; margin: 0 10px 5px 0; }
#content img.jobb { float: right; margin: 0 0 5px 10px; }
#content img.kozep { text-align:center; margin: 4px auto 15px auto; display: block;  }
#content h3 { font-size: 15px; font-weight: bold; margin-bottom: 6px; }
#content ul { margin-bottom: 10px; }
#content ul li { list-style: circle; margin: 0 0 0 30px;  }
#content ul.ar li { font-size: 14px; }


#menu  {  width: 397px; height: 32px; position: absolute; bottom: 0; right: 0; }
#menu ul li a { background: url("menu-full.png") no-repeat 0 0; display: block; width: 100%; height:100%; float: left;  }
#menu ul li a.rolunk { width: 131px; height: 32px; background-position: 0 0; }
#menu ul li a.szallas { width: 131px; height: 32px; background-position: -131px 0; }
#menu ul li a.araink { width: 135px; height: 32px; background-position: -262px 0; }
#menu ul li a.rolunk:hover { width: 131px; height: 32px; background-position: 0 -32px; }
#menu ul li a.szallas:hover { width: 131px; height: 32px; background-position: -131px -32px; }
#menu ul li a.araink:hover { width: 131px; height: 32px; background-position: -262px -32px; }


form.normalform { font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #7F532B; padding: 0px; margin: 20px 0 0 0; }
form.normalform div { width: 100%; padding: 5px 0; }
form.normalform label { display: block; width: 100%; padding: 0 0 3px 0;  } 
form.normalform label span { font-weight: bold; font-size: 12px;  }
form.normalform label.error { font-size: 10px; color: #F00; font-weight: bold; }
form.normalform input.text { border: 1px solid #7F532B; color: #7F532B; font-size: 11px; padding: 3px 2px; width: 140px; } 
form.normalform textarea.text { border: 1px solid #7F532B; color: #7F532B; font-size: 11px; font-family:Arial, Helvetica, sans-serif; width: 140px; height: 100px; } 

#footer { position: absolute; bottom: 10px; right: 15px; font-size: 12px; color: #333; border-top: 1px dotted #7F532B; width: 470px; text-align: right; padding: 5px 15px; }
#footer a { color: #600; text-decoration: underline; }
#footer a:hover { color:#000; text-decoration: underline; }