/* @override http://www.gyulacsik.hu/berolina/css/style.css */

/* @group CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; line-height: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* @end */
/* @group Global Sites */
html {height: 100%;}
body {height: 100%; font-size: 62.5%; font-family: Georgia, Times New Roman, Times, serif; text-align: center; color: #000000; background: #c3bcb2 url('../images/header_bg_repeat.jpg') repeat-x scroll left top;}
p {padding-bottom: 1em;}
a {text-decoration: none; color: #e50004;}
a:hover {text-decoration: none; color: #e50004;}
div.clearboth {clear: both; width: 100%; font-size: 0px;}
.left {float: left;}
.boldtext {font-weight: bold;}
div, li, p {line-height: 1.4em;}
/* @end */
/* @group HTML Headers */
h1 {font-size: 1.4em; font-style: italic; padding-bottom: 1.4em;}
h2 {font-size: 1.4em; font-weight: normal;}
h3 {font-size: 1.4em; font-weight: bold; line-height: 1.2em; color: #535353;}
/* @end */
div#site_container {position: relative; min-height: 100%; background: url('../images/header_bg.jpg') no-repeat scroll center top;}
/* @group Header */
div.header_container {width: 942px; height: 236px; text-align: left; margin: 0 auto;}
img.berolina_logo {display: block; padding: 60px 0 0 21px;}
/* @end */
/* @group Content */
div.content_bg {}
div.content_container {width: 942px; text-align: left; margin: 0 auto; background: url('../images/content_bg_repeat.gif') repeat-y scroll center top;}
div.lcol {float: left; display: block; height: 21px; width: 21px;}
div.sidebar {float: left; display: block; width: 225px; background: #640002 url('../images/sidebar_menu_bg.jpg') no-repeat scroll left top;}
div.sidebar a:hover {color: #c3bcb2;}
div.content {float: left; display: block; width: 595px; padding: 40px 40px 0 40px; font: 1.4em Georgia, Times New Roman, Times, serif;}
div.content a {color: #e50004;}
div.content a:hover {color: #e50004; border-bottom: 1px solid #e50004;
}
div.rcol {float: left; display: block; height: 21px; width: 21px;}
div.content_footer {width: 942px; height: 40px; text-align: left; margin: 0 auto; background: url('../images/content_footer.gif') no-repeat scroll left top;}
/* @end */

/* @group Content - Nyitóoldal */
img.content_nagykep {margin-top: 20px; padding: 5px; border: 1px solid #d6cec5;}
/* @end */

/* @group Content - Cégünkről */
img.content_cegunkrol_01 {float: right; width: 175px; height: 208px; margin-left: 20px; padding: 5px; border: 1px solid #d6cec5;}
/* @end */

/* @group Content - Munkatársaink */
div.munkatars_container {padding-bottom: 20px;}
img.munkatars_kep {float: left; margin-right: 32px; padding: 5px; border: 1px solid #d6cec5;}
div.munkatars_text {float: left; padding-top: 28px;}
div.munkatars_divider {display: block; height: 1.4em; width: 402px; background: url('../images/munkatars_divider.gif') no-repeat scroll left center;}
span.munkatars_nev {font-size: 1.4em;}
span.munkatars_beosztas {font-style: italic;}
/* @end */

/* @group Content - Termékeink */
img.content_termekeink_01 {float: right; width: 220px; height: 220px; margin: 0 0 60px 25px;}
/* @end */

/* @group Content - Referenciáink */
img.content_referenciaink_01 {width: 296px; height: 317px;}
ul.content_referenciaink_lista {list-style-position: inside; list-style-image: url('../pictures/bullet_01.png');}
div.referenciak_col_1 {float: left; width: 297px;}
div.referenciak_col_2 {float: left; width: 297px; border-left: 1px solid #d6cec5;}
/* @end */

/* @group Content - Tanúsítványaink */
ul.content_tanusitvanyaink_lista {list-style-position: inside;}
ul.content_tanusitvanyaink_lista li {padding: 0 0 1em 40px; background: url('../pictures/pdf_ikon.png') no-repeat scroll left top;}
/* @end */

/* @group Content - Környezetvédelem */
ul.content_tanusitvanyaink_lista {list-style-position: inside;}
ul.content_tanusitvanyaink_lista li {padding: 0 0 1em 40px; background: url('../pictures/pdf_ikon.png') no-repeat scroll left top;}
/* @end */

/* @group Content - Szervíz */
p.szerviz_contact_box {padding: 0px 15px 0px 115px; width: 257px; background: url('../pictures/szerviz_ikon.jpg') no-repeat scroll left center;}
img.content_szerviz_01 {float: right; width: 175px; height: 244px; margin-left: 20px; padding: 5px; border: 1px solid #d6cec5;}
/* @end */

/* @group Content - Elérhetőségeink */
img.content_elerhetosegeink_01 {float: right; width: 286px; height: 286px; margin-left: 20px; padding: 5px; border: 1px solid #d6cec5;}
/* @end */

/* @group Menu */
ul.menu {padding: 40px 0 0 40px; font: 1.6em Arial, Helvetica, sans-serif;}
ul.menu li {padding-bottom: 13px;}
ul.menu a {display: block; color: white;}
div.contact_button {display: block; padding: 32px 0px 0px 40px;}
div.contact_text {color: white; font-size: 1.3em; font-style: italic; line-height: 1.7em;}
div.contact_text a {color: white; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; }
/* @end */
/* @group Footer */
div.footer_container {width: 860px; text-align: left; margin: 0 auto; padding: 40px 61px 40px 21px; color: #000000; font-size: 1.2em; background: url('../images/footer_column_dividers.jpg') no-repeat scroll left top;}
div.footer_column_small {float: left; width: 185px; padding-left: 40px;}
div.footer_column_wide {float: left; padding-left: 40px;}
div.footer_container a {color: #e50004;}
div.footer_container a:hover {color: white;}
/* @end */