/* DEFAULT START */

body {background-color: #ffffff; font-size: 12px; margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased;}
#background1 {position: relative;}
table, table td {border-collapse: collapse !important; border-spacing: 0px; margin: 0px; padding: 0px; height: 0px;}
img {border: 0px;}
div {margin: 0px; padding: 0px;}
p {margin: 0px; padding: 0px;}
span {margin: 0px; padding: 0px;}
form {margin: 0px;}
a {color: #336699; text-decoration: none; transition: all 0.3s ease-in-out 0s;} 
a:hover {color: #6699CC;} 
textarea, input, select {outline: none;}

div.clear {clear: both;}
.clearfix:before, .clearfix:after {display: table; content: " ";}
.clearfix:after {clear: both;}

table.body {margin: auto;}

html.admin-user body {background-position: center; 45px}

h1 {padding: 0px; margin: 0px; font-weight: normal;}
h2 {padding: 0px; margin: 0px; font-weight: normal;}
h3 {padding: 0px; margin: 0px; font-weight: normal;}

#header td div.header {text-align: left; vertical-align: top;}
#main div.main_left {text-align: left; vertical-align: top;}
#main div.main_center {text-align: left; vertical-align: top;}
#main div.main_right {text-align: left; vertical-align: top;}
#footer td div.footer {text-align: left; vertical-align: top;}

#body table.main {width: 100%; height: 100%;}
#body #main {width: 100%; height: 100%;}
#body #main_left {width: 0px; text-align: left; vertical-align: top;}
#body #main_center {width: auto; text-align: left; vertical-align: top;}
#body #main_right {width: 0px; text-align: left; vertical-align: top;} 

#body #header {height: 0px;}
#body #marquee {height: 0px;}
#body #top {height: 0px;}
#body #navigation {height: 0px;}
#body #footer {height: 0px;}



#body #header div.header {vertical-align: middle;}
#body #marquee div.marquee {vertical-align: middle;}
#body #top div.top {vertical-align: middle;}
#body #footer div.footer {vertical-align: middle;}

/* resposive template elemek */
#body.responsive div.site-info-body {margin: auto;}


#body.responsive div.table {display: table;}
#body.responsive div.table-row {display: table-row;}
#body.responsive div.table-cell {display: table-cell;}

#body.responsive #background-table.table {display: table; margin: auto; height: 100%; width: 100%;}
#body.responsive #background-row-1.table-row {display: table-row;}
#body.responsive #background-cell-1 {height: auto; display: table-cell;}
#body.responsive #background-row-2.table-row {display: table-row;}
#body.responsive #background-cell-2 {height: 0px; display: table-cell;}

#body.responsive #main.table {display: table;}
#body.responsive #main div.main.table-row {display: table-row;}
#body.responsive #main #main_center.table-cell {display: table-cell;}




ul {margin: 0px; padding: 0px;}
ul.hidden {display: none;}
li {list-style: none; list-style-position: outside; margin: 0px; padding: 0px; padding-left: 20px;}
#body #menu_top li a {display: block;}
#body #menu_left li a {display: block;}
#body #menu_right li a {display: block;}
#body #menu_footer li a {display: block;}
#body #menu_hidden li a {display: block;}

#body #footer #menu_footer li {display: inline-block;}

#menu_top {qdisplay: table; display: flex;}
#menu_top li.lev2 {display: table-cell; flex: content; position: relative; margin: 0px; padding: 0px; margin-right: -4px; overflow: hidden; float: left\9; vertical-align: top;}

#top_box_cont #menu_top {display: flex; flex-wrap: nowrap; box-sizing: border-box; qwidth: 100%;}
#top_box_cont #menu_top li.lev2 {flex: content;}
#body #top_box_cont #menu_top li a {display: block; white-space: nowrap;}

#top_box_cont #menu_wrapper #menu_top {display: flex; flex-wrap: nowrap; box-sizing: border-box; qwidth: 100%;}
#top_box_cont #menu_wrapper #menu_top li.lev2 {flex: content;}
#body #top_box_cont #menu_wrapper #menu_top li a {display: block; white-space: nowrap;}

#menu_top li.lev2:hover {overflow: visible;}
#menu_top li.lev2 a {padding: 0px 10px; text-align: center; cursor: pointer;}
#menu_top li.lev3 a {text-align: left;}
#menu_top ul.lev3, #menu_top ul.lev4, #menu_top ul.lev5, #menu_top ul.lev6, #menu_top ul.lev7, #menu_top ul.lev8, #menu_top ul.lev9, #menu_top ul.lev10 {display: none; background-color: #EEEEEE; margin: 0px; padding: 0px;}
#menu_top li.lev2 ul.lev3 {display: block; position: absolute; top: 40px; left: 0px; z-index: 100; opacity: 0; transition: all 300ms ease-in-out;}
#menu_top li.lev2:hover ul.lev3 {opacity: 1;}
#menu_wrapper:target #menu_top li.lev2 ul.lev3 {opacity: 1;}
#menu_top li.lev2 li.lev3 ul.lev4 {position: absolute; top: 0px; left: -210px; z-index: 200;}
#menu_top li.lev2:hover li.lev3:hover ul.lev4 {display: block;}
#menu_top li.lev2 li.lev3 li.lev4 ul.lev5 {position: absolute; top: 0px; left: -210px; z-index: 200;}
#menu_top li.lev2:hover li.lev3:hover li.lev4:hover ul.lev5 {display: block;}
#menu_top li.lev3, #menu_top li.lev4, #menu_top li.lev5 {position: relative; width: 200px; padding: 5px; border-bottom: solid 1px #CCCCCC; text-align: left;}

#body #top_admin_menu {display: block; position: fixed; z-index: 100; padding: 0px 10px 0px 90px; width: 90%; background: #686764; background: linear-gradient(#686764,#615a4f); height: 45px;} 
#body #top_admin_menu i.fa.fa-home {position: absolute; top: 0px; left: 0px; padding: 0px 10px; color: #FFFFFF; font-size: 30px; line-height: 45px; text-decoration: none;} 
#menu_admin {display: table; border-left: 1px solid #373737;}
#menu_admin li.lev2 {display: table-cell; position: relative; margin: 0px; padding: 0px;}
#menu_admin li.lev2 a {padding: 0px 15px; display: block; color: #eeeeee; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-size: 15px; line-height: 45px; border-right: solid 1px #373737; text-align: center; text-decoration: none;}
#menu_admin li.lev2 a:hover {color: #ffffff; background: #a28b60;}
#menu_admin li.lev2act a {color: #ffffff; background: #a28b60;}
#menu_admin ul.lev3, #menu_admin ul.lev4, #menu_admin ul.lev5, #menu_admin ul.lev6, #menu_admin ul.lev7, #menu_admin ul.lev8, #menu_admin ul.lev9, #menu_admin ul.lev10 {display: none; background: #686764; margin: 0px; padding: 0px;}
#menu_admin li.lev2:hover ul.lev3 {position: absolute; top: 45px; left: 0px; display: block; z-index: 100;}
#menu_admin li.lev2:hover li.lev3:hover ul.lev4 {position: absolute; top: 0px; left: 200px; display: block; z-index: 200;}
#menu_admin li.lev2:hover li.lev3:hover li.lev4:hover ul.lev5 {position: absolute; top: 0px; left: 200px; display: block; z-index: 300;}
#menu_admin li.lev3, #menu_admin li.lev4, #menu_admin li.lev5 {position: relative; width: 200px; padding: 0px; z-index: 100;}
#menu_admin li.lev3 a, #menu_admin li.lev4 a, #menu_admin li.lev5 a {border-bottom: solid 1px #373737; text-align: left; border-right: 0px; background: #686764; z-index: 100;}
#menu_admin li.lev3 a.active, #menu_admin li.lev4 a.active, #menu_admin li.lev5 a.active {color: #ffffff; background: #a28b60;}

#body #top_admin_menu a.user {position: absolute; top: 0px; right: 50px; padding: 0px 20px; color: #FFFFFF; font-size: 20px; line-height: 45px; text-decoration: none;} 
#body #top_admin_menu a.user i.fa.fa-user {padding: 0px 10px; color: #FFFFFF; font-size: 30px; line-height: 45px;} 

#body #top_admin_menu a.logout {position: absolute; top: 0px; right: 0px; padding: 0px; color: #FFFFFF; font-size: 20px; line-height: 45px; text-decoration: none;} 
#body #top_admin_menu a.logout i.fa.fa-times {padding: 0px 10px; color: #FF0000; font-size: 30px; line-height: 45px;} 


#top_admin_mobil_menu a.mmenu i.fa {position: fixed; top: 0px; left: 50px; font-size: 30px; color: #f1f1ef; z-index: 211; line-height: 45px;}
#top_admin_mobil_menu a.mmenu.open {display: block; background: #FFFFFF;}
#top_admin_mobil_menu a.mmenu.close {display: none;}
#top_admin_mobil_menu:target a.mmenu.close {display: block;}
#top_admin_mobil_menu:target a.mmenu.open {display: none;}

#top_admin_mobil_menu #mobil_menu {display: none; margin: 0; width: 100%; height: 0px; position: absolute; top: 46px; left: 0px; z-index: 50; opacity: 0; background: #008397; border-top: 1px solid #fff;}
#top_admin_mobil_menu #mobil_menu li, #top_admin_mobil_menu #mobil_menu li.lev2 {display: none;}
#top_admin_mobil_menu:target {display: block; height: auto;}
#top_admin_mobil_menu:target #mobil_menu {position: relative; display: block; width: 100%; max-width: 500px; margin: auto; height: auto; opacity: 1; transition: opacity 1s ease 0s;}
#top_admin_mobil_menu:target #mobil_menu li {display: block;}
#top_admin_mobil_menu #mobil_menu li.lev2 {position: relative; display: block; width: 100%; margin: 0px; padding: 0px; border-bottom: 1px solid rgba(255,255,255,0.20); min-width: 80px;}
#top_admin_mobil_menu #mobil_menu li.lev2 a {display: block; text-align: left; white-space: normal; width: 80%; color: #fff; margin: 0px; padding: 0 10%; border: 0px; line-height: 40px; font-size: 15px;}
#top_admin_mobil_menu #mobil_menu li.lev2 a:hover {background: #006F84;}
#top_admin_mobil_menu #mobil_menu li.lev2 a.active {background: #006F84;}

#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 {display: none; width: 100%; position: relative; margin: 0px; padding: 0px;}
#top_admin_mobil_menu #mobil_menu li.lev2:hover ul.lev3 {display: none;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 {position: relative; width: 100%; background: #1093a7; border-bottom: solid 1px rgba(255,255,255,0.20); margin: 0px; padding: 0px;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 a {display: block; width: 80%; margin: 0px; padding: 0 10%;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 a:hover {background: #006F84;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 a.active {background: #006F84;}

#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 {display: none; width: 100%; position: relative; margin: 0px; padding: 0px;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3:hover ul.lev4 {display: none;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 li.lev4 {background: #20a3b7; width: 100%; border-bottom: solid 1px rgba(255,255,255,0.20); margin: 0px; padding: 0px;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 li.lev4 a {display: block; width: 80%; margin: 0px; padding: 0 10%;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 li.lev4 a:hover {background: #006F84;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 li.lev4 a.active {background: #006F84;}


#body #right {width: 0px;}

#body #footer p.footer_copyright {font-weight: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none;}
#body #footer p.footer_copyright a {font-weight: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none;}
#body #footer p.footer_copyright a:hover {font-weight: bold; FONT-SIZE: 12px; COLOR: #CCCCCC; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none;}

#header div.languages {position: absolute; right:0px; top:0px;}
#header img.lang {margin: 2px;}

#header div.akm {position: absolute; right: 0px; top: 0px;}
#header div.akm img {width: 50px;}


/* ################## ADMIN ################## */

#admin_browser_error_title {padding: 5px; margin: 10px; background-color: #AA3333; FONT-FAMILY: Verdana, Arial, Helvetica; font-weight: bold; FONT-SIZE: 15px; COLOR: #EEEEEE; text-align: center;}
#admin_browser_error_title a {COLOR: #99CCFF;}

#admin {margin-top: 10px; padding: 5px; border: solid 1px #DDDDDD; border-radius: 5px 5px;}

#admin input.input {WIDTH: 400px; font-weight: normal; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none;}
#admin textarea {WIDTH: 100%; font-weight: normal; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none;}
#admin select.select {font-weight: normal; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none;}
#admin input.radio {}
#admin input.checkbox {font-family: Verdana, Arial, Helvetica; font-size: 10px; text-decoration: none; color: #003300;}
#admin input.submit {font-weight: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #EEEEEE; TEXT-DECORATION: none;}

#admin table.form {width: 100%;}
#admin table.table {width: 100%;}

#admin td.title {background-color: #EEEEEE; border-top: solid 1px #AAAAAA;}
#admin td.return {padding: 2px; background-color: #EEEEEE; border-top: solid 1px #CCCCCC;}
#admin td.return_error {padding: 2px; background-color: #ffff00; border-top: solid 1px #CCCCCC;}
#admin td.error {padding: 2px; text-align: left; background-color: #EEEEEE; border-top: 1px #CCCCCC solid;}
#admin td.data {padding: 2px; background-color: #EEEEEE; border-top: 1px #CCCCCC solid;}
#admin td.info {padding: 2px; text-align: left; width: 30%; height: 28px; background-color: #EEEEEE; border-top: 1px #CCCCCC solid;}
#admin td.input {padding: 2px; text-align: left; background-color: #EEEEEE; border-top: 1px #CCCCCC solid;}

#admin .title {font-weight: bold; FONT-SIZE: 16px; COLOR: #555555; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .return {font-weight: bold; FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .return_error {font-weight: bold; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .error {font-weight: bold; FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .info {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #555555;}
#admin .middle {font-weight: bold; FONT-SIZE: 11px; COLOR: #555555; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .data {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #555555; background: #CCCCCC;}

#admin a.link:link {font-weight: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin a.link:visited {font-weight: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin a.link:hover {font-weight: bold; FONT-SIZE: 10px; COLOR: #777777; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}

#admin iframe.admin_images_iframe {width: 100%; height: 210px;}
#admin iframe.admin_files_iframe {width: 100%; height: 600px;}

input.submit {font-weight: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #EEEEEE; TEXT-DECORATION: none;}

iframe.admin_images_iframe {padding: 5px; margin-top: 5px; border: solid 1px #DDDDDD; width: 98%; height: 300px; border-radius: 5px 5px;}
iframe.admin_files_iframe {padding: 5px; margin-top: 5px; border: solid 1px #DDDDDD; width: 98%; height: 300px; border-radius: 5px 5px;}

#gallery_frame h1 {padding: 10px; background-color: #EEEEEE; border: solid 1px #CCCCCC; border-radius: 5px 5px;}
#gallery_frame table {margin-top: 5px; background-color: #EEEEEE; border: solid 1px #CCCCCC; border-radius: 5px 5px;}
#gallery_frame td {padding: 3px; text-align: left; vertical-align: top;}

#gallery_frame a {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #777777;}



/* ################## list ################## */

#list {margin: 0px 0px 10px 0px;}
#list h1.title {font-size: 24px; COLOR: #373737; font-family: 'Roboto'; TEXT-DECORATION: none; padding: 0px 15px; line-height: 60px; font-weight: 600;}
#list table.list {background-color: #FFFFFF; width: 100%; border-collapse: collapse; border: solid 2px #FFFFFF; border-radius: 2px; box-shadow: 0px 0px 3px #AAAAAA;}

#list td {padding: 2px; height: 30px; vertical-align: middle; font-family: 'Roboto'; TEXT-DECORATION: none; COLOR: #444444; font-weight: 300;}
#list td a {font-family: 'Roboto'; COLOR: #ac7e25; font-weight: 400; TEXT-DECORATION: none;}
#list td.top {font-size: 14px; font-family: 'Roboto'; COLOR: #FFFFFF; font-weight: 400;}
#list td.top a {font-size: 14px; font-family: 'Roboto'; COLOR: #FFFFFF; font-weight: 600;}
#list tr.top_row {background-color: #b7a788;}
#list td.list {font-size: 14px;}
#list tr.list_row {border-collapse: collapse; border: solid 1px #d9d9d9;}
#list tr.list_row:hover {background-color: #d5ccba;}
#list tr td:first-child {padding-left: 15px;}
#list tr td:last-child {padding-right: 15px;}


/* ################## sitemap ################## */


#body #sitemap a {display: block; line-height: 30px; padding: 0px 30px; background: #DDDDDD; border-top: solid 1px #AAAAAA; color: #333333; text-decoration: none;}
#body #sitemap a:hover {background: #EEEEEE;}

#body #sitemap a.lev2 {padding-left: 30px; font-size: 15px; color: #333;}
#body #sitemap a.lev3 {padding-left: 60px; font-size: 14px; color: #444;}
#body #sitemap a.lev4 {padding-left: 90px; font-size: 13px; color: #555;}
#body #sitemap a.lev5 {padding-left: 120px; font-size: 12px; color: #666;}
#body #sitemap a.lev6 {padding-left: 150px; font-size: 11px; color: #777;}


/* ################## content ################## */

#content table {margin: 1px 3px 1px 3px;}
#content td {padding: 3px;}

#content_list li {list-style: disc inside; padding: 0px;}
#content_list div.item {padding-bottom: 10px;}
#content_list div.item img {float: left;}

#content li {list-style: disc inside; padding: 0px;}
#content div.lead {margin: 5px 0px;}

#content {position: relative;}
#content #content_addthis {position: absolute; top: 20px; right: 0px; width: 220px;}

#content-edit-icon {display: none; position: relative; top: 0px; right: 0px; z-index: 100; float: right; margin-top: -20px;}
#content-edit-icon img {width: auto !important; height: auto !important; min-width: 0px !important; max-width: none !important; min-height: 0px !important; max-height: none !important;}
html.user-partner #content-edit-icon {display: block;}
html.user-devel #content-edit-icon {display: block;}
html.user-admin #content-edit-icon {display: block;}

#content h3.date {display: none;}

#content_list.calendar {width: 100%; text-align: center; margin: 20px auto; background: #F9F9F9;}
#content_list.calendar div.month {line-height: 30px; background: #917961; font-weight: bold; color: #FFFFFF; text-transform: capitalize;}
#content_list.calendar div.day {position: relative; display: inline-block; vertical-align: top; width: 14%; margin-left: -4px; height: 30px; overflow: hidden;}


#content .content a.googlestatbtn {display: block; max-width: 300px; line-height: 30px; padding: 0px 20px 0px 10px; margin: 10px 0px; border: solid 1px #DDDDDD; font-size: 16px; color: #EE0000; background: #FFFFFF; text-decoration: none;}
#content .content a.googlestatbtn:hover {border: solid 1px #EE0000;}
#content .content a.googlestatbtn:before {content: "\f1c1"; font-family: FontAwesome; display: inline-block; color: #EE0000; margin: 0px 10px 0px 0px; line-height: 30px; font-size: 16px;}



/* ################## planner ################## */

#planning {position: relative;}
#planning div.planning_background img {width: 100%;}

#planning a.planner_icon {position: absolute; z-index: 1000;}
#planning a.planner_icon i {display: block; margin: auto; color: #FFFFFF; font-size: 30px; width: 40px; height: 40px; line-height: 40px; text-align: center; border: solid 1px #FFFFFF; border-width: 1px 1px 0px 1px; background: rgba(10,10,10,0.3); transition: all 0.25s ease-in-out;}
#planning a.planner_icon:hover i {background: rgba(10,10,10,0.5);}
#planning a.planner_icon span {display: block; color: #FFFFFF; font-size: 12px; width: auto; min-width: 40px; line-height: 20px; text-align: center; border: solid 1px #FFFFFF; white-space: nowrap; padding: 0px 3px; background: rgba(10,10,10,0.3); transition: all 0.25s ease-in-out;}
#planning a.planner_icon:hover span {background: rgba(10,10,10,0.5);}

#planning div.planner_buttons {display: none; position: absolute; top: 30%; right: 15px; z-index: 10; width: 30px; height: auto;}
#planning div.planner_buttons h3 {display: none;}
#planning div.planner_buttons a.planner_button span {display: block; width: 30px; height: 30px; border: solid 1px #FFFFFF; margin: 2px; cursor: pointer;}
#planning div.planner_buttons a.planner_button label {display: none; cursor: pointer; color: #FFFFFF;}

#content .print_icon {position: absolute; z-index: 1000;}
#content .print_icon i {display: block; margin: auto; color: #FFFFFF; font-size: 30px; width: 60px; height: 60px; line-height: 60px; text-align: center; border: solid 1px #FFFFFF; background: rgba(10,10,10,0.3); transition: all 0.25s ease-in-out;}
#content .print_icon:hover i {background: rgba(10,10,10,0.5);}
#content .print_icon span {display: none;}


#content .send_icon {position: absolute; z-index: 1000;}
#content .send_icon i {display: block; margin: auto; color: #FFFFFF; font-size: 30px; width: 60px; height: 60px; line-height: 60px; text-align: center; border: solid 1px #FFFFFF; background: rgba(10,10,10,0.3); transition: all 0.25s ease-in-out;}
#content .send_icon:hover i {background: rgba(10,10,10,0.5);}
#content .send_icon span {display: none;}



/* ################## schedule ################## */

#schedule-bontas-head {margin-top: 10px;}
#schedule-bontas-head a.menu {display: inline-block; padding: 0px 10px; line-height: 30px; font-size: 16px; margin: 0px 3px 7px 0px; background: #949494; color: #ffffff;}
#schedule-bontas-head a.menu:hover {background: #777777;}
#schedule-bontas-head a.menu.active {background: #555555;}

#schedule-bontas.local.list #head_date a.date {display: inline-block; padding: 0px 10px; line-height: 30px; font-size: 14px; margin: 0px 3px 7px 0px; background: #949494; color: #ffffff;}
#schedule-bontas.local.list #head_date a.date:hover {background: #777777;}
#schedule-bontas.local.list #head_date a.date.active {background: #555555;}
#schedule-bontas.local.list #head_date a.date b {font-weight: normal;}
#schedule-bontas.local.list #head_date a.date span {display: none;}

#schedule-bontas.local.list #head_local a.local {display: inline-block; padding: 0px 10px; line-height: 30px; font-size: 12px; margin: 0px 3px 7px 0px; background: #949494; color: #ffffff;}
#schedule-bontas.local.list #head_local a.local:hover {background: #777777;}
#schedule-bontas.local.list #head_local a.local.active {background: #555555;}

#schedule-bontas.list div.date h2 {margin: 30px 0px 10px 0px; border-bottom: solid 1px #DDDDDD; text-transform: capitalize;}
#schedule-bontas.list div.date div.local {margin: 0px 0px 20px 20px; padding: 5px; background: #EEEEEE;}
#schedule-bontas.list div.date div.local_name {display: inline-block; width: 250px; vertical-align: top;}
#schedule-bontas.list div.date div.local_name h3 {font-weight: bold;}
#schedule-bontas.list div.date div.events {display: inline-block; min-width: 250px; max-width: 820px; vertical-align: top; margin-left: 10px;}
#schedule-bontas.list div.date .events div.event {position: relative; display: inline-block; margin: 0px 0px 7px 5px; cursor: pointer;}
#schedule-bontas.list div.date .events div.event a.event {position: relative; display: inline-block; max-width: 560px; padding: 0px 5px; line-height: 24px;}
#schedule-bontas.list div.date .events div.event div.info {display: none; z-index: 10; position: absolute; top: 24px; left: 10px; min-width: 300px; border: solid 2px #ffffff; background: #EEEEEE; box-shadow: 0 0 3px #AAAAAA;}
#schedule-bontas.list div.date .events div.event div.info div.lead {padding: 10px 10px 5px 10px;}
#schedule-bontas.list div.date .events div.event div.info div.time {padding: 5px 10px; text-transform: capitalize; font-weight: bold}
#schedule-bontas.list div.date .events div.event div.info div.links {padding: 0px 10px 5px 10px;}
#schedule-bontas.list div.date .events div.event div.info div.links label {display: inline-block; margin-right: 5px; font-weight: bold}
#schedule-bontas.list div.date .events div.event div.info div.links a {display: inline-block; margin-right: 5px;}
#schedule-bontas.list div.date .events div.event:hover div.info {display: block;}

#schedule-bontas.list.time div.date h3 {display: inline-block; width: 70px; vertical-align: top;}

#schedule-bontas.grid div.date {width: 920px; overflow: auto;}
#schedule-bontas.grid div.date table.grid tr.head td {border-bottom: solid 1px #DDDDDD; text-align: center; font-weight: normal;}
#schedule-bontas.grid div.date table.grid tr.head td b {display: block;}
#schedule-bontas.grid div.date table.grid tr {border-bottom: solid 1px #DDDDDD;}
#schedule-bontas.grid div.date table.grid td {padding: 5px; vertical-align: top;}
#schedule-bontas.grid div.date table.grid td.events {border: solid 2px #FFFFFF;}
#schedule-bontas.grid div.date table.grid td.events div.event {position: relative; display: block; margin: 0px; cursor: pointer; height: 100%;}

#content.schedule-person iframe.fblike {display: none; border: none; overflow: hidden; height: 20px; width: 150px;}

/* ################## navigation ################## */

#main_center_head {display: none; min-height: 20px;}

#navigation_links {text-align: left;}
#navigation_links ul li {padding-left: 10px;}
#navigation_links li {display: inline; padding: 2px; background: url(/pictures/nav_arrow.gif) no-repeat; background-position: center left;}

#navigation_links a {COLOR: #777777; TEXT-DECORATION: none}
#navigation_links a:hover {COLOR: #AAAAAA; TEXT-DECORATION: none}


/* ################## SEARCH ################## */

#content_search {text-align: center; vertical-align: middle; float: right; margin: 0px; padding: 0px; height: 16px;}
#content_search input {border: solid 1px #999999; margin: 0px 5px 0px 5px; font-weight: bold; FONT-SIZE: 9px; COLOR: #777777; FONT-FAMILY: Verdana, Helvetica, sans-serif;}
#content_search input.input {width: 100px;}
#content_search input.submit {width: 30px; background-color: #EEEEEE;}


/* ################## INSIDE LINKS ################## */

#inside_links {margin: 5px;}
#inside_links h3 {padding: 5px; display: inline;}


/* ################## LOGIN ################## */

#login {text-align: center; margin: auto;}
#login div.title {text-align: center; margin: 10px; font: 20px bold;}
#login div.error {text-align: center; margin: 10px; font: 20px bold; color: #FF7777;}
#login label.login {display: inline-block; font-weight: bold; width: 180px; text-align: right;}
#login label.password {display: inline-block; font-weight: bold; width: 180px; text-align: right;}
#login input.submit {display: block; margin: 10px auto; width: 100px; padding: 7px; border: solid 1px #CCCCCC; border-radius: 10px; text-align: center; background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#EEEEEE), color-stop(0.5,#AAAAAA));}

#login a.usermod {display: none;}
#login a.logout {display: none;}
#login a.userreg {display: none;}
#login a.password {display: none;}


/* ################## user ################## */

#user div.title {background: #333333; margin-top: 20px; line-height: 60px; font-size: 20px; color: #FFFFFF;}
#user div.title i {margin: 0px 15px; min-width: 20px; font-size: 30px; line-height: 54px; text-align: center;}
#user div.title_error {padding: 0px 50px; background: #FF0000; line-height: 30px; font-size: 16px; color: #FFFFFF;}
#user div.title_successful {padding: 0px 50px; background: #00CC00; line-height: 30px; font-size: 16px; color: #FFFFFF;}
#user div.title_successful a {display: block; line-height: 30px; font-size: 16px; color: #FFFFFF; text-decoration: none;}
#user div.title_successful a:hover {background: #00AA00;}
#user form {display: block; background: #f8f8f8; margin-bottom: 20px; padding: 50px;}
#user form div.data {padding: 0px 0px 3px 0px; text-align: center;}
#user form div.data div {display: inline-block; line-height: 40px; min-height: 40px;}
#user form div.data div.label {width: 250px; text-align: left; font-size: 14px; color: #777777;}
#user form div.data div.input {width: 350px; text-align: left;}
#user form div.data div.input input {width: 100%; height: 40px; border: solid 1px #DEDEDE; padding: 5px 10px; text-align: left; font-size: 14px; color: #333333;}
#user form div.data div.input.aszf {line-height: 40px; font-size: 20px;}
#user form div.data div.input.aszf input.aszf {width: 40px; height: 40px; margin-right: 10px;}
#user div.subtitle {margin: auto; width: 600px; text-align: left; font-size: 14px; color: #777777; line-height: 40px;}
#user div.data.error div.label {color: #FF0000;}
#user div.data.error div.input input {background: #FF0000; color: #FFFFFF;}
#user input.submit {display: block; margin: 20px auto 0px auto; width: auto; height: 40px; padding: 0px 20px; font-size: 14px; color: #FFFFFF; font-weight: bold; border: 0px; border-radius: 10px; background: #555555;}

#form_data_captcha.error {border: solid 1px #FF0000;}

/* ################## FORM ################## */

#public_generated_form table.horizontal {width: 560px; margin: 20px;}
#public_generated_form table.vertical {width: 350px; margin: 20px;}
#public_generated_form table.inline {width: 350px; margin: 20px;}
#public_generated_form tr.hidden {display: none;}

#public_generated_form td {margin: 4px; text-align: left; vertical-align: top; font-weight: bold; FONT-SIZE: 11px; COLOR: #777777;}

#public_generated_form td.title {FONT-SIZE: 16px; COLOR: #333333; text-align: center;}
#public_generated_form td.title_error div {padding: 2px; background-color: #C81E1E; COLOR: #ffffff; text-align: center; border: solid 1px #c81e1e; border-radius: 5px; -moz-border-radius: 5px;}
#public_generated_form td.title_successful div {padding: 2px; background-color: #33AA33; COLOR: #ffffff; text-align: center; text-align: center; border: solid 1px #33AA33; border-radius: 5px; -moz-border-radius: 5px;}
#public_generated_form td.error div {padding: 2px 5px; COLOR: #C81E1E; border: solid 1px #c81e1e; border-radius: 5px; -moz-border-radius: 5px;}
#public_generated_form table.inline tr.error input {background-color: #C81E1E; color: #FFFFFF;}
#public_generated_form table.inline tr.error textarea {background-color: #C81E1E; color: #FFFFFF;}
#public_generated_form td.subtitle {FONT-SIZE: 13px; COLOR: #333333; text-align: left; font-weight: bold;}
#public_generated_form td.description {COLOR: #333333; text-align: left; font-weight: normal;}
#public_generated_form td.help {width: 15px;}
#public_generated_form td.important {width: 15px;}
#public_generated_form td.end {width: 15px;}
#public_generated_form td.help a {display: block; height: 100%; width: 100%; min-height: 15px; min-width: 15px; background: url(/pictures/form_help.png) no-repeat; background-position: center center;}
#public_generated_form td.important a {display: block; height: 100%; width: 100%; min-height: 15px; min-width: 15px; background: url(/pictures/form_important.png) no-repeat; background-position: center center;}
#public_generated_form table.inline tr.important input {padding-right: 20px; background-image: url('/pictures/form_important.png'); background-repeat: no-repeat; background-position: right center;}
#public_generated_form table.inline tr.important textarea {padding-right: 20px; background-image: url('/pictures/form_important.png'); background-repeat: no-repeat; background-position: right 5px;}
#public_generated_form td.label {width: 40%;}
#public_generated_form table.vertical td.label {width: 100%;}
#public_generated_form td.input {width: 60%;}
#public_generated_form table.inline td.input {width: 100%;}
#public_generated_form td.submit {text-align: center;}

#public_generated_form td.input label {margin: 2px; min-width: 45%; border: solid 1px #A6A6A6; border-radius: 5px; -moz-border-radius: 5px; float: left; text-align: left;}
#public_generated_form td.input label.checkbox-privacy-policy {margin: 2px; min-width: auto; border: 0px; border-radius: 0px; text-align: left;}
#public_generated_form table.inline tr label.checkbox-privacy-policy input.checkbox {margin-right: 20px; height: auto; width: auto; vertical-align: text-bottom;}
#public_generated_form table.inline tr.error.privacy {background: #C81E1E;}
#public_generated_form table.inline tr.error.privacy td.input label.checkbox-privacy-policy a {color: #FFFFFF;}


#public_generated_form input {width: auto; height: 20px; border: solid 1px #A6A6A6; border-radius: 5px; -moz-border-radius: 5px; padding: 2px;}
#public_generated_form textarea {width: 100%; height: 100px; border: solid 1px #A6A6A6; border-radius: 5px; -moz-border-radius: 5px; padding: 2px;}
#public_generated_form input.text {width: 100%;}
#public_generated_form input.checkbox {height: auto; width: auto; margin-right: 2px;}
#public_generated_form input.radio {height: auto; width: auto; margin-right: 2px;}
#public_generated_form select {border: solid 1px #A6A6A6; border-radius: 5px; -moz-border-radius: 5px;}
#public_generated_form input.submit {margin: 10px; font-weight: bold; FONT-SIZE: 14px; COLOR: #333333; position: center;}

#public_generated_form div.lead {width: 100%; padding: 10px; FONT-SIZE: 13px; COLOR: #333333; text-align: center; margin: auto;}
#public_generated_form div.footer {width: 100%; padding: 10px; FONT-SIZE: 13px; COLOR: #333333; text-align: center; margin: auto;}

#public_generated_form input.captcha {margin: 10px 0px;}


#public_generated_form.vote td.radio {width: 10px;}
#public_generated_form.vote td.label {width: auto !important;}
#public_generated_form.vote td.fills {width: 150px;}
#public_generated_form.vote td.fills div {padding: 5px; background: #AAAAAA; color: #FFFFFF; min-width: 20px;}



#public_generated_form.respo div.table {width: 100%; margin: 25px auto; max-width: 800px;}

#public_generated_form.respo div.row {margin: 4px; text-align: left; vertical-align: top; qfont-weight: bold; qFONT-SIZE: 11px; qCOLOR: #777777;}
#public_generated_form.respo div.row.hidden {display: none;}
#public_generated_form.respo div.row.title.code.hidden {display: none !important;}
#public_generated_form.respo div.row div.label.error.hidden {display: none;}
#public_generated_form.respo div.row.error div.label.error.hidden {display: block; color: #FF0000; padding: 5px 0px;}

#public_generated_form.respo div.row.title {qcolor: #95a938; qfont: bold 18px Arial, Helvetica, sans-serif; margin: 0 0 3px 0;}

#public_generated_form.respo div.row.label {qcolor:#565655; qfont-family:Arial, Helvetica, sans-serif; qfont-size:14px; qfont-style:normal; qfont-variant:normal; qfont-weight:bold; qletter-spacing:0; line-height:1.4em; padding: 0;}
#public_generated_form.respo label.checkbox span, #public_generated_form label.radio span {qcolor:#565655; qfont-family:Arial, Helvetica, sans-serif; qfont-size:14px; qfont-style:normal; qfont-variant:normal; qfont-weight:normal; qletter-spacing:0; qline-height:1.4em; padding: 0;}
#public_generated_form.respo div.row div.label {padding: 15px 0 10px; border: none; qcolor: #333333; qfont: bold 14px Arial, Helvetica, sans-serif;}
#public_generated_form.respo div.row label.checkbox, #public_generated_form.respo div.row label.radio {padding-bottom: 10px; margin-right: 20px; border: none; min-width: 100px; display: inline-block; vertical-align: top;}
#public_generated_form.respo div.row select {padding: 0px 20px; margin: 0px 0px 20px 0px; background-image: none; background-color: #fff; border-radius: 0px; height: 40px; qcolor: #333333; qfont: bold 14px Arial, Helvetica, sans-serif; border: 1px solid #CCCCCC;}
#public_generated_form.respo div.row textarea {padding: 0px 20px; margin: 0px 0px 20px 0px; background-image: none; background-color: #fff; border-radius: 0px; height: 120px; qcolor: #333333; qfont: bold 14px Arial, Helvetica, sans-serif; border: 1px solid #CCCCCC;}
#public_generated_form.respo div.row input {padding: 0px 20px; margin: 0px 0px 0px 0px; background-image: none; background-color: #fff; border-radius: 0px; height: 40px; qcolor: #333333; qfont: bold 14px Arial, Helvetica, sans-serif; border: 1px solid #CCCCCC;}
#public_generated_form.respo div.row.error input {background-color: #ff0000; color: #FFFFFF;}
#public_generated_form.respo div.row.error input::placeholder {color: #FFFFFF;}
#public_generated_form.respo div.row input.checkbox, #public_generated_form.respo div.row input.radio {height: 20px; width: 20px; margin: 0px 10px 0px 0px; vertical-align: sub; border: none;}

#public_generated_form.respo div.row.title_error {font-size: 14px; border-radius: 0px; margin-bottom: 5px; margin-top: 10px; color: #FF0000;}

#public_generated_form.respo div.submit input[type="submit"] {font-size: 16px; color: #fff; background: #95a938; line-height: 40px; padding: 0px 30px; width: auto; text-align: center; border: none; border-radius: 0px; line-height: 36px; margin: 20px auto;}
#public_generated_form.respo div.submit input[type="submit"]:hover {background: #657908; cursor: pointer;}

#public_generated_form.respo div.row.subtitle {FONT-SIZE: 16px; COLOR: #333333; text-align: left; font-weight: bold; margin-top: 30px;}

#public_generated_form.respo textarea {height: 120px; padding-top: 10px;}

#public_generated_form.respo div.title {FONT-SIZE: 16px; COLOR: #333333; text-align: center;}
#public_generated_form.respo div.title_error div {padding: 2px; background-color: #FF0000; COLOR: #ffffff; text-align: center; border: solid 1px #FF0000; border-radius: 5px; -moz-border-radius: 5px;}
#public_generated_form.respo div.title_successful div {padding: 2px; background-color: #33AA33; COLOR: #ffffff; text-align: center; text-align: center; border: solid 1px #33AA33; border-radius: 5px; -moz-border-radius: 5px;}
#public_generated_form.respo div.error {padding: 2px 5px; COLOR: #FF0000; border: solid 0px #FF0000; border-radius: 0px;}

#public_generated_form.respo div.row.description {COLOR: #333333; text-align: left; font-weight: normal;}
#public_generated_form.respo div.row.captcha {padding: 10px 0px;}
#public_generated_form.respo div.submit {text-align: center;}


#public_generated_form .error .g-recaptcha {border: solid 2px #FF0000;}


/* ################## ajax layer ################## */

#ajax_layer_bg {height: 100%; width: 100%; overflow: hidden; position: fixed; top: 50px; left:0; display: block; background: rgba(10,10,10,0.5); filter: alpha(opacity='75'); opacity: 0.75; z-index: 20;}
#ajax_layer_container {height: 100%; width: 100%; z-index: 21; overflow: hidden; position: fixed; top: 50px; left:0; display: block;}
#ajax_layer  {display: block; max-height: 85%; margin: 50px auto 20px auto; width: 800px; max-width: 100%; overflow: auto; position: relative; background-color: #ffffff; border: solid 0px #999999; padding: 10px; border-radius: 0px; box-shadow: 0px 0px 5px #FFFFFF;}
#ajax_layer  {text-align: left; vertical-align: top; z-index: 22;}

/* ################## list layer ################## */

#show_layer_bg {height: 100%; width: 100%; z-index: 10; overflow: hidden; position: fixed; top: 50px; left:0; display: block; background: url(/pictures/tr.png) transparent; filter: alpha(opacity='75'); opacity:0.75;}
#show_layer_container {height: 100%; width: 100%; z-index: 11; overflow: hidden; position: fixed; top: 50px; left: 0; display: block;}
#show_layer {display: block; max-height: 90%; margin: 10px auto 10px auto; overflow: auto; position: relative; background-color: #f5f5f5; border: solid 1px #999999; padding: 10px; border-radius: 10px; -moz-border-radius: 10px;}
#show_layer {text-align: left; vertical-align: top; width: 980px; max-width: 100%; z-index: 12;}
#show_layer div.close {text-align: right; border: 0px; padding: 5px; margin: 0px; font-size: 12px; font-weight: bold; color: #333333; font-family: verdana, arial, times;}

/* ################## exit layer ################## */

#exit_layer_bg {height: 100%; width: 100%; overflow: hidden; position: fixed; top: 0px; left:0; display: block; background-color: rgba(10,10,10,0.6); z-index: 1000;}
#exit_layer_container {height: 100%; width: 100%; z-index: 1001; overflow: hidden; position: fixed; top: 20%; left:0; display: block;}
#exit_layer  {display: inline-block; margin: 10px auto 20px auto; position: relative; border: solid 1px #ffffff; border-radius: 5px; box-shadow: 0px 0px 10px #333333; overflow: hidden;}
#exit_layer  {text-align: left; vertical-align: top; z-index: 1002;}
#exit_layer a.close {display: block; width: auto; height: auto; position: absolute; top: 20px; right: 20px; z-index: 10; font-size: 30px; color: #ee0000; cursor: pointer;}

/* ################## open layer ################## */

#open_layer_bg {height: 100%; width: 100%; overflow: hidden; position: fixed; top: 0px; left:0; display: block; background-color: rgba(10,10,10,0.6); z-index: 1000;}
#open_layer_container {height: 100%; width: 100%; z-index: 1001; overflow: hidden; position: fixed; top: 20%; left:0; display: block;}
#open_layer  {display: inline-block; margin: 10px auto 20px auto; position: relative; background: #FFF; padding: 20px; border: solid 1px #ffffff; border-radius: 5px; box-shadow: 0px 0px 10px #333333; overflow: hidden;}
#open_layer  {text-align: left; vertical-align: top; z-index: 1002;}
#open_layer a.close {display: block; width: auto; height: auto; position: absolute; top: 20px; right: 20px; z-index: 10; font-size: 30px; color: #ee0000; cursor: pointer;}

/* ################## content layer ################## */

#content_layer_bg {height: 100%; width: 100%; overflow: hidden; position: fixed; top: 0px; left:0; display: block; background-color: rgba(10,10,10,0.6); z-index: 1000;}
#content_layer_container {height: 100%; width: 100%; z-index: 1001; overflow: hidden; position: fixed; top: 20%; left:0; display: block;}
#content_layer  {display: inline-block; margin: 10px auto 20px auto; position: relative; background: #FFF; padding: 20px; border: solid 1px #ffffff; border-radius: 5px; box-shadow: 0px 0px 10px #333333; overflow: hidden;}
#content_layer  {text-align: left; vertical-align: top; z-index: 1002;}
#content_layer a.close {display: block; width: auto; height: auto; position: absolute; top: 20px; right: 20px; z-index: 10; font-size: 30px; color: #ee0000; cursor: pointer;}

/* ################## cart layer ################## */

#cart_layer_bg {height: 100%; width: 100%; overflow: hidden; position: fixed; top: 0px; left:0; display: block; background-color: rgba(10,10,10,0.6); z-index: 1000; text-align: center;}
#cart_layer {display: block; margin: 10% auto 20px auto; padding: 30px; position: relative; border: solid 1px #ffffff; border-radius: 5px; box-shadow: 0px 0px 10px #FFFFFF; overflow: hidden;}
#cart_layer {text-align: center; vertical-align: top; z-index: 1002; width: 450px; max-width: 100%; background: #555555; color: #FFFFFF; font-size: 20px;}
#cart_layer div.text div.error {color: #FF0000;}
#cart_layer i.fa {margin: 10px 10px 10px 0px;}
#cart_layer a.buy {margin: 30px 10px 10px 10px; padding: 10px; width: 180px; display: inline-block; border-radius: 5px; background: #111111; color: #FFFFFF; font-size: 16px;}
#cart_layer a.cart {margin: 30px 10px 10px 10px; padding: 10px; width: 180px; display: inline-block; border-radius: 5px; background: #111111; color: #FFFFFF; font-size: 16px;}

/* ################## CONTACT ################## */

#contact div.form {width: 470px; padding: 10px;  border: solid 1px #999999; margin: auto; padding: 10px; border-radius: 10px; -moz-border-radius: 10px;}
#contact div.form div.contact {padding: 5px 5px 5px 0px;}
#contact div.form td {padding: 3px; text-align: left; vertical-align: top;}
#contact div.form table.form {width: 450px;}
#contact div.form input, #contact div.form textarea {border: solid 1px #999999; width: 300px;}
#contact div.form textarea {height: 300px}
#contact div.form td.form_submit {text-align: center; vertical-align: middle;}
#contact div.form input.submit {padding: 3px; width: 150px; background-color: #CCCCCC; margin: auto;}
#contact div.form td.form_error {font-size: 15px; font-weight: bold; color: #FF3333; font-family: verdana, arial, times; background-color: #FFAAAA;}

#contact div.callback table {width: 145px;}
#contact div.callback caption {padding: 2px 2px 6px 0px; font-size: 13px; font-weight: bold; text-align: left;}
#contact div.callback input {width: 100%; height: 20px; padding: 3px; margin-top: 5px; background-color: #E5E5E5; border: solid 1px #E5E5E5; border-radius: 5px; -moz-border-radius: 5px; color: #4c4c4c; font-size: 11px; font-weight: bold;}
#contact div.callback textarea {width: 100%; height: 70px; padding: 3px; margin-top: 5px; margin-bottom: 5px; background-color: #E5E5E5; border: solid 1px #E5E5E5; border-radius: 5px; -moz-border-radius: 5px; color: #4c4c4c; font-size: 11px; font-weight: bold;}
#contact div.callback tr.submit td {width: 100%; height: 13px; padding: 3px; background-color: #890815; border: solid 0px #890815; border-radius: 5px; -moz-border-radius: 5px;}
#contact div.callback tr.submit td a {padding-left: 3px; color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: none; display: block;}
#contact div.callback tr.error input {background-color: #ff7777;}
#contact div.callback tr.error textarea {background-color: #ff7777;}


#left_box_cont #public_generated_form div.g-recaptcha div {max-width: 180px;}
#left_box_cont #public_generated_form div.g-recaptcha iframe {max-width: 180px;}


/* ################## COMMENT ################## */



#comment {text-align: center;}
#comment div.head h3 {font-size: 24px; line-height: 50px; color: #333333; text-align: left;}
#comment div.head a.button-comment {display: inline-block; margin: 20px auto; width: auto; padding: 0px 30px; font-size: 14px; line-height: 40px; color: #FFFFFF; border-radius: 5px; background: linear-gradient(to bottom, #baa67e, #ab956a) repeat scroll 0 0 #baa67e; cursor: pointer;}
#comment textarea {margin-bottom: 10px; width: 100%; height: 150px;}
#comment div.bottom {text-align: left; font-size: 14px; line-height: 30px;}

#comment div.comments div.comment {margin: 15px 0px;}
#comment div.comments div.head {height: 30px; padding: 0px 10px; background: #cccccc;}
#comment div.comments div.head div {display: inline-block; font-size: 18px; line-height: 30px; color: #333333; font-weight: normal; text-align: left;}
#comment div.comments div.head div.login {float: left;}
#comment div.comments div.head div.login span.num {display: inline-block; margin-right: 10px;}
#comment div.comments div.time {float: right;}
#comment div.comments div.comment div.content {position: relative; background: #FFFFFF; padding: 10px; text-align: left; font-size: 14px; line-height: 20px;}
#comment div.comments div.comment div.content li {list-style: inside none auto;}
#comment div.comments div.comment div.content.reply {background: #f3f3f3;}
#comment div.comments div.comment i {line-height: 30px; margin-left: 10px;}
#comment div.comments div.comment i.fa-reply {color: #0000AA;}
#comment div.comments div.comment i.fa-edit {color: #00AA00;}
#comment div.comments div.comment i.fa-times {color: #FF0000;}



/* ################## SEARCH ################## */

#content_list ul.navigation li.navigation {padding-left: 10px;}
#content_list li.navigation {display: inline; padding: 2px; background: url(/pictures/nav_arrow.gif) no-repeat; background-position: center left;}

#content_list a.navigation {font-weight: normal; FONT-SIZE: 11px; COLOR: #336699; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none;}
#content_list a.navigation:hover {COLOR: #AAAAAA; TEXT-DECORATION: none;}


/* ################## NEWSLETTER ################## */

#newsletter-subscribe {padding: 10px; background-color: #EEEEEE; margin: auto; FONT-FAMILY: Verdana, Arial, Helvetica; font-weight: normal; COLOR: #555555; border: solid 1px #999999; border-radius: 10px; text-align: center;}
#newsletter-subscribe div.container {margin: auto; margin-top: 50px; padding: 20px; background-color: #DDDDDD;}
#newsletter-subscribe div.title {font-weight: bolder; FONT-SIZE: 18px; padding: 10px; text-align: center;}
#newsletter-subscribe label {display: inline-block; width: 110px; text-align: right;}
#newsletter-subscribe input {width: 200px; border: solid 1px #999999; margin: 5px 0px;}
#newsletter-subscribe input.submit {display: block; width: 120px; margin: 5px auto; border: solid 1px #999999; border-radius: 5px; padding: 5px; background: #999999; color: #ffffff; text-transform: uppercase;}
#newsletter-subscribe div.error {text-align: center; color: #FFFFFF; padding: 2px; background-color: #993300;}



/* ################## SHOP PRODUCTS LIST ################## */

#shop #shop_list_head {width: 100%; margin: 5px 0px;}
#shop #shop_list_head td.list_order {width: 410px; text-align: left;}
#shop #shop_list_head td.list_order a {margin-right: 1px; padding: 5px 3px 4px 3px; border: solid 1px #CCCCCC; COLOR: #555555; font-size: 12px; text-align: left; text-decoration: none;}
#shop #shop_list_head td.list_order a:hover {background-color: #EEEEEE;}
#shop #shop_list_head td.list_order a.hover {background-color: #DDDDDD;}
#shop #shop_list_head td.list_number {text-align: center;}
#shop #shop_list_head td.list_number a {margin-right: 1px; padding: 5px 3px 4px 3px; border: solid 1px #CCCCCC; COLOR: #555555; font-size: 12px; text-align: left; text-decoration: none;}
#shop #shop_list_head td.list_number a:hover {background-color: #EEEEEE;}
#shop #shop_list_head td.list_number a.hover {background-color: #DDDDDD;}
#shop #shop_list_head td.list_view {width: 180px; text-align: right;}
#shop #shop_list_head td.list_view img {margin: 0px 1px -2px 0px;}
#shop #shop_list_head td.list_view img:hover {background-color: #EEEEEE;}
#shop #shop_list_head td.list_view img.hover {background-color: #DDDDDD;}

#shop #pager {margin: 10px 0px 10px 0px; color: #747474; font-size: 12px; text-align: center;}
#shop #pager div.box {display: inline-block;}
#shop #pager span.actual {display: inline-block; margin: 3px; padding: 1px 5px; color: #FFFFFF; font-size: 12px; background-color: #747474; border: solid 1px #747474; border-radius: 3px;}
#shop #pager a {display: inline-block; margin: 3px; padding: 1px 5px; color: #747474; font-size: 12px; border: solid 1px #747474; border-radius: 3px; text-decoration: none;}
#shop #pager a:hover {background-color: #747474; border-radius: 2px; color: #FFFFFF;}
#shop #pager a.firstpage {font-weight: bold;}
#shop #pager a.previous {font-weight: bold;}
#shop #pager a.next {font-weight: bold;}
#shop #pager a.lastpage {font-weight: bold;}

#shop #list_products table.list {width: 100%; margin: 5px 0px; border: solid 1px #DDDDDD;}
#shop #list_products table.list tr {border-bottom: solid 1px #DDDDDD;}
#shop #list_products td {vertical-align: top; padding: 5px; COLOR: #555555; font-size: 12px; text-align: left;}
#shop #list_products td.image {width: 80px;}
#shop #list_products td.image img {max-width: 80px; max-height: 80px; border: solid 1px #DDDDDD;}
#shop #list_products td.data {width: 160px; font-size: 15px;}
#shop #list_products td.lead h2 a {display: block; text-align: left; font-size: 15px;}

#shop #list_products div.price_cart div.price {position: relative; display: inline-block; padding: 5px; border: solid 1px #dddddd; color: #333333; margin: 0px 0px 5px 0px; font-weight: bold; font-size: 12px; background: #FFFFFF; vertical-align: bottom;}
#shop #list_products div.price_cart div.price div.netto_price {font-weight: normal; font-size: 11px;}

#shop #list_products div.price_cart div.cart {display: inline-block; vertical-align: bottom; margin-bottom: 5px;}
#shop #list_products div.price_cart div.cart div.cart {margin-bottom: 0px;}
#shop #list_products div.price_cart div.cart a.cart.product div.cart {display: inline-block; background: #ff7700; line-height: 32px; margin: 0px; padding: 0px 5px; color: #ffffff;}
#shop #list_products div.price_cart div.cart a.cart.product.selected div.cart {background: #00aa00;}
#shop #list_products div.price_cart div.cart a.cart div.cart i.fa {margin-right: 5px; font-size: 18px;}



/* ################## SHOP PRODUCT ################## */

#public_tabs {margin: 20px 0px 30px 0px;}
#public_tabs #public_tabs_menu {margin: 10px 10px 5px 10px;}
#public_tabs #public_tabs_menu a {text-decoration: none; padding: 5px 10px; margin-right: 2px; min-width: 150px; border: solid 1px #CCCCCC; font-size: 15px; font-weight: bold; color: #333333;}
#public_tabs #public_tabs_menu a.tab  {background-color: #E3E3E3;}
#public_tabs #public_tabs_menu a.tab:hover  {background-color: #D3D3D3;}
#public_tabs #public_tabs_menu a.tab_hover  {background-color: #c3c3c3;}
#public_tabs #public_tabs_menu a.tab_inactive  {background-color: #E3E3E3;}
#public_tabs div.datas {padding: 3px;}
#public_tabs div.datas div.data {padding: 10px; border: solid 1px #CCCCCC; border-radius: 10px; background-color: #F3F3F3;}

#shop #product {position: relative;}
#shop #product #shop-product-edit-icon {position: absolute; top: 10px; right: 10px;}
#shop #product #shop-product-edit-icon img {width: auto !important; height: auto !important; min-width: 0px !important; max-width: none !important; min-height: 0px !important; max-height: none !important;}

#shop #product h1 {display: inline-block;}
#shop #product a.back_to_menu {float: right;}

#shop #product #public_tabs #public_tabs_menu a {border-radius: 10px 10px 2px 2px;}

#shop #product #shop div.imagebox {width: 100%;}
#shop #product #shop div.imagebox div.bgbox {margin: 10px; padding: 10px; background-color: #F3F3F3; text-align: center; border: solid 1px #CCCCCC; border-radius: 10px;}
#shop #product #shop div.imagebox div.bgimg {display: inline-block; vertical-align: top;}
#shop #product #shop div.imagebox div.smimg {display: inline-block; vertical-align: top;}
#shop #product #shop div.imagebox div.bgimg div.bgbox {margin: 10px 0px;}
#shop #product #shop div.imagebox div.smimg div.bgbox {margin-right: 0px;}
#shop #product #shop div.imagebox div.image {width: 500px; max-height: 300px; overflow: auto; margin: auto; text-align: center;}
#shop #product #shop div.imagebox div.images {width: 170px; max-height: 300px; overflow: auto; margin: auto; text-align: center;}
#shop #product #shop div.imagebox div.image img {max-width: 480px; max-height: 298px; border: solid 1px #777777;}
#shop #product #shop div.imagebox div.images img {margin: 5px; border: solid 1px #777777;}

#shop div.price_cart {margin: 10px 0px;}
#shop #list_products div.price_cart {margin: 0px;}
#shop div.price_cart div.price {position: relative; display: inline-block; padding: 10px; border: solid 1px #dddddd; color: #333333; margin-top: 20px; font-weight: bold; font-size: 14px; background: #FFFFFF; vertical-align: bottom;}
#shop div.price_cart div.price div.netto_price {font-weight: normal; font-size: 13px;}
#shop div.price_cart div.price span.line {text-decoration: line-through; font-weight: normal; color: #777777;}
#shop div.price_cart div.price div.action {color: #ff0000;}

#shop div.price_cart div.cart {display: inline-block; vertical-align: bottom;}
#shop div.price_cart div.cart {display: inline-block; vertical-align: bottom;}
#shop div.price_cart div.cart a.cart.product div.cart {display: inline-block; background: #ff7700; line-height: 32px; margin: 0px 5px; padding: 0px 10px; color: #ffffff;}
#shop div.price_cart div.cart a.cart.product.selected div.cart {background: #00AA00;}
#shop div.price_cart div.cart a.cart div.cart i.fa {margin-right: 10px; font-size: 18px;}
#shop div.price_cart div.cart div.cart.product.change {display: inline-block; width: 50px; height: 30px; margin: 0px; padding: 0px; position: relative; border: solid 1px #dddddd;}
#shop div.price_cart div.cart div.cart.product.change input {width: 30px; height: 30px; border: 0px; padding: 5px 10px;}
#shop div.price_cart div.cart div.cart.product.change i {position: absolute; right: 0px; width: 20px; height: 15px; background: #e1e1e1; color: #6b6b6b; cursor: pointer; text-align: center; line-height: 15px;}
#shop div.price_cart div.cart div.cart.product.change i.fa-caret-up {top: 0px;}
#shop div.price_cart div.cart div.cart.product.change i.fa-caret-down {bottom: 0px;}

#shop div.price_cart div.store {display: inline-block; background: #AAAAAA; line-height: 32px; margin: 0px 5px 0px 0px; padding: 0px 10px; color: #ffffff;}
#shop div.price_cart div.store.store {background: #00AA00;}
#shop div.price_cart div.store.order {background: #ffdd00;}
#shop div.price_cart div.store.preorder {background: #AAAAAA;}
#shop div.price_cart div.store.noorder {background: #FF0000;}

#shop div.price_cart div.price_text {padding: 10px; border: solid 1px #dddddd; color: #333333; margin-top: 10px; font-size: 14px; background: #FFFFFF;}

#shop #product div.price_cart.child {padding: 10px; border: solid 1px #dddddd; background: #FFFFFF; margin-top: 10px;}
#shop #product div.price_cart.child div.title {display: block; padding: 5px; color: #333333; margin-top: 5px; font-size: 15px; font-weight: bold; background: #FaFaFa; border: solid 1px #dddddd;}
#shop #product div.price_cart.child div.price {margin-top: 0px; border: 0px; padding: 5px 5px 0px 5px;}
#shop #product div.price_cart.child div.price_text {padding: 0px 5px; border: 0px; color: #333333; margin-top: 5px; font-size: 11px; background: transaparent;}

#public_tabs div.datas div.data div.title {display: none;}
#public_tabs div.datas div.data label {display: inline-block; font-weight: bold;}
#public_tabs div.datas div.data_datas label {width: 90px;}

#shop #product div.datas div.data_news div.item {display: inline-block; min-height: 150px; margin: 0px 20px 20px 0px; width: 420px; vertical-align: top;}
#shop #product div.datas div.data_news div.item h2 a {display: block; margin-bottom: 10px;}
#shop #product div.datas div.data_news div.item a.img img {float: left; margin: 0px 10px 10px 0px; max-width: 180px;}

#shop #product div.datas div.data_connect div.item {display: inline-block; min-height: 150px; margin: 20px 5px; width: 280px; text-align: center; vertical-align: top;}
#shop #product div.datas div.data_connect div.item a.img img {margin: 0px 0px 10px 0px; max-width: 220px;}
#shop #product div.datas div.data_connect div.item h2 a {display: block; margin-bottom: 10px;}
#shop #product div.datas div.data_connect div.item span.price {color: #FE5214; font-size: 15px;}

#shop #public_tabs {position: relative;}
#shop #public_tabs div.data_addthis {position: absolute; top: 0px; right: 0px; width: 220px; margin: 0px;}

/* ################## SHOP CART ################## */


#shop_cart {position: relative; background: #f9f9f9; padding-top: 60px;}

#shop_cart h1.title {position: absolute; top: 0px; left: 0px; display: block; width: 100%; line-height: 60px; background: #252525; color: #FFFFFF; font-size: 20px; padding: 0px; box-shadow: 0px 3px 5px #252525;}
#shop_cart h1.title:before {content: "\f291"; font-family: FontAwesome; display: inline-block; color: #FFFFFF; margin: 0px 10px 0px 10px;}
#shop_cart h1.title.error {color: #FF0000; font-weight: 400; text-shadow: 0 0 1px #777777;}
#shop_cart h1.title.successfull {color: #00FF00; font-weight: 400; text-shadow: 0 0 1px #777777;}

#shop_cart h2.title.error {padding: 5px 10px; margin: 2px 0px; background: #FF0000; font-weight: 400; text-shadow: 0 0 1px #333333; color: #FFFFFF; font-size: 18px;}

#shop_cart div.shop_cart {padding: 20px; margin-bottom: 20px;}

#shop_cart #list_cart div.table {display: table; width: 100%;}
#shop_cart #list_cart div.row {display: table-row;}
#shop_cart #list_cart div.cell {display: table-cell; text-align: left; vertical-align: middle; padding: 2px; font-size: 14px; color: #909090;}

#shop_cart #list_cart div.row {border-bottom: solid 1px #E0E0E0;}
#shop_cart #list_cart div.row-head div.cell {text-transform: uppercase;}
#shop_cart #list_cart div.row-data.color-0 {background: #f9f9f9;}
#shop_cart #list_cart div.row-data.color-1 {background: #f5f5f5;}
#shop_cart #list_cart div.row-data:hover {background: #f1f1f1;}

#shop_cart #list_cart div.cell.image {text-align: center; padding: 20px 10px;}
#shop_cart #list_cart div.row-head div.cell.image {text-align: left; padding: 2px 10px;}
#shop_cart #list_cart div.cell.image a {display: block; width: 100px; height: 100px; overflow: hidden; background: #FFFFFF; border: solid 1px #E0E0E0;}
#shop_cart #list_cart div.cell.image img {max-width: 100px;}
#shop_cart #list_cart div.cell.name {padding-left: 10px;}
#shop_cart #list_cart div.cell.name a {text-decoration: none; color: #333333;}
#shop_cart #list_cart div.cell.name a:hover {color: #999999;}
#shop_cart #list_cart div.cell.price {text-align: right; white-space: nowrap;}
#shop_cart #list_cart div.cell.price.one.netto {display: none;}
#shop_cart #list_cart div.cell.price.all.netto {display: none;}
#shop_cart #list_cart div.row-data div.cell.price.all.brutto {color: #333333;}
#shop_cart #list_cart div.cell.number {text-align: center;}
#shop_cart #list_cart div.cell.delete {text-align: center; min-width: 10px;}
#shop_cart #list_cart div.cell.delete i {color: #FF0000; font-size: 21px;}
#shop_cart #list_cart div.cell span.curr {display: inline-block; margin-left: 5px;}

#list_cart div.cart.change {display: inline-block; width: 50px; height: 30px; margin: 0px; position: relative; border: solid 1px #dddddd;}
#list_cart div.cart.change input {width: 50px; height: 30px; border: 0px; padding: 5px 10px;}
#list_cart div.cart.change i {position: absolute; right: 0px; width: 20px; height: 15px; font-size: 18px; background: #e1e1e1; color: #6b6b6b; cursor: pointer; text-align: center; line-height: 15px;}
#list_cart div.cart.change i.fa-caret-up {top: 0px;}
#list_cart div.cart.change i.fa-caret-down {bottom: 0px;}


#shop_cart #full_price {position: relative; background: #f9f9f9; margin-top: 60px;}
#shop_cart #full_price div.table {display: table; width: 100%; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC;}
#shop_cart #full_price div.row {display: table-row; border-bottom: solid 1px #CCCCCC;}
#shop_cart #full_price div.cell {display: table-cell; text-align: center; vertical-align: middle; padding: 0px 5px; font-size: 14px; color: #333333; line-height: 60px;}
#shop_cart #full_price div.cell.price.brutto {padding-right: 20px;}

#shop_cart #full_price div.row.shipping {background: #eeeeee;}
#shop_cart #full_price div.row.price {background: #333333; border: solid 1px #333333;}
#shop_cart #full_price div.row.price div.cell {color: #ffffff;}

#shop_cart #full_price div.cell.price {text-align: right; white-space: nowrap; width: 30%;}
#shop_cart #full_price div.cell.price.brutto {font-weight: bold;}
#shop_cart #full_price div.cell span.curr {display: inline-block; margin-left: 5px;}


#shop_cart div.order_data {padding: 20px; border-top: solid 1px #CCCCCC; color: #333333; font-size: 14px;}
#shop_cart div.order_data div.title {line-height: 40px; font-size: 30px; margin-bottom: 10px;}
#shop_cart div.order_data.error div.title {line-height: 40px; font-size: 30px; margin-bottom: 10px; color: #FF0000;}
#shop_cart div.order_data div.row {width: 25%; min-width: 250px; display: inline-block; vertical-align: top; margin-left: -4px;}
#shop_cart div.order_data div.row div.data {display: inline-block; vertical-align: top;}
#shop_cart div.order_data div.row div.label {display: inline-block; vertical-align: top; max-width: 80%;}
#shop_cart div.order_data div.row div.price {display: inline-block; vertical-align: text-top;}
#shop_cart div.order_data div.info {display: inline-block; vertical-align: middle;}
#shop_cart div.order_data div.info img {max-width: 100%;}
#shop_cart div.order_data i.fa {padding: 2px; font-size: 18px;}
#shop_cart div.order_data i.fa.fa-usd {color: #FF0000;}
#shop_cart div.order_data i.fa.fa-check.free {color: #00CC00;}

#shop_cart div.order_data input[type="text"] {width: 343px; height: 40px; border: solid 1px #E0E0E0; padding: 0px 10px; margin: 0px 10px 0px 0px;}
html.msie #shop_cart div.order_data input[type="text"] {width: 323px;}
#shop_cart div.order_data input[type="password"] {width: 343px; height: 40px; border: solid 1px #E0E0E0; padding: 0px 10px; margin: 0px 10px 0px 0px;}
#shop_cart div.order_data select {width: 343px; height: 40px; border: solid 1px #E0E0E0; padding: 0px 10px; margin: 5px 10px 0px 0px;}
#shop_cart div.order_data textarea {width: 100%; height: 140px; border: solid 1px #E0E0E0; padding: 10px;}

#shop_cart div.order_data input.error[type="text"] {background: #FF0000; color: #FFFFFF;}
#shop_cart div.order_data input.error[type="password"] {background: #FF0000; color: #FFFFFF;}
#shop_cart div.order_data select.error {background: #FF0000; color: #FFFFFF;}
#shop_cart div.order_data textarea.error {background: #FF0000; color: #FFFFFF;}

i.fa.hover-layer {position: relative;}
i.fa.hover-layer span.layer {display: none; position: absolute; top: 17px; left: 10px; z-index: 100; min-width: 150px; padding: 10px; background: #FFFFFF; border: solid 1px #CCCCCC; box-shadow: 0px 0px 3px #333333; font-size: 14px; color: #333333;}
i.fa.hover-layer:hover span.layer {display: block;}

#shop_cart #shop_cart_pay div.row.barion-cart {position: relative;}
#shop_cart #shop_cart_pay div.row.barion-cart div.info {position: absolute; top: 20px; left: 10px;}
#shop_cart #shop_cart_pay div.row.barion-cart div.info i.fa.hover-layer span.layer {display: block; left: 0px; top: 0px; border: 0px; box-shadow: none;}
#shop_cart #shop_cart_pay div.row.barion-cart div.info i.fa.hover-layer span.layer img {width: 200px;}

#shop_cart #shop_cart_pay div.row.otpsimple-cart {position: relative;}
#shop_cart #shop_cart_pay div.row.otpsimple-cart div.info {position: absolute; top: 20px; left: 10px;}
#shop_cart #shop_cart_pay div.row.otpsimple-cart div.info i.fa.hover-layer span.layer {display: block; left: 0px; top: 0px; border: 0px; box-shadow: none;}
#shop_cart #shop_cart_pay div.row.otpsimple-cart div.info i.fa.hover-layer span.layer img {width: 200px;}

#shop_cart #shop_cart_user {border-top: 0px;}
#shop_cart #shop_cart_user input {margin: 10px 10px 10px 0px; width: 215px;}
html.msie #shop_cart #shop_cart_user input {width: 195px;}

#shop_cart #shop_cart_bill {display: inline-block; vertical-align: top; width: 400px; border-top: 0px;}
#shop_cart #shop_cart_shipping {display: inline-block; vertical-align: top; width: 400px; padding-right: 0px; margin-left: 20px; border-top: 0px;}

#shop_cart #shop_cart_ship div.row.noshow {display: none;}
#shop_cart #shop_cart_ship div.row.act {color: #333333; font-weight: bold;}
#shop_cart #shop_cart_ship div.row.inact {color: #AAAAAA;}

#shop_cart #shop_cart_ship div.shops-select {position: relative; width: 400px;}
#shop_cart #shop_cart_ship div.shops-select.hide {display: none;}
#shop_cart #shop_cart_ship div.shops-select.error input[type="text"] {background: #FF0000; color: #FFFFFF;}

#shop_cart #shop_cart_ship div.shops-select #postaPontApi {margin: 0px; width: 560px;}
#shop_cart #shop_cart_ship div.shops-select #postaPontApi #postaPontApi-inner {padding: 0px;}
#shop_cart #shop_cart_ship div.shops-select #postaPontApi #postaPontApi-inner #select_container {display: none;}
#shop_cart #shop_cart_ship div.shops-select #postaPontApi #postaPontApi-inner #pp-select-button {display: none;}
#shop_cart #shop_cart_ship div.shops-select #postaPontApi #postaPontApi-inner p {display: none;}
#shop_cart #shop_cart_ship div.shops-select #postaPontApi #postaPontApi-inner #pp-map-canvas {width: 560px !important; height: 320px !important;}

#shop_cart #shop_cart_ship div.shops-select {left: 380px; width: 560px;}
#shop_cart #shop_cart_bill {margin-bottom: 60px;}

#shop_cart #shop_cart_pay div.row.noshow {display: none;}
#shop_cart #shop_cart_pay div.row.act {color: #333333; font-weight: bold;}
#shop_cart #shop_cart_pay div.row.inact {color: #AAAAAA;}

#shop_cart #shop_cart_shipping_deadline select {width: 130px;}
#shop_cart #shop_cart_shipping_deadline select.year {width: 80px;}
#shop_cart #shop_cart_shipping_deadline select.day {width: 70px;}

#shop_cart div.order_data.address input {margin: 5px 1px 0px 0px;}
#shop_cart div.order_data.address input.settlement {width: 209px;}
#shop_cart div.order_data.address input.zip {width: 130px;}
#shop_cart div.order_data.address input.street {width: 209px;}
#shop_cart div.order_data.address select.street_type {width: 130px;}
#shop_cart div.order_data.address input.number {width: 209px;}
html.msie #shop_cart div.order_data.address input.settlement {width: 189px;}
html.msie #shop_cart div.order_data.address input.zip {width: 107px;}
html.msie #shop_cart div.order_data.address input.street {width: 189px;}
html.msie #shop_cart div.order_data.address select.street_type {width: 129px;}
html.msie #shop_cart div.order_data.address input.number {width: 189px;}
#shop_cart #shop_cart_bill.order_data.address label.company {width: 300px;}
#shop_cart #shop_cart_bill.order_data.address label.company input.checkbox {width: 50px;}

#shop_cart span.help_title {display: block; max-width: 50%; margin-bottom: 10px;}
#shop_cart #shop_cart_coupon i.fa.fa-question-circle {font-size: 25px; color: #00CC00; cursor: pointer;}

#shop_cart #shop_cart_newsletter {display: inline-block; vertical-align: top; border-top: 0px;}
#shop_cart #shop_cart_newsletter div.title {display: inline-block; line-height: 20px; font-size: 14px; font-weight: normal;}
#shop_cart #shop_cart_newsletter input {float: left; margin-right: 10px}

#shop_cart #shop_cart_aszf {display: inline-block; vertical-align: top; border-top: 0px;}
#shop_cart #shop_cart_aszf div.title {display: inline-block; line-height: 20px; font-size: 14px; font-weight: normal;}
#shop_cart #shop_cart_aszf input {float: left; margin-right: 10px}

#shop_cart #shop_cart_submit {border-top: 0px; text-align: center;}
#shop_cart #shop_cart_submit div.submit {text-align: center;}
#shop_cart #shop_cart_submit div.submit input.submit {border: 0px; text-align: center; height: 60px; width: 480px; background: #ff7711; color: #FFFFFF; font-size: 24px; text-transform: uppercase; cursor: pointer;}

#shop_cart div.order_data div.error div.label {color: #FF0000;}
#shop_cart div.order_data div.title.error {color: #FF0000;}
#shop_cart div.order_data div.title.error a {color: #FF0000;}


#shop_cart_ship div.shops-select p.title {line-height: 40px; font-size: 30px; margin: 10px 0px;}

#shop_cart_ship div.shops-select div.autocomplete_result {display: none; position: absolute; left: 0px; top: 100px; z-index: 100; width: 500px; padding: 5px; background: #FFFFFF; font-size: 12px; box-shadow: 0px 0px 3px #333333;}
#shop_cart_ship div.shops-select div.autocomplete_result table {width: 100%;}
#shop_cart_ship div.shops-select div.autocomplete_result tr:hover {background: #e1ded9;}
#shop_cart_ship div.shops-select div.autocomplete_result td {color: #505050; font-size: 12px; font-family: 'Monda', sans-serif; font-size: 12px;}
#shop_cart_ship div.shops-select div.autocomplete_result td {width: auto; padding-left: 10px;}
#shop_cart_ship div.shops-select div.autocomplete_result td a {display: block; color: #006634; font-size: 12px; font-family: 'Monda', sans-serif; font-size: 12px; text-decoration: none;}
#shop_cart_ship div.shops-select div.autocomplete_result td a:hover {color: #339966; font-size: 12px; font-family: 'Monda', sans-serif; font-size: 12px; text-decoration: none;}

#shop_cart_ship div.shop-info {display: none; margin-top: 10px; border: solid 1px #e0e0e0; background: #ffffff; padding: 5px 10px;}
#shop_cart_ship div.shop-info h3 {margin-bottom: 5px; font-weight: bold; font-size: 16px;}
#shop_cart_ship div.shop-info label {display: inline-block; width: 80px; vertical-align: top;}

#shop_cart div.order_data.address div.taxnumber_box {position: relative;}
div.address-ac-result {position: absolute; z-index: 10; background-color: #FFFFFF; border: solid 1px #AAAAAA; padding: 5px; max-height: 200px; overflow: auto;}
div.address-ac-result a {display: block; color: #333333; font-size: 12px; white-space: nowrap; line-height: 16px; cursor: pointer;}
div.address-ac-result a:hover {background-color: #EEEEEE;}


#payment_return_message {font-size: 21px; margin: 25px auto; text-align: center; font-weight: bold;}
#payment_return_message.successfully {color: #00AA00;}
#payment_return_message.failed {color: #FF0000;}

/* ################## SHOP SEARCH ################## */

#shop_search_form {width: 400px; margin: 20px auto;}
#shop_search_form h2.title {display: block; text-align: center; font-weight: bold; font-size: 18px; margin-bottom: 10px;}
#shop_search_form label {width: 180px; display: inline-block; margin: 5px; font-weight: bold;}
#shop_search_form input {width: 180px; margin: 5px; border: 0px; border-radius: 2px;}
#shop_search_form select {width: 180px; margin: 5px; border-radius: 2px;}
#shop_search_form input.submit {display: block; width: auto; margin: 10px auto; padding: 5px; border-radius: 2px; background: #555555; color: #ffffff;}


#shop_search_form div.autocomplete_result {position: absolute; right: 0px; top: 25px; z-index: 100; width: 600px; padding: 10px; background: #FFFFFF; font-size: 12px; z-index: 100; box-shadow: 0px 0px 3px #333333;}
#shop_search_form div.autocomplete_result table {width: 100%;}
#shop_search_form div.autocomplete_result tr {border-bottom: solid 1px #CCCCCC;}
#shop_search_form div.autocomplete_result tr:hover {background: #f0f0f0;}
#shop_search_form div.autocomplete_result td {color: #505050; font-size: 12px; font-family: 'Monda', sans-serif; font-size: 12px; line-height: 40px;}
#shop_search_form div.autocomplete_result td#i {text-align: left; width: 40px; background: #FFFFFF;}
#shop_search_form div.autocomplete_result td#i img {height: 30px; max-width: 80px;}
#shop_search_form div.autocomplete_result td#n {width: 330px;}
#shop_search_form div.autocomplete_result td#n a {display: block; width: 430px; padding-left: 10px; overflow: hidden; color: #999999; font-size: 14px; font-family: 'Monda', sans-serif; text-decoration: none; white-space: nowrap;}
#shop_search_form div.autocomplete_result td#p {color: #cf0918; text-align: right; padding-right: 10px;}
#shop_search_form div.autocomplete_result td#p a {display: block; color: #ff0000; font-weight: bold; text-align: right; padding-right: 10px;}
#shop_search_form div.autocomplete_result tr.next {border: 0px;}
#shop_search_form div.autocomplete_result tr.next:hover {background: transparent;}
#shop_search_form div.autocomplete_result tr.next td {text-align: right;}
#shop_search_form div.autocomplete_result tr.next a {margin: 10px 30px; color: #ffffff; line-height: 30px; text-align: center; font-size: 14px; display: block; background: #333333; border-radius: 5px;}
#shop_search_form div.autocomplete_result tr.next a:hover {background: #777777;}


/* ################## FAQ ################## */

#faq #faq_list div.item div.title {margin: 0px 0px 10px 0px;}
#faq #faq_list div.item div.title h2 {display: inline-block; vertical-align: top;}
#faq #faq_list div.item div.title h2 a {display: inline-block; vertical-align: top; color: #333333; line-height: 30px; text-transform: uppercase;}
#faq #faq_list div.item a.button {display: inline-block; margin-right: 10px; padding: 0px 10px; border: solid 1px #333333; color: #333333; cursor: pointer; vertical-align: top; line-height: 30px; text-transform: uppercase; font-weight: bold;}
#faq #faq_list div.item a.button i {margin: 0px; font-size: 20px; color: #333333; line-height: 30px;}
#faq #faq_list div.item a.button:hover {background: #333333; color: #FFFFFF;}
#faq #faq_list div.item a.button:hover i {color: #FFFFFF;}
#faq #faq_list div.item div.title a.hide {display: none;}
#faq #faq_list div.item div.title a span {display: none; margin-left: 10px; line-height: 30px;}

#faq #faq_list div.item h3 {line-height: 20px; margin-bottom: 10px;}
#faq #faq_list div.item div.lead div.text {display: none; margin: 0px 0px 30px 0px;}
#faq #faq_list div.item div.lead div.text a.more {margin: 5px 0px;}
#faq #faq_list div.item div.lead div.text a.more span {margin-right: 10px;}

/* ################## RESPONSIVE MENU ################## */

#mobil-navigation-menu a.m-menu {display: none; position: fixed; top: 0px; left: 0px; width: 70px; height: 60px; background: rgba(0,0,0,0.4); z-index: 100;}
#mobil-navigation-menu a.m-content {display: none; position: fixed; top: 0px; right: 0px; width: 70px; height: 60px; background: rgba(0,0,0,0.4); z-index: 100;}
#mobil-navigation-menu i.fa.fa-bars {position: absolute; top: 15px; left: 20px; font-size: 30px; color: #FFFFFF; z-index: 11;}
#mobil-navigation-menu i.fa.fa-file-text-o {position: absolute; top: 15px; right: 20px; font-size: 30px; color: #FFFFFF; z-index: 11;}

/* ################## COOKIE CHECK ################## */

#cookie_check {position: fixed; bottom: 0px; z-index: 100; width: 100%; height: 60%; background: rgba(1,1,1,0.5); text-align: left; opacity: 1; transition: all 0.3s ease-in-out 0s;}
#cookie_check form.cookie_check {position: relative; padding: 10px 10px 30px 10px; max-width: 1000px; margin: auto; text-align: center; background: rgba(3,3,3,0.8);}
#cookie_check div.text {padding: 5% 150px 15px 20px; text-align: left; line-height: 19px; font-size: 15px; color: #FFFFFF; font-weight: normal;}
#cookie_check div.text a {font-size: 15px; color: #e0bc03; font-weight: normal;}
#cookie_check div.text label {display: block; font-weight: normal;}
#cookie_check div.text a:hover {color: #FFFFFF;}
#cookie_check .button.all {display: inline-block; margin: 0px 5px; min-width: 170px; border-radius: 5px; top: 10px; text-align: center; line-height: 40px; font-size: 18px; color: #fff; font-weight: normal; background: #cc0000; cursor: pointer; transition: all 0.3s ease-in-out 0s; text-decoration: none;}
#cookie_check .button:hover {background: #ff0000;}
#cookie_check .button.act {display: inline-block; margin: 0px 5px; min-width: 170px; border-radius: 5px; top: 10px; text-align: center; line-height: 40px; font-size: 16px; color: #fff; border: solid 1px #fff; font-weight: normal; background: transparent; cursor: pointer; transition: all 0.3s ease-in-out 0s; text-decoration: none;}

/* ################## gallery slider ################## */

#gallery.gslider {position: relative; display: block; margin: 0 auto; padding: 0; width: 100%; height: auto; overflow: hidden;}
#gallery.gslider div.images {display: block; left: 0px; transition: all 1000ms ease 0s; transform: translate3d(0px, 0px, 0px); white-space: nowrap;}
#gallery.gslider div.images div.image {padding: 5px; margin: 5px; border: 1px solid #dadada;}
#gallery.gslider i.nav {position: absolute; top: 60px; color: rgba(255,255,255,0.7); display: inline-block; font-size: 50px; z-index: 10; cursor: pointer;}
#gallery.gslider i.nav:hover {color: rgba(255,255,255,0.9);}
#gallery.gslider i.nav.prev {left: 30px;}
#gallery.gslider i.nav.next {right: 30px;}

/* ################## slider ################## */

div.orbit-wrapper div.slider-nav span.left {background: transparent;}
div.orbit-wrapper div.slider-nav span.right {background: transparent;}
div.orbit-wrapper ul.orbit-bullets {display: none;}
div.orbit-wrapper div.timer {display: none;}


/* ################## rendszer urlapok ################## */



#admin_box.admin.edit {position: relative;}
#admin_box.admin.edit {max-width: 1200px; width: 98%; margin: 1% auto 1% auto;}
#admin_box.admin.edit div:target {padding-top: 50px !important;}

#admin_box.admin.edit .hidden {visibility: hidden;}

#admin_box.admin.edit div.title {color: #009fb4; font-family: Roboto, sans-serif; font-size: 30px; font-weight: bold; margin: 10px 0px 20px 0px;}
#admin_box.admin.edit div.title.successful {background: #00ccaa; color: #FFFFFF; font-size: 20px; line-height: 45px; padding: 0px 20px; font-weight: normal;}
#admin_box.admin.edit div.title.error {background: #ff6372; color: #FFFFFF; font-size: 20px; line-height: 45px; padding: 0px 20px; font-weight: normal;}

#admin_box.edit div.title a.view {float: right; line-height: 40px; color: #FFFFFF; font-size: 16px; font-weight: normal; background: #009fb4; text-transform: uppercase; padding: 0px 10px;}
#admin_box.edit div.title a.view:hover {background: #006F84;}
#admin_box.edit div.title a.view i.fas {margin-right: 10px; line-height: 40px; color: #FFFFFF; font-size: 30px; vertical-align: middle;}

#admin_box.admin.edit div.subtitle {color: #009fb4; font-family: Roboto, sans-serif; font-size: 22px; font-weight: bold; margin: 20px 0px 10px 0px;}
#admin_box.admin.edit a.subtitle {display: block; color: #009fb4; font-family: Roboto, sans-serif; font-size: 22px; font-weight: bold; margin: 20px 0px 10px 0px; cursor: pointer;}

#admin_box.admin.edit legend {font-size: 14px; color: rgba(0,111,132,0.5); line-height: 30px; text-transform: uppercase;}
#admin_box.admin.edit fieldset {border: solid 1px #d1d1d1; margin: 30px 0px; padding: 5px 10px; background: rgba(255,255,255,0.5);}

#admin_box.admin.edit div.input_box {margin-bottom: 15px;}
#admin_box.admin.edit div.input_box div.input.hide {display: none;}
#admin_box.admin.edit div.input_box div.label {font-size: 20px; color: #006F84; line-height: 30px; padding: 2px;}
#admin_box.admin.edit div.input_box.ajax_edit div.label {display: block; position: relative; line-height: 43px; padding: 0px 0px 0px 15px; border: solid 1px #b9b9b9;}
#admin_box.admin.edit div.input_box.ajax_edit.edit div.label {display: none;}
#admin_box.admin.edit div.input_box.ajax_edit div.input {display: none;}
#admin_box.admin.edit div.input_box.ajax_edit.edit div.input {display: block;}

#admin_box.admin.edit div.input_box div.input {position: relative; min-height: 45px;}
#admin_box.admin.edit div.input_box .icon {display: block; position: absolute; top: 1px; padding: 0px; margin: 0px; width: 41px; line-height: 41px; height: 41px; border: solid 1px #FFFFFF; text-align: center; color: #FFFFFF; font-size: 30px; cursor: pointer; background: #009fb4; font-family: FontAwesome;}
#admin_box.admin.edit div.input_box .icon div.text {visibility: hidden; opacity: 0; position: absolute; top: -1px; right: 41px; width: 190px; padding: 5px; font-size: 15px; line-height: 21px; min-height: 31px; max-height: 300px; overflow: auto; border: solid 1px #FFFFFF; text-align: left; transition: visibility 0.5s, opacity 0.5s linear; background: #009fb4;}
#admin_box.admin.edit div.input_box .icon div.text a {color: #FFFFFF; font-weight: bold;}
#admin_box.admin.edit div.input_box .icon div.text a:hover {color: #20DfF4; font-weight: bold;}
#ajax_layer #admin_box.admin.edit div.input_box .icon div.text {color: #FFFFFF;}
#admin_box.admin.edit div.input_box.error a.icon.important div.text {visibility: visible; opacity: 1;}
#admin_box.admin.edit div.input_box .icon.important div.text {background: #ff6372;}
#admin_box.admin.edit div.input_box .icon:hover div.text {visibility: visible; opacity: 1;}
#admin_box.admin.edit div.input_box a.icon.show.important div.text {visibility: visible; opacity: 1;}
#admin_box.admin.edit div.input_box a.icon.show.help div.text {visibility: visible; opacity: 1;}
#admin_box.admin.edit div.input_box a.icon.edit {right: 0px; top: 0px;}
#admin_box.admin.edit div.input_box .icon.important {right: 43px; background: #ff6372; z-index: 1;}
#admin_box.admin.edit div.input_box .icon.help {right: 1px; z-index: 2;}
#admin_box.admin.edit div.ajax_edit.input_box .icon.important {right: 127px;}
#admin_box.admin.edit div.ajax_edit.input_box .icon.help {right: 85px;}
#admin_box.admin.edit div.ajax_edit.input_box a.icon.save {right: 43px; z-index: 3;}
#admin_box.admin.edit div.ajax_edit.input_box a.icon.undo {right: 1px; z-index: 4;}
#admin_box.admin.edit div.input_box .icon:after { font-family: FontAwesome; color: #FFFFFF; font-size: 25px;}
#admin_box.admin.edit div.input_box a.icon.edit:after {content: "\f044";}
#admin_box.admin.edit div.input_box .icon.important:after {content: "\f12a";}
#admin_box.admin.edit div.input_box .icon.help:after {content: "\f128";}
#admin_box.admin.edit div.input_box a.icon.save:after {content: "\f0c7";}
#admin_box.admin.edit div.input_box a.icon.undo:after {content: "\f0e2";}
#admin_box.admin.edit div.input_box a.icon.show:after {content: "\f00d";}

#admin_box.admin.edit .dlabel {display: inline-block; margin: 0px 5px 5px 0px; min-width: 500px; line-height: 45px; font-size: 20px; padding: 0px 100px 0px 20px; border: solid 1px #d1d1d1; max-width: 800px; color: #6d6d6d; background: linear-gradient(to bottom,#F5F5F5,#FFFFFF); border-radius: 2px;}
#admin_box.admin.edit .dlabel:hover {background: linear-gradient(to bottom,#dddddd,#eeeeee);}
#admin_box.admin.edit div.input_box a.link i.fa {display: inline-block; margin: 0px 5px 0px 5px; line-height: 45px; font-size: 20px;}


#admin_box.admin.edit div.input_box input.text {width: 100%; color: #666666; font-family: Roboto, sans-serif; font-size: 20px; border: solid 1px #d1d1d1; background: #FFFFFF; padding: 0px 100px 0px 20px; height: 45px;}
#admin_box.admin.edit div.input_box select.text {width: 100%; color: #666666; font-family: Roboto, sans-serif; font-size: 20px; border: solid 1px #d1d1d1; background: #FFFFFF; padding: 0px 100px 0px 20px; height: 45px;}

#admin_box.admin.edit div.input_box.checkbox div.input {padding-right: 100px;}
#admin_box.admin.edit div.input_box.checkbox label {display: inline-block; vertical-align: top; font-size: 20px; line-height: 45px; margin-right: 30px; min-width: 110px;}
#admin_box.admin.edit div.input_box input.checkbox {width: 25px; height: 40px; display: inline-block; vertical-align: top; margin-right: 10px;}
#admin_box.admin.edit div.input_box:target {padding-top: 60px;}

#admin_box.admin.edit div.input_box input.text[readonly] {background: #DDDDDD;}
#admin_box.admin.edit div.input_box select.text[readonly] {background: #DDDDDD;}
#admin_box.admin.edit div.input_box input.checkbox[readonly] {background: #DDDDDD;}
#admin_box.admin.edit div.input_box textarea.textarea[readonly] {background: #DDDDDD;}

#admin_box.admin.edit a.button {display: inline-block; width: auto; color: #FFFFFF; font-family: Roboto, sans-serif; font-size: 20px; background: #009fb4; padding: 0px 20px; line-height: 45px; text-align: left; border: 0px; font-weight: normal; cursor: pointer;}
#admin_box.admin.edit a.button:hover {background: #006F84; transition: background-color 0.5s linear;}

#admin_box.admin.edit div.input_box.checkbox div.input.text {padding-right: 0px;}
#admin_box.admin.edit div.input_box textarea.textarea {width: 100%; margin-bottom: 15px; color: #666666; font-family: Roboto, sans-serif; font-size: 20px; border: solid 1px #d1d1d1; background: #FFFFFF; padding: 20px; height: 200px;}
#admin_box.admin.edit div.input_box textarea.textarea.description {height: 500px;}
#admin_box.admin.edit input.submit {display: block; width: auto; margin: 20px auto; color: #FFFFFF; font-family: Roboto, sans-serif; font-size: 36px; background: #009fb4; padding: 0px 100px; height: 80px; text-align: center; border: 0px; font-weight: normal; text-transform: uppercase; cursor: pointer;}
#admin_box.admin.edit input.submit:hover {background: #006F84; transition: background-color 0.5s linear;}

#admin_box.admin.edit div.input_box.error div.label {font-size: 20px; color: #FF0000; line-height: 30px; padding: 2px;}
#admin_box.admin.edit div.input_box.error a.important {background: url('/pictures/important.png') no-replay top right #ff0000;}
#admin_box.admin.edit div.input_box.error input.text {border: solid 1px #FF0000;}
#admin_box.admin.edit div.input_box.error select.text {border: solid 1px #FF0000;}
#admin_box.admin.edit div.input_box.error textarea.textarea {border: solid 1px #FF0000;}

#admin_box.admin #submenu {margin: 20px 0px 10px 0px;}
#admin_box.admin #submenu li {display: inline-block; padding: 0px; margin-right: 1px;}
#admin_box.admin #submenu li a {display: block; text-align: center; padding: 0px 20px; background: #5d4240; color: #FFFFFF; line-height: 45px; font-family: "Roboto Condensed", sans-serif; font-size: 18px;}
#admin_box.admin #submenu li a:hover {background: #7d6260;}
#admin_box.admin #submenu li a.active {background: #7d6260;}

#admin_box.admin.edit div.pre_input_label {font-size: 20px; color: #006F84; line-height: 30px; padding: 2px;}


#admin_box div.acbox {position: relative;}
#admin_box div.acresult {position: absolute; top: 43px; left: 0px; padding: 5px; border: solid 1px #D1D1D1; background: #F5F5F5; font-size: 13px; z-index: 100; max-height: 300px; min-width: 250px; overflow: auto;}
#admin_box div.acresult i.close {position: absolute; top: 5px; right: 5px; color: #FF6372; font-size: 20px; z-index: 110;}
#admin_box.admin.edit div.input_box div.acresult a {display: block; position: relative; top: auto; width: auto; line-height: 20px; height: auto; border: solid 0px #FFFFFF; text-align: left; color: #009FB4; font-size: 18px;}
#admin_box div.connect_result label {display: inline-block; vertical-align: top; min-width: 200px; font-size: 20px; line-height: 45px;}
#admin_box div.connect_result label input.checkbox {width: 25px; height: 40px; display: inline-block; vertical-align: top; margin-right: 10px;}


#admin_box a.eye_check {display: inline-block; line-height: 30px; padding: 0px 10px; font-size: 18px; color: #FFFFFF; background: #009FB4; position: absolute; top: 0px; right: 0px;}
#admin_box a.eye_check:hover {background: #006F84; transition: background-color 0.5s linear;}


#admin_box iframe.admin_images_iframe {width: 98%; height: 210px;}
#admin_box iframe.admin_files_iframe {width: 98%; height: 400px;}

#admin_box #upload_box #admin_tabs_menu {border: 0px; text-align: left; margin: 10px 0px;}
#admin_box #upload_box #admin_tabs_menu div.tab  {background-color: #009FB4; color: #FFFFFF; display: inline-block; padding: 0px 20px; vertical-align: top; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 40px; text-transform: uppercase;}
#admin_box #upload_box #admin_tabs_menu div.tab:hover  {background-color: #006F84; color: #FFFFFF;}
#admin_box #upload_box #admin_tabs_menu div.tab_hover  {background-color: #006F84; color: #FFFFFF; display: inline-block; padding: 0px 20px; vertical-align: top; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 40px; text-transform: uppercase;}
#admin_box #upload_box #admin_tabs_menu div.tab_inactive {filter: alpha(opacity='50'); opacity:0.5;}
#admin_box #upload_box #admin_tabs_menu a {text-decoration: none;}


#admin_box.admin.edit div.input_box div.jFiler-input-button {background: #009FB4; color: #FFFFFF; font-family: Roboto, sans-serif; font-size: 20px; line-height: 45px; padding: 0px 10px 0px 10px; width: auto; max-width: 100%; cursor: pointer;}
#admin_box.admin.edit div.input_box div.jFiler-input-button:before {padding-right: 10px; font-family: FontAwesome; color: #FFFFFF; font-size: 25px; text-align: center; width: 40px; line-height: 40px; content: "\f093"; vertical-align: middle;}
#admin_box.admin.edit div.input_box div.jFiler-input-button:hover {background: #006F84;}


#admin_box.edit.gallery table.admin_form_table {width: 100%;}
#admin_box.edit.gallery table.admin_form_table tr.head {}
#admin_box.edit.gallery table.admin_form_table tr.head span {display: inline-block; vertical-align: top; width: 15%; margin: 0px -4px 5px 0px; line-height: 30px; background: #006F84; padding: 0px 2px; color: #FFFFFF; font-size: 15px;}
#admin_box.edit.gallery table.admin_form_table tr.head span.img {width: 40px; padding-left: 10px;}
#admin_box.edit.gallery table.admin_form_table tr.head span.number {width: 5%;}
#admin_box.edit.gallery table.admin_form_table tr.head span.keywords {width: 10%;}
#admin_box.edit.gallery table.admin_form_table tr.head span.save {width: 40px;}
#admin_box.edit.gallery table.admin_form_table tr.head span.delete {width: 40px;}
#admin_box.edit.gallery table.admin_form_table input {vertical-align: top; width: 15%; margin-bottom: 2px; height: 30px; padding: 0px 3px;}
#admin_box.edit.gallery table.admin_form_table input.description {qwidth: 20%;}
#admin_box.edit.gallery table.admin_form_table input.number {width: 5%;}
#admin_box.edit.gallery table.admin_form_table select {vertical-align: top; width: 10%; margin-bottom: 2px; height: 30px;}
#admin_box.edit.gallery table.admin_form_table i.fa {font-size: 25px; margin: 0px 5px; cursor: pointer;}
#admin_box.edit.gallery table.admin_form_table i.fa.save {color: #00CC00; margin-left: 10px;}
#admin_box.edit.gallery table.admin_form_table i.fa.delete {color: #DD0000;}




/* ################## form menu ################## */

#domain_admin_form_menu {border: 0px; text-align: left; margin: 10px 0px;}
#domain_admin_form_menu div.menu  {background-color: #009fb4; color: #FFFFFF; display: inline-block; padding: 0px 20px; vertical-align: top;}
#domain_admin_form_menu div.menu:hover  {background-color: #006F84; color: #FFFFFF;}
#domain_admin_form_menu div.menu_hover  {background-color: #006F84; color: #FFFFFF; display: inline-block; padding: 0px 20px; vertical-align: top;}
#domain_admin_form_menu div.transparent {filter: alpha(opacity='50'); opacity:0.5;}
#domain_admin_form_menu div.number {display: none;}
#domain_admin_form_menu div.text {font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 40px; text-transform: uppercase;}
#domain_admin_form_menu a {text-decoration: none;}



#mobil-navigation-menu {display: none;}
#body #menu_wrapper a.mmenu {display: none; position: fixed; top: 0px; left: 0px; width: 60px; height: 60px; min-width: 60px; min-height: 60px; z-index: 200; background: rgba(33,33,33,0.5);}
html.admin-user #body #menu_wrapper a.mmenu {top: 50px;}
#body #menu_wrapper a.mmenu i.fa {position: absolute; top: 15px !important; left: 15px; font-size: 30px; color: #fff; z-index: 211;}
#body #menu_wrapper a.mmenu.close i.fa {left: 20px;}

#body #menu_wrapper:target a.mmenu.close {display: block;}
#body #menu_wrapper:target a.mmenu.open {display: none;}


@media only screen and (max-width: 960px) {

#body #menu_wrapper {display: block; width: 100%; max-width: 600px; padding: 0px; margin: 0px auto; border: none;}

#body #menu_wrapper a.mmenu.open {display: block;}



#top_box_cont #menu_top {display: block; width: 100%;}
#top_box_cont #menu_wrapper #menu_top {display: block; width: 100%;}

#menu_wrapper #menu_top.lev2 {display: block; width: 100%; height: 0px; opacity: 0; transition: opacity 250ms ease 0s; overflow: hidden; float: none;}
#menu_wrapper #menu_top.lev2 li, #menu_wrapper #menu_top li.lev2 {display: none; overflow: visible;}
#menu_wrapper:target {display: block; height: auto;}
#menu_wrapper:target #menu_top.lev2 {display: block; width: auto; height: auto; opacity: 1; transition: opacity 250ms ease 0s;}
#menu_wrapper:target #menu_top.lev2 li.lev2 {display: block; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}
#menu_wrapper #menu_top.lev2 li.lev2 {display: block; width: 100%; margin: 0px; padding: 0px;}
#menu_wrapper #menu_top.lev2 li.lev2 a {line-height: 50px; text-align: center; white-space: normal; width: 100%; border-bottom: solid 1px #DDDDDD;}

#menu_wrapper #menu_top.lev2 li.lev2 ul.lev3 {display: none; padding: 0px;}
#menu_wrapper #menu_top.lev2 li.lev2.mobil ul.lev3 {display: block; padding: 0; width: 100%; position: relative; left: auto; top: auto; bottom: auto; right: auto;}
#menu_wrapper #menu_top.lev2 li.lev2 ul.lev3 li.lev3 {border-bottom: 0px;}
#menu_wrapper #menu_top.lev2 li.lev2.mobil ul.lev3 li.lev3 {display: block; width: 100%; margin: 0; padding: 0;}
#menu_wrapper #menu_top.lev2 li.lev2.mobil ul.lev3 li.lev3 a {line-height: 40px; padding: 0px; text-align: center; white-space: normal; border-bottom: solid 1px #FFFFFF;}

#menu_wrapper #menu_top.lev2 li.lev3 ul.lev4 {display: none; opacity: 1;}
#menu_wrapper #menu_top.lev2 li.lev3:hover ul.lev4 {display: none;}
#menu_wrapper #menu_top.lev2 li.lev3.mobil ul.lev4 {display: block; width: 100%; position: relative; left: auto; top: auto; bottom: auto; right: auto;}
#menu_wrapper #menu_top.lev2 li.lev3.mobil ul.lev4 li.lev4 {display: block; width: 100%; margin: 0px; padding: 0px;}
#menu_wrapper #menu_top.lev2 li.lev3.mobil ul.lev4 li.lev4 a {line-height: 40px; display: block; text-align: center; white-space: normal; padding: 0px; border-bottom: solid 1px #FFFFFF;}

#menu_wrapper #menu_top.lev2 li.lev4 ul.lev5 {display: none; opacity: 1;}
#menu_wrapper #menu_top.lev2 li.lev4:hover ul.lev5 {display: none;}
#menu_wrapper #menu_top.lev2 li.lev4.mobil ul.lev5 {display: block; width: 100%; position: relative; left: auto; top: auto; bottom: auto; right: auto;}
#menu_wrapper #menu_top.lev2 li.lev4.mobil ul.lev5 li.lev5 {display: block; width: 100%; margin: 0px; padding: 0px;}
#menu_wrapper #menu_top.lev2 li.lev4.mobil ul.lev5 li.lev5 a {line-height: 40px; display: block; text-align: center; white-space: normal; padding: 0px; border-bottom: solid 1px #FFFFFF;}

}


@media only screen and (max-width: 600px) {

#cookie_check div.text {padding: 15px 20px 50px 20px;}
#cookie_check .button {top: auto; bottom: 10px;}
#cookie_check .button.all {top: auto; right: 150px;}

}


/* DEFAULT END */



/* DEMO ADMIN START */



/* DEMO ADMIN END */



/* DOMAIN ADMIN START */

body {
	background-color: 1B1B1B;
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
	text-align: left;
}
#body div.site-info-body, table.body {
	width: 100%;
	height: auto;
	border-collapse: collapse;
	border-style: solid;
	border-top-width: 0px;
	border-top-color: FFFFFF;
	border-right-width: 0px;
	border-right-color: FFFFFF;
	border-bottom-width: 0px;
	border-bottom-color: FFFFFF;
	border-left-width: 0px;
	border-left-color: FFFFFF;
	margin-right: auto;
	margin-left: 0px;
}
#body div.site-info-body, table.body {
	width: 100%;
	height: auto;
	border-collapse: collapse;
	border-style: solid;
	border-top-width: 0px;
	border-top-color: FFFFFF;
	border-right-width: 0px;
	border-right-color: FFFFFF;
	border-bottom-width: 0px;
	border-bottom-color: FFFFFF;
	border-left-width: 0px;
	border-left-color: FFFFFF;
	margin-right: auto;
	margin-left: 0px;
}
#show_layer_bg div.show_layer {
	width: 100%;
}
table, td {
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
}
#body #menu_footer li.lev2 a {
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
	text-transform: none;
}
#body #menu_footer li.lev2 a:hover {
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
	text-transform: none;
}
#body #footer div.footer {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#body #footer {
	height: 0px;
	background-color: transparent;
	border-collapse: collapse;
	border-style: solid;
	border-top-width: 0px;
	border-top-color: FFFFFF;
	border-right-width: 0px;
	border-right-color: FFFFFF;
	border-bottom-width: 0px;
	border-bottom-color: FFFFFF;
	border-left-width: 0px;
	border-left-color: FFFFFF;
}
#body #header div.header {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#body #header {
	height: 85px;
	background-color: 1B1B1B;
	border-collapse: collapse;
	border-style: solid;
	border-top-width: 0px;
	border-top-color: FFFFFF;
	border-right-width: 0px;
	border-right-color: FFFFFF;
	border-bottom-width: 0px;
	border-bottom-color: FFFFFF;
	border-left-width: 0px;
	border-left-color: FFFFFF;
}
#body a.title {
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
	text-transform: none;
}
#body a.title:hover {
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
	text-transform: none;
}
#body #main #main_center div.main_center {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
h1 {
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
	text-transform: none;
}
h2 {
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
	text-transform: none;
}
h3 {
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
	text-transform: none;
}
#body #main #main_center {
	background-color: FFFFFF;
	border-collapse: collapse;
	border-style: solid;
	border-top-width: 0px;
	border-top-color: FFFFFF;
	border-right-width: 0px;
	border-right-color: FFFFFF;
	border-bottom-width: 0px;
	border-bottom-color: FFFFFF;
	border-left-width: 0px;
	border-left-color: FFFFFF;
}
#body #menu_left li.lev2 a {
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
	text-transform: none;
}
#body #menu_left li.lev2 a:hover {
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
	text-transform: none;
}
#body #menu_left li.lev3 a {
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
	text-transform: none;
}
#body #menu_left li.lev3 a:hover {
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
	text-transform: none;
}
#body #main_left div.main_left {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#body #main_left {
	width: 254px;
	background-color: transparent;
	border-collapse: collapse;
	border-style: solid;
	border-top-width: 0px;
	border-top-color: FFFFFF;
	border-right-width: 0px;
	border-right-color: FFFFFF;
	border-bottom-width: 0px;
	border-bottom-color: FFFFFF;
	border-left-width: 0px;
	border-left-color: FFFFFF;
}
#body #navigation div.navigation {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#body #navigation {
	height: 740px;
	background-color: transparent;
	border-collapse: collapse;
	border-style: solid;
	border-top-width: 0px;
	border-top-color: FFFFFF;
	border-right-width: 0px;
	border-right-color: FFFFFF;
	border-bottom-width: 0px;
	border-bottom-color: FFFFFF;
	border-left-width: 0px;
	border-left-color: FFFFFF;
}
#body #menu_top li.lev2 a {
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
	text-transform: none;
}
#body #menu_top li.lev2 a:hover {
	font-size: 8px;
	font-family: Verdana;
	color: FFFFFF;
	text-decoration: none;
	text-transform: none;
}
#body #top div.top {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#body #top {
	height: 98px;
	background-color: transparent;
	border-collapse: collapse;
	border-style: solid;
	border-top-width: 0px;
	border-top-color: FFFFFF;
	border-right-width: 0px;
	border-right-color: FFFFFF;
	border-bottom-width: 0px;
	border-bottom-color: FFFFFF;
	border-left-width: 0px;
	border-left-color: FFFFFF;
}


/* DOMAIN ADMIN END */



/* COLORBOX START */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/js/jquery/colorbox/images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(/js/jquery/colorbox/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/js/jquery/colorbox/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/js/jquery/colorbox/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/js/jquery/colorbox/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/js/jquery/colorbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/js/jquery/colorbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/js/jquery/colorbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/js/jquery/colorbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(/js/jquery/colorbox/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/js/jquery/colorbox/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/js/jquery/colorbox/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/js/jquery/colorbox/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/js/jquery/colorbox/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* COLORBOX END */



/* DEMO USER START */



/* DEMO USER END */



/* DOMAIN USER START */

body {background: url(/upload/files/349/bg-al-4021.jpg) no-repeat center top #e8e5e0;}

html.html-6140 body {background: url(/upload/files/349/bg-4020.jpg) no-repeat center 600px #cbc6c0;}
html.html-6144 body {background: url(/upload/files/349/bg2-4022.jpg) no-repeat center top #d8b28d;}
html.html-6146 body {background: url(/upload/files/349/bg3-4023.jpg) no-repeat center top #f3f3f3;}

html.html-6146 #body #main #main_center div.main_center {margin-left: 0px;}

html.html-6140 #body #main {width: 980px; margin: 0px auto; position: relative; z-index: 6;}

html.html-6140 #content, html.html-6146 #content {padding: 0px;}


html.html-6140 #body #main #main_center div.main_center, html.html-6145 #body #main #main_center div.main_center {margin-left: 0px;}

html.html-6140 #body #main #main_center div.main_center, html.html-6146 #body #main #main_center div.main_center {background-color: rgba(0,0,0,0);}

html.html-6141 .main_center #content_head #elonyok {width: auto; padding: 0px; margin-bottom: 0px;}
html.html-6141 .main_center #content_head #elonyok img.r {margin-left: 20px;}

.chrome .main_center #content_head #hirlevel #public_generated_form table.inline {width: 365px !important;
 height: 237px;
 margin: 0px !important;}
0
.chrome .main_center #content_head #hirlevel #public_generated_form {height: 403px;}

.chrome .main_center #content_head #hirlevel .submit input {margin-top: 5px;}

#body #main #main_center {background-color: rgba(0,0,0,0);}
#body #main #main_center div.main_center {background-color: #fff; margin-left: 25px;}

#body #main {width: 980px; margin: 0px auto; position: relative; z-index: 6;}

#body #header div.header {width: 980px; margin: 0px auto;}

#content {padding: 30px 35px;}

#content div.lead {margin: 0px; padding: 25px 0px;}

#content ul {margin-top: 10px; margin-bottom: 20px;}
#content li {color: #666; font-size: 14px; font-weight: normal; padding-left: 20px; list-style-type: none; text-indent: -1em;}
#content li::before {content: "■"; color: #ff7e00; padding-right: 5px;}

#content div.content a:link:not(.inline-link) {color: #575757; font-size: 14px; text-transform: uppercase; font-weight: 600; display: block; margin-top: 10px; margin-bottom: 10px; text-align: right;}
#content div.content a:hover {opacity: 0.7;}

#content div.content iframe.content-video {margin: 25px 0px;}

#body #navigation {height: 600px;}

html.html-6140 #body #navigation {height: 740px !important; width: 100% !important; max-width: 100% !important; position: relative; top: -98px;}

p {font-size: 14px; color: #666;}

h1 {text-transform: uppercase; font-size: 22px; text-transform: uppercase; color: #272727; font-weight: 700;}

h2 {text-transform: uppercase; font-size: 22px; text-transform: uppercase; color: #272727;}

h3 {text-transform: uppercase; font-size: 14px; text-transform: uppercase; color: #525252;}



/*search-page*/

html.html-1614 #body #main #main_center div.main_center {padding: 30px;}

html.html-1614 #content_list a.navigation {color: #999;
 font-size: 14px;
 font-weight: normal;
 list-style-type: none;
 padding-left: 0px;
 text-indent: -1em;}

html.html-1614 #content_list a.navigation::before {
 color: #ff7e00;
 content: "■";
 padding-right: 5px;
}
 
html.html-1614 #content_list li.navigation {background: none;}



#slider .slide div.content {left: 0px; top: 475px; background: rgba(0, 0, 0, 0.5); height: 200px; width: 100% !important; max-width: 100% !important; position: relative; z-index: 6;}

#slide-content-wrapper {background: url("/upload/files/349/bg-4033.png") no-repeat scroll center 37px; margin: 0 auto; width: 735px; height: 110px; padding: 48px;}

#slider-5306 {background-color: rgba(0,0,0,0); left: 0; margin: 0; max-width: 100% !important; padding: 0; position: absolute; right: 0px; top: 0px; width: 100% !important; z-index: 5; height: 740px;}

div.orbit-wrapper, #slider, #slider .slide {width: 100% !important; max-width: 100% !important;}



#slider .slide h2 {font-size: 22px; color: #fff; text-transform: uppercase; font-weight: 600; position: relative; top: 0px; left: 0px;}

#slider .slide h3 {font-size: 46px; color: #fff; text-transform: uppercase; font-weight: 900; position: relative; top: 0px; left: 0px;}

#slider .slide div.content {width: 100%;}

#slider .slide div.content p {font-size: 16px; color: #fff; font-weight: normal;}


html.html-6140 #body #navigation div.navigation {height: 740px;
 left: 0px;
 padding: 0px;
 position: absolute;
 right: 0px;
 top: 0px;
 width: 100% !important; background: url(/upload/files/349/slide1-4000-4035.jpg) no-repeat center 0px; max-width: 100% !important;
}

.main_center {font-family: 'Raleway', sans-serif;}
.main_left {background: #272727;}

h1, h2, h3, h4, p {font-family: 'Raleway', sans-serif; padding: 3px 0px;}

/* FEJLÉC */

.header {width: 100%; align:center; color: #ff7e00; position: relative;}
.header p a{position: absolute; background-image: url("/upload/files/349/header-btn-3867.png"); background-repeat: no-repeat; top: 10px; color: #ff7e00; display: inline-block; text-decoration: none; padding: 10px 15px; font-weight: 500; font-size:15px;}
.header a:hover{ color: #EEE;}
.header #logo_devi a {border: none; background-image: none; position: absolute; left: 10px; top: 18px;}
.header #tervezoknek { top:20px; left: 360px; width: 165px; padding-left: 30px;}
.header #kivitelezoknek { top:20px; left: 550px; width: 165px; padding-left: 20px;}
.header #content_search input.input {position: absolute; top: 15px; right: 40px; width: 190px; height: 44px; background: #2b2b2b; border: none; font-size: 14px; padding-left: 10px;}
.header #content_search input.submit { position: absolute; top:24px; right: 45px; width: 25px; height: 25px; background: url("/upload/files/349/lupe-3874.png"); border: none; font-size: 0px; cursor: pointer; }

.header #side_btns a {background-image: url("/upload/files/349/side-btn-3946.png"); width: 88px; height: 40px; z-index: 15; font-weight: bold; text-transform: uppercase; padding: 20px 7px; font-size: 13px; color: #FFF; background-color: rgba(0,0,0,0);}
.header #side_btns a:hover{background-image: url("/upload/files/349/side-btn-hover-3947.png"); cursor: pointer;}
.header #side_btns #kerdezzen {position: fixed; top: 172px; right: 0; z-index: 21;}
.header #side_btns #ajanlat {position: fixed; top: 257px; right: 0; z-index: 21;}
.header #side_btns #blog {position: fixed; top: 342px; right: 0; z-index: 21;}

/* MENÜ */

#body #top {width: 100%; position: relative;}

#body #top div.top {z-index: 6; position: absolute; top: -15px; height: 98px; width: 980px; margin: 0 auto; position: relative; background: url("/upload/files/349/top-20150609180152-4002.png") no-repeat scroll left top transparent;}

#top .top #menu_top { position: absolute; top: 0px; right: 23px;}
/*#top .top #menu_top li a{ font-size: 15px; font-weight: 500; padding: 42px 24.4px; font-family: 'Raleway', sans-serif;}*/
/*Kikerült a Főoldal link a menüből, a fentit kell visszarakni ha visszakerül*/
#top .top #menu_top li a{ font-size: 15px; font-weight: 500; padding: 42px 37.5px; font-family: 'Raleway', sans-serif;}
#top .top #menu_top li a:hover {font-size: 15px; background: #ff7e00; font-family: 'Raleway', sans-serif;}
#top .top #menu_top li.lev2.first a:hover {border-left: 9px solid #ff7e00;}
#top .top #logo_electrol {position: absolute; left: 25px; top: 22px;}


#navigation_links {position: absolute; top: 180px; left: 20px; z-index: 6; display: block; padding: 10px 15px; background: rgba(27,27,27,0.5);}

#navigation_links a {color: #fff; font-size: 12px;}

#navigation_links ul li {
 padding-left: 20px;
 padding-right: 15px;
}
#navigation_links li {
 background: rgba(0, 0, 0, 0) url("/upload/files/349/arrow-4017.png") no-repeat scroll left 1px;
 display: inline;
 padding: 2px;
}

#navigation_links li.first {padding-left: 0px; background: none;}
#navigation_links li.last {padding-right: 0px;}

/*FOOTER*/

#footer_info { max-width: 980px; background: url("/upload/files/349/footer-bg-3868.png"); position: relative; height: 340px; margin: 30px auto 0px;}
#footer_info #footer_electrol_logo {padding-top: 34px; margin-left: 38px;}
#footer_info #info {min-height: 110px; border-top: 1px solid #323232; border-bottom:1px solid #323232; margin: 10px 38px; font-size: 14px; padding: 20px 20px 20px 0px;}
#footer_info #info #links {display: inline-block; text-transform: uppercase;}
#footer_info #info #links ul{ columns: 2; -webkit-columns: 2; -moz-columns: 2;}
#footer_info #info #links a, li{ color: #424242; text-decoration: none; font-weight: 700; line-height: 180%; padding-right: 20px; padding-left: 0px;}
#footer_info #info #links a:hover{ color: #999;}
#footer_info #info #location{font-size: 16px; display: block; float: right; margin: 5px 0px; color: #c9c9c9; text-align: right;}
#footer_info #contact { font-size: 14px; color: #ff7e00; padding: 0px 38px;}
#footer_info #mail { float: left;}
#footer_info #mail i.fa-phone { margin-left: 20px; }
#footer_info #social {float: right; font-size: 18px;}
#footer_info #social a {color: #FF7E00; margin-right: 10px; padding: 5px 9px; border: 2px solid; border-radius: 20px;}
#footer_info #social a:hover {color: #FFF;}
#footer_info #social a.fa-youtube {padding: 5px 7px;}
#footer_info #to_top {position: absolute; top: 2px; right: 0px;}

/* CONTENT HEAD => TERMÉK ELŐNYÖK / HÍRLEVÉL */

#main {min-height: 600px; font-family: 'Raleway', sans-serif;}
.main_center {padding-top: 0px;}
.main_center #content_head {margin: 0px;}

.main_center #content_head #elonyok {margin-bottom: 30px; background: #FFF; float: left; color: #999; font-size: 14px; width: 505px; height: auto; padding: 20px 38px;}
.main_center #content_head #elonyok h4 {font-size: 20px; margin: 0px 0px 20px; color: #525252;}
.main_center #content_head #elonyok .kiemelt {font-weight: bold; color: #525252;}
.main_center #content_head #elonyok p{margin: 30px 0px;}
.main_center #content_head #elonyok img.r {float: right;}

.main_center #content_head #hirlevel #public_generated_form {height: 425px; background: #FFF; width: 365px;}
.main_center #content_head #hirlevel #public_generated_form table.inline {width: 365px !important; margin: 0px !important;}
.main_center #content_head #hirlevel { position: relative; float: right; width: 366px; height: 425px; text-align: left; margin-bottom: 30px;}
.main_center #content_head #hirlevel .title {display: none;}
.main_center #content_head #hirlevel .lead { width: auto; font-size: 14px; text-align: left; padding: 30px 38px 18px; color: #999}
.main_center #content_head #hirlevel .lead #title {text-transform: uppercase; font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #525252;}
.main_center #content_head #hirlevel .text {border-collapse: collapse; border-radius: 0px; background: none; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; border-left: none; border-right: none; width: 75%; height: 50px; margin: 0px 35px; font-family: 'Raleway', sans-serif;}
.main_center #content_head #hirlevel td.submit {background-color: #272727;
 display: block;
 height: 90px;
 margin: 50px 0 0;
 padding-top: 15px;
 width: 100%;}
.main_center #content_head #hirlevel .submit input {font-family: 'Raleway', sans-serif; height: 50px; width: 215px; font-size: 15px; text-transform: uppercase; font-weight: bold; color: #ff7e00; background: url("/upload/files/349/submit-btn-3872.png"); border: none; margin-top: 15px; margin-left: 33px; float: left;}
.main_center #content_head #hirlevel .submit input:hover { color: #EEE; }
.main_center #content_head #hirlevel #public_generated_form table.inline tr.error input {color: #c81e1e; font-weight: bold;}
.main_center #content_head #hirlevel #public_generated_form td.title_error div {margin-top: -22px;}


#main_left #hirlevel #public_generated_form {height: 300px; background: #FFF;}
#main_left #hirlevel #public_generated_form table.inline {width: 215px;}
#main_left #hirlevel { position: relative; float: right; background: #272727; width: 255px; height: 370px; text-align: left; margin-bottom: 30px;}
#main_left #hirlevel .title {display: none;}
#main_left #hirlevel .lead { width: 195px; font-size: 14px; text-align: left; padding: 20px 30px 0px; color: #999}
#main_left #hirlevel .lead #title {text-transform: uppercase; font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #525252;}
#main_left #hirlevel .text {border-collapse: collapse; border-radius: 0px; background: none; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; border-left: none; border-right: none; width: 195px; height: 40px; margin: 0px 12px; font-family: 'Raleway', sans-serif;}
#main_left #hirlevel .submit input {font-family: 'Raleway', sans-serif; position: absolute; bottom: 10px; left: 20px; height: 50px; width: 215px; font-size: 15px; text-transform: uppercase; font-weight: bold; color: #ff7e00; background: url("/upload/files/349/submit-btn-3872.png"); border: none;}
#main_left #hirlevel .submit input:hover { color: #EEE; }


/* CONTENT HEAD => TERMÉKEINKRŐL */

#termekeinkrol {float: left; background: #FFF; color: #999; margin: 0px 0px 30px; padding: 38px; position: relative; z-index: 21;}
#termekeinkrol h3 {font-size: 20px; margin-bottom: 20px; color: #525252; font-weight: bold;}
#termekeinkrol p {font-size: 14px;}
#osszefoglalo-szoveg{float: left; background: #FFF; color: #999; margin: 0px 0px 30px; padding: 38px; position: relative; z-index: 21; line-height: 240%;}

/* MIÉRT HATÉKONY / TERMÉKRŐL MONDTÁK */

/*.main_center #hatekony {float: left; background: #FFF; color: #525252; font-size: 14px; width: 505px; padding: 20px 38px; margin-bottom: 0px;}*/
/* ideiglenesen ki kellett szedni a termékekről boxot, ha visszakerül, akkor a fenti szabályt kell visszaállítani*/
.main_center #hatekony {background: #FFF; color: #525252; font-size: 14px; width: calc(100% - 76px); padding: 20px 38px 50px; margin-bottom: 0px;}
.main_center #hatekony h3 {font-size: 20px; margin-bottom: 20px; font-weight: bold;}
.main_center #hatekony p {margin: 20px 0px;}
.main_center #hatekony img {float: left; margin-right: 20px;}
.main_center #hatekony img.r {float: right; margin-left: 20px;}

.main_center #mondtak { position: relative; float: right; background: #FFF; width: 290px; height: 340px; color: #525252; font-size: 14px; height: 375px; padding: 38px;}
.main_center #mondtak h3 {font-size: 20px; margin-bottom: 20px; font-weight: bold; font-family: 'Raleway', sans-serif;}
.main_center #mondtak .ugyfel{ margin: 30px 0px;}
.main_center #mondtak .signal {float: right; margin: 0px;}
.main_center #mondtak #link { position: absolute; left: 0px; bottom: 0px; background: #272727; width: 366px; height: 77px;}
.main_center #mondtak #link a{ position: absolute; top: 20px; left: 20px; color: #ff7e00; font-size: 14px; background: url("/upload/files/349/more-btn-3903.png"); text-transform: uppercase; font-weight: bold; padding: 12px 48px;}
.main_center #mondtak #link a:hover{color: #EEE;}


/* GARANCIA */

.main_center #garancia {background: #FFF; color: #999; font-size: 14px;}
.main_center #garancia #ajanlott { font-size: 20px; background: #272727; margin: 25px 0px; text-transform: uppercase; font-weight: bold; color: #ff7e00; padding: 20px;}
.main_center #garancia #futes {margin: 25px 0px; text-align: center; font-size: 22px; text-transform: uppercase; color: #525252; font-weight: bold;}
.main_center #garancia #futes img{ margin: 25px;}
.main_center #garancia #futes a {margin-right: 50px;}


/* KAPCSOLAT */

.main_left #form-595 {margin-top: 0px !important; width: 215px !important; text-align: left;}

.main_left #form-595 input[type="submit"] {margin-bottom: 20px; background: url(/upload/files/349/ask-btn-4024.png) no-repeat transparent; width: 204px; height: 38px; border: none; font-size: 18px; color: #ff7e00; font-family: "Raleway",sans-serif; text-transform: uppercase; font-weight: 600; padding-right: 20px; margin-top: 45px;}

.main_left #form-595 tr.error input {
 background-color: #272727 !important;
 color: #c81e1e !important;
}

.main_left #form-595 td.title_error div {font-family: "Raleway",sans-serif;}

.main_left #form-595 label.checkbox {margin-top: 25px; border: none;}

.main_left #form-595 input.checkbox {margin-right: 10px;}

.main_left #form-595 label.checkbox span {color: #7e7e7e; font-size: 14px; text-transform: uppercase; font-family: "Raleway",sans-serif; font-weight: 600;}

.main_left #form-595 td.title {
 color: #ff7e00;
 font-family: "Raleway",sans-serif;
 font-size: 20px;
 font-weight: 600;
 padding-bottom: 60px;
 padding-top: 20px;
 text-align: left;
 text-transform: uppercase;}

.main_left #form-595 input.text {color: #7e7e7e; font-size: 14px; text-transform: uppercase; font-family: "Raleway",sans-serif; font-weight: 600;
 background: #272727;
background-image: none !important;
 border-color: #424242 -moz-use-text-color -moz-use-text-color;
 border-radius: 0;
 border-style: solid none none;
 border-width: 1px medium medium;
 height: 45px;
 width: 100%;
}

.main_left #form-595 textarea {height: 192px;
 -moz-border-bottom-colors: none;
 -moz-border-left-colors: none;
 -moz-border-right-colors: none;
 -moz-border-top-colors: none;
 background: #272727 none repeat scroll 0 0;
 border-color: #424242;
 border-image: none;
 border-radius: 0;
 border-style: solid none;
 border-width: 1px medium;
 color: #7e7e7e;
 font-family: "Raleway",sans-serif !important;
 font-size: 14px !important;
 font-weight: 600;
 padding: 15px 0 0;
 text-transform: uppercase;
 width: 100%;
}

.main_left #form-595 td.label span {display: none;}


html.html-6144 #content {padding: 0px;}

.content #kapcsolat #googlemaps{margin: 40px 0px; width: auto;}
.content #kapcsolat #googlemaps iframe {width: 620px;}
.content #kapcsolat { float:right; background: #FFF; color: #272727; font-size: 14px; padding:38px; margin-bottom: 30px; width: 621px;}
.content #kapcsolat .munkatars {padding: 38px 38px 38px 0px; height: 150px; font-weight: bold; border-bottom: 1px solid #e8e8e8;}
.content #kapcsolat .munkatars p:first-child {margin-top: 20px;}
.content #kapcsolat .munkatars p {font-size: 14px; font-weight: 600; color: #272727;}
.content #kapcsolat p.marg {margin-bottom: 30px;}
.content #kapcsolat #contact_location p {font-size: 14px; color: #272727; font-weight: 600;}
.content #kapcsolat img {float: left; margin-right: 38px; }
.content #kapcsolat i {color: #ff7e00; padding-right: 10px;}
.content #kapcsolat .fa.fa-envelope {padding-right: 5px;}
.content #kapcsolat p.open {padding-left: 23px; background: url(/upload/files/349/open-4018.png) no-repeat transparent;}


/* RÓLUNK */

.content #rolunk {background: #FFF; color: #999; padding: 38px; font-size: 14px; margin-bottom: 30px; min-height: 600px;}
.content #rolunk img.r {float: right; margin-left: 30px;}
.content #rolunk #bevezeto {margin: 30px 0px;}
.content #rolunk #elonyok h3 {font-size: 16px; font-weight: bold; text-transform: uppercase; color: #525252; margin-bottom: 20px;}
.content #rolunk #elonyok .kiemelt {font-weight: bold; color: #525252;}
.content #rolunk #elonyok p {margin: 15px 0px; border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; width: 550px;}
.content #rolunk #elonyok p:last-child {border: none;}


#referenciak {margin-bottom: 30px; position: relative; background: #FFF; width: 429px; height:275px; color: #525252; font-size: 14px; padding: 38px; display: inline-block; vertical-align: top;}
#referenciak h3 {font-size: 20px; margin-bottom: 20px; font-weight: bold;}
#referenciak .ugyfel{ margin: 15px 0px; border-bottom: 1px solid #e8e8e8; padding-bottom: 30px;}
#referenciak .ugyfel:last-child {border: none;}
#referenciak .signal {float: right; margin: 0px;}

#tanusitvanyok {margin-left: 29px; position: relative; background: #FFF; width: 367px; height:275px; color: #525252; font-size: 14px; padding: 38px; display: inline-block; vertical-align: top;}
#tanusitvanyok h3 {font-size: 20px; margin-bottom: 20px; font-weight: bold;}
#tanusitvanyok img {margin-right: 40px}
#tanusitvanyok img.l {float: left;}
#tanusitvanyok p {margin: 50px 0px; font-size: 18px;}

/* PADLÓFŰTÉS */

.html-6141 .main_left {background: transparent;}
.main_left #category {background: #272727; padding: 20px; width: auto;}
.main_left #category ul li {padding-right: 0px;}
.main_left #category ul li a {line-height: 48px; text-align: center; font-size: 13px; color: #ff7e00; text-transform: uppercase; display: block; background: rgba(0, 0, 0, 0) url("/upload/files/349/submit-btn-3872.png") repeat scroll 0 0; height: 44px; width: 210px; margin-bottom: 15px;}
.main_left #category ul li a:hover {line-height: 48px; text-align: center; font-size: 13px; color: #272727; text-transform: uppercase; display: block; background: rgba(0, 0, 0, 0) url("/upload/files/349/left-btn-4034.png") no-repeat scroll 6px 6px; height: 44px; width: 210px; margin-bottom: 15px;}



.main_left #hirlevel {background: #FFF; padding: 0px; width: 214px; margin-top: 0px;}
.main_left #hirlevel .lead { width: 290px; font-size: 14px; text-align: left; padding: 20px 38px 0px; color: #999;}

#bottom_contact_btn {width: auto; height: 60px; background: #272727; padding-top: 10px;}

#bottom_contact_btn a {background: rgba(0, 0, 0, 0) url("/upload/files/349/submit-btn-3872.png") repeat scroll 0 0;
 color: #ff7e00;
 display: block;
 font-size: 13px;
 height: 44px;
 line-height: 48px;
 margin: 0px auto !important;
 text-align: center;
 text-transform: uppercase;
 width: 210px; font-weight: 600;
}
div#content div.content div#fagymentesites-almenuk{
 margin: 20px 0 30px;
}
div#content div.content div#fagymentesites-almenuk a{
 display: inline-block;
 font-size: 16px;
 padding: 5px 10px ;
 margin: 0 0 0 20px;
 color: #FFF;
 background: #FF7E00;
 font-weight: bold;
}
a.related-products{
 font-size: 16px;
 padding: 5px 10px ;
 color: #FFF !important;
 background: #FF7E00;
 font-weight: bold;
 text-align:center !important;
 width: 200px;
 box-shadow: 0 0 5px #444;
}
a.inline-link{
 color: #FF7E00 ;
 text-decoration: none;
}

.katalogus {background: #272727; padding: 15px 25px;}

.katalogus a {background: url(/upload/files/349/cat-btn-4214.png) no-repeat; display: inline-block; height: 28px; min-width: 400px; text-align: left !important; padding-left: 15px; padding-top: 10px; color: #ff7e00 !important;}


#main div.main_center katalogus a{
 display: inline-block;
 font-size: 16px;
 padding: 5px 10px ;
 margin: 0 0 0 20px;
 color: #FFF;
 background: #FF7E00;
 font-weight: bold;
}



/*ajanlat*/

#ajanlat {padding: 20px; background: #272727; width: 80%;}

#ajanlat #public_generated_form table.inline {
 margin: 20px auto;
 width: 350px;
}

#ajanlat td.title {
 color: #ff7e00;
 font-family: "Raleway",sans-serif;
 font-size: 20px;
 font-weight: 600;
 padding-bottom: 60px;
 padding-top: 20px;
 text-align: left;
 text-transform: uppercase;
}

#ajanlat tr.important input {background-attachment: scroll;
 background-clip: border-box;
 background-color: #272727;
 background-image: none !important;
 background-position: right center;
 background-repeat: no-repeat;
 background-origin: padding-box;
 background-size: auto auto;
 border-color: #424242 -moz-use-text-color -moz-use-text-color;
 border-radius: 0;
 border-style: solid none none;
 border-width: 1px medium medium;
 color: #7e7e7e;
 font-family: "Raleway",sans-serif;
 font-size: 14px;
 font-weight: 600;
 height: 45px;
 text-transform: uppercase;
 width: 100%;
}

#ajanlat label.checkbox span {
 color: #7e7e7e;
 font-family: "Raleway",sans-serif;
 font-size: 14px;
 font-weight: 600;
 text-transform: uppercase;
}

#ajanlat td.title_error div {
 font-family: "Raleway",sans-serif;
}

#ajanlat tr.error input {background-color: #272727 !important; color: #c81e1e !important;}

#ajanlat #public_generated_form input.checkbox {width:15px; height: 15px; margin-right: 8px;}

#ajanlat #public_generated_form td.input label {text-indent: -2em; border: none;}

#ajanlat #public_generated_form td.label {color: #ff7e00; font-size: 16px;}

#ajanlat #public_generated_form input[type="submit"] {background: rgba(0, 0, 0, 0) url("/upload/files/349/submit-btn-3872.png") repeat scroll 0 0;
 border: medium none;
 color: #ff7e00;
 font-family: "Raleway",sans-serif;
 font-size: 15px;
 font-weight: bold;
 height: 50px;
 text-transform: uppercase;
 width: 215px;}

#katalogus, #leaflet {height: 100px; display: inline-block; vertical-align: top; background: #272727; padding: 3%;}
#leaflet {margin-left: 0px; width: 40.111%;}
#katalogus {width: 47.666%;}

#katalogus img, #leaflet img {margin-right: 7px; float: right;}

#katalogus img.last {margin-right: 8px;}


#katalogus h2, #leaflet h2 {color: #ff7e00; font-size: 16px; text-transform: uppercase; font-weight: 600; display: inline-block; vertical-align: top; margin-right: 20px;}

#about_us_btns {height: 70px; width: 100%; background: #272727; margin-top: 2px;}
#about_us_btns a.cntct {margin-right: 160px; margin-left: 25px; margin-top: 15px; line-height: 38px; padding-left: 20px; font-size: 18px; color: #ff7e00; text-transform: uppercase; width: 391px; height: 38px; display: inline-block; vertical-align: top; background: url(/upload/files/349/contact-4269.png) no-repeat transparent; font-weight: 600;}
#about_us_btns a.tervezoknek {margin-top: 20px; line-height: 31px; padding-left: 20px; font-size: 14px; color: #ff7e00; text-transform: uppercase; width: 163px; height: 31px; display: inline-block; vertical-align: top; background: url(/upload/files/349/boutus-4268.png) no-repeat transparent; font-weight: 600;}
#about_us_btns a.kivitelezoknek {margin-top: 20px; line-height: 31px; padding-left: 20px; font-size: 14px; color: #ff7e00; text-transform: uppercase; width: 163px; height: 31px; display: inline-block; vertical-align: top; background: url(/upload/files/349/boutus-4268.png) no-repeat transparent; font-weight: 600;}


.img a img {
 width: 100px;
}

.item h2 .title {
 font-size: 16px!important;
 color: #555!important;
 line-height: 18px;
 font-weight: 600;
 text-transform: uppercase!important;
}

h2.lead {
 text-transform: none;
}

a.blog-link {
 text-transform: capitalize!important;
 float: left;
 font-weight: 400!important;
 text-align: left;
 line-height: 16px;
 margin: 0 3px!important;
}

a.moker-link{
 font-size: 14px!important;
 text-transform: none!important;
 font-weight: 400!important;
 display: inline!important;
}




@media only screen and (max-width: 990px) {

 /* bekapcsolja a felső navigációs ikonokat */
 #mobil-navigation-menu a.m-menu {display: block;}
 #mobil-navigation-menu a.m-content {display: block;}

#body {background: #cbc6c0;}
#body.responsive #background-row-2.table-row {
 display: table-row;
 background-color: #cbc6c0;
}

 /* felülírja a fix oldal szélességet */
 #body div.site-info-body, #body #main, html.html-6140 #body #main, #body #main_center {width: 100%;}

 /* a fejléc bg és a fejléc főoldal linket teszi rugalmassá */
 #body #header {background-size: 100%; background-position: left center; width: 100%;}
#body #header div.header {width: 100%; margin: 0; padding: 0;}
 #body #header a.mainlink {width: 100%;}

#logo_devi {width: 50%;}
#logo_devi img {margin-left: 30%; width: 100%;}

#content_search, #logo_electrol, #side_btns {display: none;}

#body #main #main_center {background-color: #cbc6c0;}

#body #top {height: 130px; width: 100%;}

#body #top div.top {background: #272727; position: relative; top: 0px; height: 130px; width: 100%;}

#top .top #menu_top {position: initial;}
#top .top #menu_top li a {padding: 25px 0px; }

 /* fejléc menüt állítja be két oszloposra */
 #body {background: none; display: block; height: auto;}
 #body #menu_top {width: 100%;}
 #body #menu_top li.lev2 {display: inline-block; width: 49%; margin-right: 1%; padding: 0px; border-right: 0px;}
 #body #menu_top li.lev2:nth-child(2n) {margin-right: 0px; width: 50%; margin-left: 0px;}
 #body #menu_top li.lev2.first {padding: 0px;}
 #body #menu_top li.lev2.last {padding: 0px;}
 #body #menu_top li.lev2 a {padding: 0px !imporatant; border-radius: 0px; display: block; margin-bottom: 1px;}

/*eltűnteti az almenüket*/

#body #menu_top li.lev3 {display: none;}

 /* kikapcsolja a slideot */
 #body.responsive div.navigation.table-row {display: none;}

 /* kikapcsolja a jobb oldalt */
 #body #main_right, #body #main_left {display: none;}

#body iframe {width: 100% !important;}

.main_center #content_head #hirlevel #public_generated_form table.inline {width: 325px; margin: 35px 0px;}
.main_center #content_head #elonyok {width: 94%; display: block; vertical-align: top; float: none; margin-right: 0px; padding: 2% 3%;}
.main_center #content_head #hirlevel {display: block; vertical-align: top; float: none; width: 100%;}
.main_center #content_head #hirlevel .text {width: 81%;}
.main_center #content_head #hirlevel #public_generated_form {margin: 0 auto;}
.main_center #hatekony, #termekeinkrol {width: 96%; padding: 2%;}

#body #main #main_center div.main_center {margin-left: 0px;}

div#content div.content div#fagymentesites-almenuk a {margin-top: 5px;}


 /* beállítja a képeket, hogy rugalmasan kövesség az oldal méretét */
 #content img {display: inline-block; max-width: 100% !important; margin: auto; height: auto;}
#content {padding: 2%;}

#footer_info {width: 96%; max-width: 100%; height: auto; background-image: none; background-color: #272727;}
#footer_info #info {width: 90%; height: auto; padding: 2%; margin: 1% 2%;}
#footer_info #info #links {width: 80%;}
#footer_info #contact {width: 96%; height: auto;}
#footer_info #info #location {
 font-size: 16px;
 display: inline-block;
 float: none;
 margin: 5px 0px;
 vertical-align: top;
 color: #c9c9c9;
 text-align: left; width: 20%;
}
#footer_info #to_top {top: 0px;}

#footer_info #mail {float: left; display: block; margin-right: 15px;}
#footer_info #mail i.fa-phone {margin-left: 0px;}
#footer_info #social {float: none; display: block; margin: 10px 0px;}

}


@media only screen and (max-width: 600px) {

#kereso-kosar {width: 100% !important; margin-right: 3px;}

 /* átállítja a fejléc magasságát */
 #body #header {height: 70px; vertical-align: top;}
#body #header #logo img {width: 155px; height: 25px;}
#body #top div.top, #body #top {height: 260px;}

 /* egy oszloposra állítja a menüt */
 #body #menu_top li.lev2 {width: 100%; margin: 0%; padding: 0px; border: 0px;}
 #body #menu_top li.lev2:nth-child(2n) {width: 100%; margin-left: 0px;}

 /* helyet nyer az infó rész paddingjainak csökkentésével */
 #body #main #main_center {padding: 2%;}

 /* kikapcsolja a főoldali dobozokat */
 #content-top {display: none;}
.katalogus {padding: 5%;}
.katalogus a {background: none; height: auto;
 min-width: auto;
 text-align: left !important;
 padding-left: 15px;
 padding-top: 10px;
 padding-bottom: 10px;
 color: #ff7e00 !important;
 border: 1px solid #ff7e00;
 width: 94%;}

#footer_info #footer_electrol_logo {margin-left: 3%; width: 97%;}
#footer_info #contact {padding: 3%;}
#footer_info #info #location {width: 100%;}
#footer_info #info #links ul { columns: 1; -webkit-columns: 1; -moz-columns: 1;}



 /* az alsó kapcsolat felvételi linkek képeit kissebbre veszi */
 a.next img {max-width: 260px;}
 #content img {display: inline-block; max-width: 100% !important; margin: auto; height: auto;}

 /* állít a formok méretein, elsősorban ez itt az online jelentkezésre vonatkozik */
.content #kapcsolat img {
 float: none;
 margin-right: 0;
}

.content #kapcsolat {
 float: none;
 background: #FFF;
 color: #272727;
 font-size: 14px;
 padding: 3%;
 margin-bottom: 30px;
 width: 94%;
}

.content #kapcsolat .munkatars {height: auto;}

#katalogus, #leaflet {display: block; width: 94%; height: auto;}

#katalogus img, #leaflet img, #katalogus h2, #leaflet h2 {float: none;}

#katalogus h2, #leaflet h2 {display: block;}

#about_us_btns {height: auto; padding: 3%; width: 94%;}

#about_us_btns a.cntct, #about_us_btns a.tervezoknek, #about_us_btns a.kivitelezoknek {
 margin-right: 0;
 margin-left: 0px;
 margin-top: 0px;
 line-height: 38px;
 padding: 0 20px;
 font-size: 18px;
 color: #ff7e00;
 text-transform: uppercase;
 width: auto;
 height: auto;
 display: block;
 vertical-align: top;
 background: none; margin-bottom: -1px;
 font-weight: 600;
 border: 1px solid; 
}

#tanusitvanyok, .content #rolunk, #referenciak, #elonyok {padding: 0; width: 100%; margin-left: 0px; height: auto;}
.content #rolunk #elonyok p {width: 100%;}
.content #rolunk img.r {float: none; margin-left: 0px; margin-bottom: 15px;}

#logo_devi img {margin-left: 15%; width: 75%;}

.main_center #content_head #hirlevel .lead {
 width: 96%;
 font-size: 14px;
 text-align: left;
 padding: 2%;
 color: #999;
}

.main_center #content_head #hirlevel .text {margin: 0px 10px; width: 92%;}

.main_center #content_head #hirlevel #public_generated_form table.inline {
 width: 100% !important;
 height: 237px;
 margin: 0px !important;
 max-width: 290px;
}

.main_center #content_head #hirlevel #public_generated_form {
 height: 366px !important;
 background: #FFF;
 width: 100%;
 max-width: 290px;
}

.chrome .main_center #content_head #hirlevel #public_generated_form table.inline, .main_center #content_head #hirlevel #public_generated_form table.inline {
 width: 100% !important;
 height: 237px;
 margin: 0px !important;
 max-width: 290px;
}

.blog .content p img {
 width: 100%;
 height: auto;
}

#main #kiemelt-termekeink, #main #egyebfutes, #termekeinkrol {
max-width: 290px;
 
 
}


#main #osszefoglalo-szoveg{
max-width: 90%;



}


#futes-osszefoglalo1, #futes-osszefoglalo2{
max-width: 260px;


}



#main #termek1, #main #termek2, #main #termek3, #main #termek4, #main #termek5, #main #termek6{
 
 max-width: 150px;
 max-height: 400px;
 overflow: hidden;
 
}

#main #kiemelt-termekeink img {
max-width: 30px;
max-height: 30px;



}

#futes-osszefoglalo1 td , #futes-osszefoglalo2 td{
max-width: 100px;

}



}
/* IDAIG RESPONSIVE*/

/* innen tablazat*/
#futes-osszefoglalo1 .nagy, #futes-osszefoglalo2 .nagy {
font-family: verdana,geneva;
color: #000000;
font-size: 16pt;


}

#futes-osszefoglalo1, #futes-osszefoglalo2{
font-family: verdana,geneva;
color: #000000;
font-size: 10pt;
 
 
}

#futes-osszefoglalo1 td , #futes-osszefoglalo2 td{
 padding: 5px;
 font-family: verdana,geneva;
color: #000000;
 width: 160px;
 font-size: 10pt;
 

}


#futes-osszefoglalo1, #futes-osszefoglalo2{
 width: 904px;
 font-family: verdana,geneva;
color: #000000;

 
}


#tablazat-focim{
 font-size: 25.6pt;
 font-family: verdana,geneva;
color: #000000;
line-height: 0.8;
 
 
}

/*#futes-osszefoglalo1 tr td a, #futes-osszefoglalo2 tr td a {
 text-decoration: none;
 color: green;
 text-align: left;
 
 
}*/

#content #link1 , #content #link2, #content #link3, #content #link4, #content #link7, #content #link8, #content #link9 {
 text-decoration: none;
 color: #b15601;
 text-align: left;
text-transform: lowercase;
display: inline-block;
font-weight: bold;
margin-top: 0px;

}

#tablazatcim4, #tablazatcim5, #tablazatcim6 {
 font-weight: bold;
 
 
}


#p_021f_0 {
 font-size: 16pt;
 margin-top: 20px;}

/*idáig táblázat*/
/* innen kiemelt termékeink */
#main #kiemelt-termekeink {
width: 986px;
overflow: hidden;
background-color: white;
padding: 5px 5px 5px 40px;
box-sizing: border-box;



}

#main #kiemelt-termekeink p {
color: black;
font-size: 24pt;
padding: 10px;
font-family: 'Raleway', sans-serif;

 
 
 
 
 
}
#main #kiemelt-termekeink span {
color: black
 
 
 
}

#main #termek1, #main #termek2, #main #termek3, #main #termek4, #main #termek5, #main #termek6 {
position: relative;
width: 280px;
height: 400px;
border: 1px solid black;
float: left;
border-radius: 5px;
margin: 5px;
padding: 5px;
}

#main .termek:hover {

 
 
 
}

#main #kiemelt-termekeink img {
width: 120px;
height: 120px;
position: absolute;
bottom: 3px;
right: 3px;

 
 
}

#main .clearfloat{
 clear: both; 
 
}

#main #kiemelt-termekeink ul li {
color: black;
font-weight: normal;
padding-left: 20px;
font-size: 10pt;;
list-style: disc inside;
}

#main #kiemelt-termekeink .termeknev {
 color: black;
 font-size: 16pt;
 
 
 
}


/* idáig kiemelt termékeink */

/* innen futotes-radiator-konvektor doboz feljebb rakása*/

div.content-5371 {

margin-top: -550px;

}


/* fooldal egyeb elektromos fűtés berendezések */

#main #egyebfutes {
width: 986px;
overflow: hidden;
background-color: white;
padding: 5px 5px 5px 40px;
box-sizing: border-box;
margin: 30px 0;
}
#egyebfutes {float: left; background: #FFF; color: #999; margin: 0px 0px 30px; padding: 38px; position: relative; z-index: 21;}
#egyebfutes h3 {font-size: 20px; margin-bottom: 20px; color: #525252; font-weight: bold;}
#egyebfutes p {font-size: 14px;}
#egyebfutesszoveg{float: left; background: #FFF; color: #999; margin: 0px 0px 30px; padding: 38px; position: relative; z-index: 21; line-height: 240%;}


/*fooldal futotestek*/

#main #futotestek {
width: 986px;
overflow: hidden;
background-color: white;
padding: 5px 5px 5px 40px;
box-sizing: border-box;
margin: 30px 0;
float: left; background: #FFF; color: #999; margin: 0px 0px 30px; padding: 38px; position: relative; z-index: 22;
}

#futotestek h3 {font-size: 20px; margin-bottom: 20px; color: #525252; font-weight: bold;}
#futotestek p {font-size: 14px;}
#futotestek{float: left; background: #FFF; color: #999; margin: 0px 0px 30px; padding: 38px; position: relative; z-index: 21; line-height: 240%;}
#main #futotestek li {
font-size: 14px;
font-weight: 300;
list-style-type: disc;

}



/* DOMAIN USER END */



/* TEST START */

/* DOMAIN TEST START */









/* elektromosfutes.co.hu */


div.slider-nav {display: none !important;}



/* DOMAIN TEST END */ 

/* TEST END TEST */