.hidden { position: absolute !important; top: -99999px !important; left: -999999px !important; overflow: hidden !important; width: 1px !important; height: 1px !important;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

img, a img {border: 0; }
a { color: #333; background-color: transparent; cursor: pointer;  text-decoration: underline;}
a:hover { color: #6c831f; background-color: transparent; }
p { margin: 0 0 1em 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; line-height: 1.2em; }
.mb { margin: 0.5em; }
.mb-1 { margin-bottom: 1px; }
.fontbigger { font-size: 1.1em; line-height: 1.2em; }
.fontbigger-xl { font-size: 1.2em; line-height: 1.2em; }
.fontbigger-xxl { font-size: 1.4em; line-height: 1.2em; }
.fontbigger-xxxl { font-size: 1.6em; line-height: 1.2em; }
.fontbigger-xxxxl { font-size: 2em; line-height: 1.2em; }
.fontsmaller { font-size: 0.95em; line-height: 1.2em; }
.fontsmaller-xs { font-size: 0.9em; line-height: 1.2em; }
.fontsmaller-xxs { font-size: 0.85em; line-height: 1.2em; }
.float_left { float: left; display: inline; margin: 0 20px 7px 0;}
.float_right { float: right; display: inline; margin: 0 0 7px 20px;}
.lineheight-x { line-height: 1.4em; }
.lineheight-xx { line-height: 1.6em; }
ul, ul li { margin: 0; padding: 0; list-style-type: none; }
form { margin: 0; padding: 0; }
input, select, textarea {  vertical-align: middle; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.italic { font-style: italic; }
.float_left { float: left; display: inline; margin: 0 25px 10px 0;}
.float_right { float: right; display: inline; margin: 0 0 10px 25px;}
.main_internal_padding { padding: 0 10px; }
.w40 { width: 50%}
.w50 { width: 50%}
.w60 { width: 50%}

.maincolor { color: #555; background-color: transparent; }
.maincolor2 { color: #b60e28; background-color: transparent; }


.notice { color: #000; background-color: #edf3fd; padding: 8px 40px; margin: 0 0 1em 0; border-top: 1px solid #b2c7df; border-bottom: 1px solid #b2c7df; text-align: left; }
.notice.notice-big { font-size: 2em; line-height: 1em; padding-top: 1em; padding-bottom: 1em; }
.notice a { color: #000; background-color: transparent; }
.notice.ok { color: #000; background: #edffe1 url(../images/ico/ok.gif) no-repeat 15px 0.7em; border-top: 1px solid #bdd8bd; border-bottom: 1px solid #bdd8bd; }
.notice.warning { color: #000; background: #fdffcb url(../images/ico/warning.gif) no-repeat 15px 0.7em; border-top: 1px solid #fcd41d; border-bottom: 1px solid #fcd41d; }
.notice.error { color: #c33; background: #ffebe2 url(../images/ico/error.gif) no-repeat 15px 0.7em; border-top: 1px solid #fecfc1; border-bottom: 1px solid #fecfc1; }
.notice.idea { color: #000; background: #ffe0b2 url(../images/ico/lightbulb.png) no-repeat 15px 0.7em; border-top: 1px solid #f1ba69; border-bottom: 1px solid #f1ba69; }
.notice.ok.notice-big { background-image: url(../images/ico/ok-big.gif); padding-left: 75px;}
.notice.warning.notice-big { background-image: url(../images/ico/warning-big.gif); background-position: 15px 0.5em;; padding-left: 75px;}
.notice.error.notice-big { background-image: url(../images/ico/error-big.gif); background-position: 15px 0.5em;; padding-left: 75px;}
.notice.idea.notice-big { background-image: url(../images/ico/idea-big.gif); background-position: 15px 0.5em;; padding-left: 75px;}
.notice-message { margin: 0 0 1.5em 0; border: 3px solid #ccc; font-size: 2em; line-height: 1.2em; text-align: center; padding: 1.5em; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.ico { padding: 3px 0 3px 22px; position: relative; background-repeat: no-repeat; background-position: 0 0.3em; }
.ico.ico-information { background-image: url(../images/ico/information.png); }
.ico.ico-arrow_refresh { background-image: url(../images/ico/arrow_refresh.png); background-position: 0 2px; }
.ico.ico-ludei { background-image: url(../images/ico/ludei.png); background-position: 0 50%; }
.ico.ico-book_open { background-image: url(../images/ico/book_open.png); background-position: 0 50%; }

a.big_ico { text-decoration: none; }
a.big_ico * { vertical-align: text-bottom; }

.main2cols { width: 100%; clear: both; }
.main2cols_left { width: 620px; float: left; display: inline; }
.main2cols_right { width: 300px; float: right; display: inline; }

.button, a.button:hover { position: relative; text-decoration: none; overflow: visible; background: #141821; color: #fff; padding: 2px 10px; border: 1px solid #666665; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.fields { clear: both; width: 100%;}
/*
.fields p { padding-left: 160px; }
.fields p.normal { padding-left: 0; }
.fields p:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.fields p label, .fields p .label { float: left; display: inline; margin: 0.2em 0 0 -150px; }
.fields p.normal label, .fields p.normal .label, .fields p label.nolabel { float: none; margin: 0; }
*/
.fielderror { white-space: nowrap; display: block; color: #c00; background-color: transparent; font-size: 11px; font-weight: normal; line-height: 1.2em; padding: 0.2em 0 0.5em 0;}
.fieldok { white-space: nowrap; display: block; color: #0c0; background-color: transparent; font-size: 11px; font-weight: normal; line-height: 1.2em; padding: 0.2em 0 0.5em 0;}
.fieldhelp { font-size: 11px;}
.fieldbox { padding: 1px 4px; }
.fieldbox.wide { width: 93%; }
.form-actions { margin-top: 1em; }
form input.check_agree_privacy { vertical-align: bottom; }
form .legal-accept { font-size: 0.85em; line-height: 1.1em; }


.tabs { height: 31px; overflow: visible; border-bottom: 1px solid #999; padding-left: 12px; margin-bottom: 1em; }
.tabs li { float: left; display: inline; font-weight: bold; }
.tabs li a { float: left; display: inline; margin-left: -1px; border: 1px solid #8c8c8c; border-bottom: 0; text-decoration: none; padding: 0 12px; line-height: 30px; background-color: #d1d1d1; color: inherit;}
.tabs li a:hover { background-color: #f0f0f0; color: inherit; }
.tabs li.current a { background-color: #fff; color: inherit; border-bottom: 1px solid #fff; }



.titleA { color: #333; background-color: transparent; margin: 0 0 1em 0; font-size: 1.2em; line-height: 1.2em; }
.titleA.ico-facebook { padding-left: 20px; background: url(../images/ico/facebook.gif) no-repeat 0 2px; }
.titleA.ico-ludei { padding-left: 20px; background: url(../images/ico/ludei.png) no-repeat 0 2px; }


.listA { margin: 0; padding: 0; list-style-type: none; }
.listA li { margin: 0; padding: 0 0 0 8px; background: url(../images/shape/point.png) no-repeat 2px 0.5em; }


.cols_50 { width: 100%; clear: both; }
.cols_50_left { width: 45%; float: left; display: inline; }
.cols_50_right { width: 45%; float: right; display: inline; }