body {background: #f7f7f7; color:#000;}

/* LAYOUT */
#footer, .bg-help {width: 915px; margin: 20px 15px 0; background: url('../images/bg-bg-help.png') 0 0 repeat-y;}
#mother {margin: 0; width: 905px; padding: 5px 5px 0; text-align: left; background: url('../images/bg-mother.png') 0 0 no-repeat;}
#header {position: relative; height: 75px;}
#main {background: #fff url('../images/bg-main.png') 0 0 repeat-y;}
#main .in {background: url('../images/bg-main-in.png') 0 0 repeat-y; margin: 0 10px;}
#col-content {float: right; display: inline; width: 660px;}
#col-side {float: left; display: inline; width: 215px;}
.col-left {float: left; display: inline; width: 400px;}
.col-right {float: right; display: inline; width: 250px;}

/* LOGO BOX */
#logo-box {position: absolute; top: 13px; left: 10px;}

/* LANG MENU */
#lang-menu {position: absolute; top: 8px; right: 8px;}
#lang-menu a {margin: 0 0 0 3px;}

/* MAIN MENU */
#main-menu {margin: 0; padding: 0 10px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #fff; background: #FFFFFF url('../images/bg-main-menu.png') 0 100% repeat-x;}
#main-menu .reset {float: right; display: inline; padding: 6px 0;}
#main-menu .reset li {float: left; display: inline; border-left: 1px solid #c0cad9;}
#main-menu .reset li.first {border: none;}
#main-menu .reset li a {float: left; color: #2E4F84; text-decoration: underline; margin: 0; padding: 0 10px; line-height: 18px;}
#main-menu .reset li a:hover, #main-menu .reset li.active a{text-decoration: none;}

/* BREADCRUMB */
#breadcrumb {background: url('../images/bg-breadcrumb.png') 0 0 no-repeat; min-height: 33px; padding: 0;}
#breadcrumb p.reset {font-size: 91.6%; padding: 6px 0 0; color: #333;}
#breadcrumb p a, #breadcrumb p strong {background: url('../images/row.png') 0 50% no-repeat; padding: 0 0 0 10px; font-weight: normal; font-style: italic; margin: 0 0 0 11px;}

/* CROSSROAD */
.crossroad {margin: 0;clear:both}
.crossroad .li {width: 319px; border: 1px solid #d6d6d6; padding: 2px; margin: 10px 0 -1px; position: relative;float:left;}
.crossroad .li h2 {margin: 0; font-size: 116.6%; font-weight: normal;}
.crossroad .li h2 a {text-decoration: none; padding: 0; display: block;}
.crossroad .li h2 a img {display: block; margin: 0 0 1px;}
.crossroad .li h2 a span {display: block; line-height: 36px; background: #fafafa url('../images/bg-crossroad.png') 0 0 repeat-x; padding: 0 120px 0 7px;}
.crossroad .inline-btn {position: absolute; bottom: 5px; right: 10px;}
.crossroad .li-r {float:right;}


/* SIDE MENU */
.side-menu {background: #fff; font-size: 108.4%; border-bottom: 1px solid #fff;}
.side-menu ul.reset ul.reset ul.reset { margin-left: 10px }
.side-menu .reset li {border-bottom: 1px solid #f0f0f0; padding: 0 0 1px;}
.side-menu .reset li a {display: block; padding: 0 10px 0 20px; line-height: 29px; text-decoration: none; color: #000;}
.side-menu .reset li a:hover,
.side-menu .reset li.active>a {background: #f9f9f9; text-decoration: underline;}
.side-menu ul.reset ul.reset li {border: none; padding: 0; font-size: 91.6%;}
.side-menu ul.reset ul.reset li a {padding: 0 10px 0 35px; background: url('../images/row.png') 20px 0.9em no-repeat; text-decoration: none; color: #35527F;}
.side-menu ul.reset ul.reset li a:hover,
.side-menu .reset li.active .reset li.active>a {color: #666; text-decoration: underline;}

/* CONTACT BOX */
.contact-box {padding: 0 0 0 90px; position: relative; min-height: 100px; _height: 100px;}
.contact-box img {position: absolute; top: 4px; left: 0; border: 1px solid #e5e5e5;}

/* CONTACT ACCORDION */
.contact-accordion h2 {background: #f7f7f7; border: 1px solid #d6d6d6; font-size: 100%; margin: 0; padding: 0 10px; line-height: 24px; font-weight: normal; color: #2f5187; cursor: pointer;}
.contact-accordion h2.ui-state-active {background: #2f5187; border: 1px solid #2f5187; border-bottom-color: #fff; color: #fff; cursor: default; font-weight: bold;}
.contact-accordion .ui-accordion-content {padding: 10px;  border: 1px solid #d6d6d6; border-width: 0 1px 1px; margin: 0 0 1px; background: #f7f7f7;}
.contact-accordion .ui-accordion-content img {float: left; display: inline; margin: 3px 10px 0 0; border: 1px solid #e5e5e5;}
.contact-accordion .ui-accordion-content .center img {float: none; display: inline; margin: 0; border: none;}
.contact-accordion form .ui-accordion-content {padding-bottom: 1px; zoom: 1;}
.contact-accordion form p {overflow: hidden; zoom: 1; margin: 0 0 10px;}
.contact-accordion form p.col-h-r, .contact-accordion form p.col-h-l {width: 45%;position:relative}
.contact-accordion form p label {float: left; display: inline; width: 80px;}
.contact-accordion form p .w-200 {float: right; display: inline; width: 190px; padding: 2px 5px;}
.contact-accordion form p .w-170 {float: right; display: inline; width: 160px; padding: 2px 5px;}
.contact-accordion form p .note {text-align: right; width: 30px;position:absolute;right:0;}
.contact-accordion form p select.w-200 {width: 202px;}
.contact-accordion form p .w-full {float: right; display: inline; width: 542px; padding: 2px 5px;}
label.error { color: #E33C48; font-weight: bold; display: block; clear: both; }
input.error { background: #FEF1EC; color: #E33C48; }
.mr-30 { margin-right: 30px }

/* FOOTER */
#footer {margin: 0 15px; background: none;}
#footer .separator {height: 35px; background: url('../images/footer-separator.png') 0 100% no-repeat;}
#footer .in {margin: 0 5px; background: url('../images/bg-footer.png') 0 0 no-repeat; padding: 15px 0 0; height: 63px; color: #000;}
#footer .in .footer-logo {margin: 0 0 0 15px; width: 165px; height:50px;}
#footer .in .footer-name {margin: 0 0 0 15px; width: 205px;}
#footer .in .footer-address {margin: 0 0 0 15px; width: 130px;}
#footer .in .footer-contact {margin: 0 0 0 15px; width: 200px;}
#footer .in .footer-contact span {display: inline-block; width: 50px;}
#footer .in .footer-contact a {color: #000;}
#footer p.right {color: #cccccc; margin: 10px 20px;}
#footer p.right img {vertical-align: middle;}


/* BTN */
.inline-btn {display: block; padding: 0 25px 0 0; line-height: 25px; background: url('../images/btn.png') 100% 100% no-repeat; font-size: 91.6%; color: #fff; text-decoration: none;}
.inline-btn:hover {color: #fff; text-decoration: underline;}
.inline-btn span {display: block; padding: 0 0 3px 8px; background: url('../images/btn.png') 0 0 no-repeat;}

/* IMG BORDER */
img.border {padding: 2px; border: 1px solid #d6d6d6; margin: 0 0 15px;}


.hidden { display: none; }
.overflow { overflow: hidden; }
.fl { float: left; }
.fr { float: right; }

button.button { border: none; cursor: pointer; margin: 0 auto; padding: 0; background: none; }

.ajax-place { padding-top: 1em; position: relative; }
.contact-accordion .ui-accordion-content .ico-delete { position: absolute; top: 10px; right: -10px; cursor: pointer; border: none; }