/********************************************
 * author: Harder
 * author's homepage: http://www.tutorial.hu
 * site: http://www.kiallatdoki.hu
 ********************************************/
 
 /* css reset
-------------------------------------------------------------------------*/
html, body, form, input, select, fieldset {font-size: 13px; font-family: Verdana, Tahoma, Arial; color: #4c4c4c; }
body {background-color: #f3f6f8; background-image: url(images/site-top-bg.jpg); background-repeat: repeat-x; background-position: top; }
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, address {margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6, pre, code {font-size: 13px; }
ul, ol {list-style: none; }
form label {cursor: pointer; }
address {font-style: normal; }
a:link, a:visited { text-decoration: none; }
a, :focus { outline: none; -moz-outline-style: none; }
a img,:link img,:visited img {border: none; }
fieldset {border: none; }
div.clear, span.clear {clear: both; font-size: 0px; width: 0px; height: 0px; visibility: hidden; }

 /* formazasok es layout
-------------------------------------------------------------------------*/

div#header-container { margin: 0px auto; width: 950px; height: 122px; position: relative; background-image: url(images/header.jpg); background-repeat: no-repeat; }
div#header-container h1 { position: absolute; top: 36px; left: 130px; font-size: 36px; font-family: Arial, Verdana, Tahoma; font-weight: bold; color: #ffffff; }
div#header-container h2 { position: absolute; top: 80px; left: 130px; font-size: 18px; text-transform: uppercase; font-family: sans-serif, Arial, Tahoma; font-weight: normal; color: #b5d6f4; }

div#topmenu-container { width: 950px; height: 28px; margin: 0px auto; text-align: center; line-height: 28px; vertical-align: middle; text-indent: 8px; }
a.topmenu-url { display: block; float: left; font-size: 13px; font-weight: bold; color: #0d69c7; }
a.topmenu-url-active { display: block; float: left;  font-size: 13px; font-weight: bold; color: #000000; cursor: text; }
img.topmenu-divider { display: block; float: left; margin: 0px 0px 0px 8px; }

div#content-container { width: 950px; margin: 0px auto; background-image: url(images/content-bg.jpg); background-repeat: repeat-y; }

div#content-box { width: 670px; float: left; margin-left: 15px; }
div#content-box h3 { margin: 5px 0px 8px 0px; font-size: 16px; color: #000000; font-weight: bold; border-bottom: 1px solid #cdcdcd; }
div#content-box h4 { margin: 15px 0px 8px 0px; font-size: 14px; color: #000000; font-weight: bold; }
div#content-box h5 { margin: 20px 0px 8px 0px; font-size: 13px; color: #000000; font-weight: bold; }
div#content-box p { margin: 8px 0px 12px 0px; font-size: 13px; color: #4c4c4c; font-weight: normal; line-height: 19px; }
div#content-box ul { margin: 10px 15px; }
div#content-box li { font-size: 13px; line-height: 19px; list-style-type: disc; }
div#content-box strong {}
div#content-box p.tovabb { text-align: right; }
div#content-box a { color: #0D69C7; font-weight: bold; }
div#content-box a.nolink { color: #000000; }

div#menu-box { width: 210px; float: right; margin-right: 15px; }
div#menu-box h3 { margin: 5px 0px 8px 0px; font-size: 16px; color: #000000; font-weight: bold; border-bottom: 1px solid #cdcdcd; }
div#menu-box h4 { margin: 15px 0px 8px 0px; font-size: 12px; color: #000000; font-weight: bold; }
div#menu-box p { margin: 5px 0px 5px 0px; font-size: 11px; color: #4c4c4c; font-weight: normal; line-height: 14px; }
div#menu-box ul {}
div#menu-box li {}
div#menu-box strong {}
div#menu-box a { font-weight: bold; color: #0D69C7; }
div#menu-box a.hirtovabb { display: block; text-align: right; font-weight: bold; color: #0D69C7; }

div#footer-container { background-image: url(images/footer-bg.jpg); background-repeat: repeat-x; margin-top: 15px; color: #000000; height: 137px; }
div#footer-box { width: 950px; margin: 0px auto; padding: 20px 0px 30px; text-align: center; }
div#footer-box p { line-height: 19px; }
div#footer-box a { color: #0d69c7; font-weight: bold; }


 /* spec esetek
-------------------------------------------------------------------------*/

div.szolgaltatasok-box h4 { background-image: url(images/pipa.png); background-repeat: no-repeat; text-indent: 15px; }
img.kep { margin: 0px 10px 10px 0px; }

table.nyitvatartas { width: 99%; }
table.nyitvatartas tr {}
table.nyitvatartas tr td { padding: 2px; background-color: #f7f9fa; border: 2px solid #ffffff; }
table.nyitvatartas tr td.col1 { width: 33%; }
table.nyitvatartas tr td.col2 { width: 33%; }
table.nyitvatartas tr td.col3 { width: 33%; }
h5.munkatarsneve { clear: both; }

