@CHARSET "UTF-8";

HTML, BODY, UL, FORM, H1 {margin: 0px; padding: 0px;}
BODY {background: url('../images/page_bg.png'); font-family: Arial; font-size: 14px;}
BODY.main {background: #ffffff url('../images/page_bg2.png') repeat-x;}
BODY.start {background: url('../images/page_bg.png');}

/******** GLOBAL ********/
.page {margin: auto; width: 1000px;}
.clear {clear: both;}
.center {text-align: center;}
.rounded {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.rounded-top5 {-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}

/******** BLOCK-TITLE ********/
DIV.block-title {color: #0e3a58; clear: both; font-size: 22px; text-align: center;}
DIV.block-title DIV.line {border-bottom: 1px dashed #292929; height: 1px; margin-top: 12px; width: 370px;}

/******** HEADER ********/
DIV.header-container {background: #0e3a58; height: 30px; position: relative;}

DIV.header {color: #ffffff; padding-right: 40px; text-align: right;}
DIV.header DIV.header-item {float: right; margin: 6px 0px 0px 25px;}
DIV.header DIV.header-item SPAN {font-weight: bold;}

/******** LOGO ********/
DIV.logo-container DIV.logo {background: url('../images/logo_container.png') top center no-repeat; cursor: pointer; height: 112px; margin-left: -114px; position: absolute; top: 20px; width: 614px;}

DIV.company-picture {color: #0096ff; float:left; font-size: 60px; margin: 10px 0px 0px 165px;}

DIV.company-data {float: right; margin-top: 5px;}
DIV.company-data DIV.company-name {color: #0096ff; font-size: 50px; margin-right: 160px;}
DIV.company-data DIV.company-name SPAN {color: #0e3a58;}
DIV.company-data DIV.company-subname {color: #313131; font-size: 16px; margin-left: 30px;}

/******** MENU ********/
DIV.menu-container {background: #0096ff; border-bottom: 1px solid #226795; height: 40px;}

DIV.menu UL {background: url('../images/menu_separator.png') right top no-repeat; float: right; list-style: none; padding-right: 2px; position: relative; right: 0px; z-index: 500;}
DIV.menu UL LI {background: url('../images/menu_separator.png') left top no-repeat; display: block; float: left; height: 40px; padding-left: 2px;}
DIV.menu UL LI A {color: #ffffff; display: block; font-size: 12px; font-weight: bold; padding: 13px 10px 11px 10px; text-decoration: none; text-transform: uppercase;}
DIV.menu UL LI A:hover {background: url('../images/menu_hover.png') repeat-x; }


/******** CONTENT POPUP ********/
DIV.content-popup-wrapper {margin: 0px;}

DIV.content-popup-container {background: #ffffff; padding-bottom: 20px;}
DIV.content-popup-container DIV.content-title-container {background: url('../images/content_title_bg.png') repeat-x; color: #0e3a58; display: block; font-size: 28px; height: 46px;}
DIV.content-popup-container DIV.content-title-container H1.content-title {background: url('../images/content_title_logo.png') top left no-repeat; display: block; font-size: 26px; height: 46px; padding: 7px 0px 0px 50px;}
DIV.content-popup-container DIV.content-body {color: #0e3a58; font-size: 12px; line-height: 20px; padding: 15px;}
DIV.content-popup-container DIV.content-body A {color: #076eb1}

/******** CONTENT ********/
DIV.content-wrapper {margin-top: 60px;}

DIV.content-container {background: #ffffff; float: left; padding-bottom: 20px;}
DIV.content-container DIV.content-title-container {background: url('../images/content_title_bg.png') repeat-x; color: #0e3a58; display: block; font-size: 28px; height: 46px;}
DIV.content-container DIV.content-title-container H1.content-title {background: url('../images/content_title_logo.png') top left no-repeat; display: block; font-size: 26px; font-weight: normal; height: 46px; padding: 7px 0px 0px 50px;}
DIV.content-container DIV.content-body {color: #0e3a58; font-size: 12px; line-height: 20px; padding: 15px;}
DIV.content-container DIV.content-body A {color: #076eb1}

DIV.sidebar-container {float: right; width: 285px;}

DIV.sidebar-container DIV.box {background: #ffffff;}
DIV.sidebar-container DIV.box DIV.box-title-container {background: url('../images/box_title_bg.png') repeat-x; display: block; height: 45px;}
DIV.sidebar-container DIV.box DIV.box-title-container DIV.box-title {background: url('../images/box_logo.png') 6px 6px no-repeat; color: #ffffff; display: block; font-size: 22px; height: 45px; padding: 10px 0px 0px 50px;}
DIV.sidebar-container DIV.box DIV.box-body {background: url('../images/box_title_shadow.png') top center no-repeat; color: #0e3a58; font-size: 12px; line-height: 18px; padding: 15px 10px;}
DIV.sidebar-container DIV.box DIV.box-body DIV.box-about {margin-bottom: 10px;}
DIV.sidebar-container DIV.box DIV.box-body DIV.box-about DIV.box-about-refer {font-weight: bold; font-style: italic;}

DIV.sidebar-container DIV.box-profile-container {background: url('../images/box_profile_bg.png') no-repeat; display: block; height: 168px; margin-bottom: 20px; width: 285px;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-web, DIV.sidebar-container DIV.box-profile-container DIV.box-profile-monitor {display: block; height: 160px; position: relative; width: 285px;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-web {background: url('../images/box_profile_web.png') 10px 10px no-repeat; color: #0e3a58;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-monitor {background: url('../images/box_profile_monitor.png') 10px 10px no-repeat; color: #556e0a;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-web DIV.box-profile-title, DIV.sidebar-container DIV.box-profile-container DIV.box-profile-monitor DIV.box-profile-title {font-size: 24px; left: 95px; position: absolute; top: 20px;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-web DIV.box-profile-title SPAN, DIV.sidebar-container DIV.box-profile-container DIV.box-profile-monitor DIV.box-profile-title SPAN {display: block;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-web DIV.box-profile-title SPAN {color: #0096ff;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-monitor DIV.box-profile-title SPAN {color: #93c802;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-web DIV.box-profile-body, DIV.sidebar-container DIV.box-profile-container DIV.box-profile-monitor DIV.box-profile-body {display: block; font-size: 12px; left: 10px; position:absolute; top: 95px; width: 260px;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-web DIV.box-profile-body SPAN, DIV.sidebar-container DIV.box-profile-container DIV.box-profile-monitor DIV.box-profile-body SPAN {font-weight: bold;}

DIV.sidebar-container DIV.box-profile-container DIV.box-profile-web DIV.box-profile-detail,
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-monitor DIV.box-profile-detail {left: 88px; position: absolute; top: 210px;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-web DIV.box-profile-detail A, DIV.sidebar-container DIV.box-profile-container DIV.box-profile-monitor DIV.box-profile-detail A {bottom: 35px; color: #ffffff; display: inline-block; font-size: 12px; height: 30px; left: 50%; padding-left: 12px; position: absolute; text-align: center; text-decoration: none; width: auto;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-web DIV.box-profile-detail A {background: transparent url("../images/small_buttons.png") no-repeat scroll 0px -30px;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-monitor DIV.box-profile-detail A {background: transparent url("../images/small_buttons.png") no-repeat scroll 0px -90px;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-web DIV.box-profile-detail A SPAN, DIV.sidebar-container DIV.box-profile-container DIV.box-profile-monitor DIV.box-profile-detail A SPAN {display: inline-block; height: 23px; padding: 7px 24px 0px 15px;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-web DIV.box-profile-detail A SPAN {background: transparent url("../images/small_buttons.png") no-repeat scroll right top;}
DIV.sidebar-container DIV.box-profile-container DIV.box-profile-monitor DIV.box-profile-detail A SPAN {background: transparent url("../images/small_buttons.png") no-repeat scroll right -60px;}

DIV.sidebar-container DIV.box-profile-container DIV.box-profile-web DIV.box-profile-link A, DIV.sidebar-container DIV.box-profile-container DIV.box-profile-web DIV.box-profile-link A {background: transparent url("../images/profile_buttons.png") no-repeat scroll; color: #ffffff; display: inline-block; font-size: 18px; height: 50px; padding-left: 20px; text-align: center; text-decoration: none; width: auto;}
DIV.profile.profile-web DIV.profile-button A SPAN, DIV.profile.profile-monitor DIV.profile-button A SPAN {background: transparent url("../images/profile_buttons.png") no-repeat scroll; display: inline-block; height: 37px; padding: 13px 24px 0px 0px;}

DIV.border-container {border: 6px solid #f2f2f2; padding: 5px;}
DIV.border-container:hover {border-color: #a8d8fa;}
DIV.border-container-shadow {background: url('../images/border_container_shadow.png') no-repeat; display: block; height: 21px; width: 670px;}

/******** REFERENCE ********/
DIV.reference-container {line-height: normal; margin: -15px 0px 0px -11px; width: 951px;}
DIV.reference-container DIV.reference-item {background: url('../images/page_bg.png'); border: 1px solid #bfbfbf; cursor: pointer; float: left; height: 200px; margin: 15px 0px 0px 11px; padding: 5px 5px; position: relative; width: 294px;}
DIV.reference-container DIV.reference-item IMG {border: 1px solid #a5a5a5; margin-bottom: 6px;}
DIV.reference-container DIV.reference-item IMG.zoomer {border: none; bottom: 8px; position: absolute; right: 6px;}
DIV.reference-container DIV.reference-item DIV.reference-title {font-size: 13px; font-weight: bold; height: 18px; overflow: hidden; padding-left: 2px; width: 250px;}
DIV.reference-container DIV.reference-item DIV.reference-descript {color: #656565; font-size: 10px; height: 18px; overflow: hidden; padding-left: 2px; width: 250px;}

DIV.big-picture {padding: 10px;}
DIV.thumb-container {background: #e8eefa; padding: 10px; width: 780px;}
DIV.thumb-container DIV.thumb-title {color: #20428a; font-family: Verdana; font-size: 12px; font-weight: bold; padding-bottom: 10px;}
DIV.thumb-container IMG {cursor: hand; cursor: pointer; float: left; padding-left: 10px; opacity: 0.4; filter: alpha(opacity = 40);}
DIV.thumb-container IMG.active {opacity: 1; filter: alpha(opacity = 100);}

/******** PROFILE ********/
DIV.profile-container {background: url('../images/profile_bg.png') center 120px no-repeat; padding-top: 25px;}

DIV.profile {display: block; font-size: 13px; height: 420px; position: relative; width: 480px;}

DIV.profile.profile-web DIV.profile-title, DIV.profile.profile-monitor DIV.profile-title {font-size: 50px; line-height: 45px; position: absolute; top: 120px;}
DIV.profile.profile-web DIV.profile-descript, DIV.profile.profile-monitor DIV.profile-descript {left: 0px; line-height: 20px; position: absolute; top: 230px;}
DIV.profile.profile-web DIV.profile-button, DIV.profile.profile-monitor DIV.profile-button {position: absolute; top: 300px;}
DIV.profile.profile-web DIV.profile-button A, DIV.profile.profile-monitor DIV.profile-button A {background: transparent url("../images/profile_buttons.png") no-repeat scroll; color: #ffffff; display: inline-block; font-size: 18px; height: 50px; padding-left: 20px; text-align: center; text-decoration: none; width: auto;}
DIV.profile.profile-web DIV.profile-button A SPAN, DIV.profile.profile-monitor DIV.profile-button A SPAN {background: transparent url("../images/profile_buttons.png") no-repeat scroll; display: inline-block; height: 37px; padding: 13px 24px 0px 0px;}

DIV.profile.profile-web {background: url('../images/profile_web.png') right 30px no-repeat; color: #0e3a58; float: left;}
DIV.profile.profile-web DIV.profile-title {left: 80px; text-align: right;}
DIV.profile.profile-web DIV.profile-title SPAN {color: #0096ff;}
DIV.profile.profile-web DIV.profile-descript {text-align: right; }
DIV.profile.profile-web DIV.profile-button {right: 0px;}
DIV.profile.profile-web DIV.profile-button A {background-position: 0px -50px;}
DIV.profile.profile-web DIV.profile-button A SPAN {background-position: right 0px;}

DIV.profile.profile-monitor {background: url('../images/profile_monitor.png') left 25px no-repeat; color: #556e0a; float: right;}
DIV.profile.profile-monitor DIV.profile-title {left: 180px;}
DIV.profile.profile-monitor DIV.profile-title SPAN {color: #93c802;}
DIV.profile.profile-monitor DIV.profile-button {left: -0px;}
DIV.profile.profile-monitor DIV.profile-button A {background-position: 0px -150px;}
DIV.profile.profile-monitor DIV.profile-button A SPAN {background-position: right -100px;}

/******** SERVICE ********/
DIV.service-container {margin-top: 25px;}

DIV.service {float: left; margin: 0px 16px 30px 16px; width: 300px;}
DIV.service.web SPAN, DIV.service.monitor SPAN {background: url('../images/service_icons.png') no-repeat; display: block; float: left; height: 24px; margin: 3px 15px 0px 0px; width: 24px;}
DIV.service.web SPAN {background-position: top left;}
DIV.service.monitor SPAN {background-position: top right;}
DIV.service DIV.service-title {color: #444444; clear: both; font-size: 24px; font-weight: bold;}
DIV.service DIV.service-descript {color: #292929; font-size: 12px; line-height: 18px; margin-top: 10px; text-align: justify;}
DIV.service DIV.service-link A {display: block; font-size: 13px; font-weight: bold; margin-top: 10px; text-decoration: none;}
DIV.service.web DIV.service-link A {color: #0096ff;}
DIV.service.monitor DIV.service-link A {color: #589008;}
DIV.service DIV.service-link A:hover {text-decoration: underline;}

/******** PACKET ********/
DIV.packet-container {padding: 25px 0px 30px 0px;}

DIV.packet {cursor: pointer; float: left; height: 340px; padding: 0px 18px; overflow: hidden; position: relative; text-align: center; width: 213px;}
DIV.packet DIV.packet-title {color: #272630; font-size: 14px; font-weight: bold; margin: 24px 0px 16px 0px; text-transform: uppercase;}
DIV.packet DIV.packet-descript {color: #363636; font-size: 12px; margin: auto; width: 213px;}
DIV.packet DIV.packet-hover-wrapper {background: #ffffff;  -moz-opacity: 0; opacity: 0; filter: alpha(opacity=1); cursor: pointer; display: block; left: 18px; position: absolute; top: 0px; z-index: 500;}
DIV.packet DIV.packet-hover-overlay {background: #000000; cursor: pointer; display: block; left: 18px; position: absolute; top: 0px; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; z-index: 400;}
DIV.packet DIV.packet-hover {color: #ffffff; left: 18px; padding: 10px; position: absolute; top: 0px; z-index: 490;}
DIV.packet DIV.packet-hover H1 {display: block; font-size: 18px; text-align: center;}
DIV.packet DIV.packet-hover P {display: block; font-size: 12px; text-align: justify;}
DIV.packet DIV.packet-hover A.button {background: transparent url("../images/small_buttons.png") no-repeat scroll 0px -30px; bottom: 35px; color: #ffffff; display: inline-block; font-size: 12px; height: 30px; left: 50%; padding-left: 12px; position: absolute; text-align: center; text-decoration: none; width: auto;}
DIV.packet DIV.packet-hover A.button SPAN {background: transparent url("../images/small_buttons.png") no-repeat scroll right top; display: inline-block; height: 23px; padding: 7px 24px 0px 15px;}

/******** LAST REFERENCE ********/
DIV.last-reference-container {padding: 25px 0px 30px 0px;}

DIV.reference {background: url('../images/reference_bg.png'); display: block; height: 130px; float: left; margin: 0px 15px; overflow: hidden; position: relative; width: 220px;}
DIV.reference A {display: block; height: 122px; width: 220px;}
DIV.reference IMG {left: 10px; position: absolute; top: 10px;}
DIV.reference H2 {display: block; font-size: 12px; left: 20px; position: absolute; top: 115px; text-align: center;}

/******** FORMATED BUTTONS ********/
DIV.content-container DIV.content-body A.formated-button {color: #ffffff; display: inline-block; font-size: 12px; height: 30px; padding-left: 12px; text-align: center; text-decoration: none; width: auto;}
A.formated-button SPAN {display: inline-block; height: 24px; padding: 6px 26px 0px 15px;}
A.formated-button.web {background: transparent url("../images/small_buttons.png") no-repeat scroll 0px -30px;}
A.formated-button.monitor {background: transparent url("../images/small_buttons.png") no-repeat scroll 0px -90px;}
A.formated-button.web SPAN {background: transparent url("../images/small_buttons.png") no-repeat scroll right top;}
A.formated-button.monitor SPAN {background: transparent url("../images/small_buttons.png") no-repeat scroll right -60px;}

/******** FORMATED TABLE ********/
TABLE.formated TR {height: 45px;}
TABLE.formated TR.even {}
TABLE.formated TR.odd {background: #f3f3f3;}
TABLE.formated TR TD {border-bottom: 1px solid #000000; text-align: center;}

/******** FORM TABLE ********/
DIV.formError, DIV.formSuccess, DIV.formInfo { margin: 10px; padding: 10px 10px 10px 26px; }
DIV.formError { background: #e7928d url('../images/icons/warning.png') 2px no-repeat; border: 1px solid #c82820; color: #c82820; }
DIV.formSuccess { background: #cce297 url('../images/icons/success.png') 2px no-repeat; border: 1px solid #99ba2d; color: #799a0d; }
DIV.formInfo { background: #d1e4f3 2px no-repeat; border: 1px solid #99c4ea; color: #333333; padding: 10px; }

TABLE.form-contact {width: 100%;}
TABLE.form-contact TR TH {background: #fafafa; border-bottom: 2px solid #ffffff; padding: 24px 10px 24px 0px; text-align: right;}
TABLE.form-contact TR TD {background: #fafafa; border-bottom: 2px solid #ffffff;}
TABLE.form-contact TR TD INPUT, TABLE.form-contact TR TD SELECT, TABLE.form-contact TR TD TEXTAREA {background: #ffffff; padding: 8px; width: 85%;}
TABLE.form-contact TR TD INPUT:focus, TABLE.form-contact TR TD SELECT:focus, TABLE.form-contact TR TD TEXTAREA:focus {background: #ffffff;}
TABLE.form-contact TR TD.right-td {border-left: 2px solid #ffffff; font-weight: bold; padding-left: 10px;}

TABLE.form {width: 100%;}
TABLE.form TR TH {padding: 10px; text-align: right; width: 100px;}
TABLE.form TR TD {padding: 10px;}
TABLE.form TR TD INPUT, TABLE.form TR TD SELECT, TABLE.form TR TD TEXTAREA {width: 100%;}

DIV.form-container {background: #f2f2f2;}
DIV.form-container DIV.form-section {background: url('../images/form_section_bg.png') left bottom repeat-x;}
DIV.form-container DIV.form-section.section-title {color: #0e3a74; font-size: 20px; font-weight: bold; padding: 10px 0px; text-align: center;}

TABLE.form-monitor {width: 100%;}
TABLE.form-monitor TR TH {color: #0e3a74; font-size: 12px; font-weight: bold; padding-right: 10px; width: 50%;}
TABLE.form-monitor TR TD {color: #0e3a74; padding: 0px 10px; width: 50%;}
TABLE.form-monitor DIV.form-sum {background: #9dc017; color: #ffffff; font-weight: bold; font-size: 18px; margin: 10px 0px; padding: 5px;}
TABLE.form-monitor DIV.form-sum DIV.form-sum-title {background: #ffffff; color: #9dc017; float: left; padding: 6px 0px; text-align: center; width: 320px;}
TABLE.form-monitor DIV.form-sum DIV#sum_cost {float: right; padding: 6px 0px; text-align: center; width: 320px;}
TABLE.form-monitor DIV.form-td-element {background: #ffffff; padding: 10px; text-align: center;}
TABLE.form-monitor DIV.form-td-element SPAN.element-data {background: #2f9ec3; color: #ffffff; display: block; margin: 15px auto 0px auto; padding: 7px 0px; text-align: center; width: 240px;}

/******** FOOTER ********/
DIV.footer-container {color: #ffffff; font-size: 12px;}

DIV.footer-top {background: #0e3a58 url('../images/footer_top.png') top center no-repeat; height: 230px;}
DIV.footer-top UL {list-style: none;}
DIV.footer-top UL LI {background: url('../images/footer_separator.png') left center no-repeat; float: left; height: 230px; width: 200px;}
DIV.footer-top UL LI:first-child {background: none;}
DIV.footer-top UL LI DIV.footer-title {font-size: 24px; margin-top: 25px; padding: 5px 0px 0px 55px;}
DIV.footer-top UL LI A {color: #ffffff; display: block; line-height: 22px; padding-left: 55px; text-decoration: none;}
DIV.footer-top UL LI A:hover {text-decoration: underline;}

DIV.footer-top UL LI.footer-home {width: 180px;}
DIV.footer-top UL LI.footer-home DIV.footer-title {background: transparent url('../images/icons/footer_home.png') 10px top no-repeat;}
DIV.footer-top UL LI.footer-web, DIV.footer-top UL LI.footer-monitor {width: 290px;}
DIV.footer-top UL LI.footer-web DIV.footer-title {background: transparent url('../images/icons/footer_web.png') 10px top no-repeat;}
DIV.footer-top UL LI.footer-monitor DIV.footer-title {background: transparent url('../images/icons/footer_monitor.png') 10px top no-repeat;}
DIV.footer-top UL LI.footer-contact {width: 240px;}
DIV.footer-top UL LI.footer-contact DIV.footer-title {margin-bottom: 5px; padding-left: 20px;}

DIV.footer-top UL LI.footer-contact DIV.footer-contact-phone, DIV.footer-top UL LI.footer-contact DIV.footer-contact-email, DIV.footer-top UL LI.footer-contact DIV.footer-contact-post {margin-left: 30px; line-height: 18px; padding-left: 40px;}
DIV.footer-top UL LI.footer-contact DIV.footer-contact-phone SPAN, DIV.footer-top UL LI.footer-contact DIV.footer-contact-email SPAN, DIV.footer-top UL LI.footer-contact DIV.footer-contact-post SPAN {display: block; font-weight: bold;}
DIV.footer-top UL LI.footer-contact DIV.footer-contact-phone {background: transparent url('../images/icons/footer_phone.png') 8px top no-repeat; margin-bottom: 10px;}
DIV.footer-top UL LI.footer-contact DIV.footer-contact-phone DIV {font-size: 18px;}
DIV.footer-top UL LI.footer-contact DIV.footer-contact-email {background: transparent url('../images/icons/footer_email.png') 5px top no-repeat; margin-bottom: 10px;}
DIV.footer-top UL LI.footer-contact DIV.footer-contact-post {background: transparent url('../images/icons/footer_post.png') no-repeat;}

DIV.footer-bottom {display: block; height: 92px;}
DIV.footer-bottom DIV.footer-bottom-content {background: #010f21 url('../images/footer_bottom.png') top center no-repeat; border-top: 1px solid #165b89; height: 31px; padding-top: 18px; text-align: center;}
DIV.footer-bottom DIV.footer-bottom-shadow {background: transparent url('../images/footer_bottom_shadow.png') top center no-repeat; height: 43px;}

DIV.cost-container {background: #eaeaea; border: 1px solid #bfbfbf; padding: 10px 10px;}