/* content styles */

/* Basic */
body { font: 12px Arial, sans-serif; line-height: 1.667; background: #fff; color: #0d2631; }

h1, h2, h3, h4, h5, h6, caption { margin: 1em 0 0.25em; font-weight: bold; color: #214DBC; }

h1 { font-size: 28px; line-height: 1.3; margin: 0px 0 5px; }
h2 { font-size: 22px; margin: 1em 0 0.25em; }
h3, caption { font-size: 18px; margin: 0.5em 0 0.1em; }
h4 { font-size: 14px; margin: 0.5em 0 0.25em; }
h5, h6 { font-size: 100%; margin: 0.5em 0 0.25em; }

h2.head { background: url(../img/bg/h2/head.png) no-repeat 0 100%; font-size: 14px; margin: 0 0 12px; padding: 0 0 12px; }

p, li { margin-top: 0; }
p, ul, ol, dl, table { margin-top: 0; margin-bottom: 1.462em; }
p.no-margin { margin: 0; }

ul { margin: 0 0 1.6em 0; padding: 0; list-style: none; }
ul li {margin: 0.2em 0 0.2em 0; padding: 0 0 0 18px; background: url(../img/bullet/default.png) no-repeat 0 0.6em; _position: relative; }
ol { margin: 0 0 1.6em 2em; padding: 0;  }
ol li { background: none; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

ol.decimal { list-style: decimal; }
ol.lower-alpha { list-style: lower-alpha; }
ol.upper-alpha { list-style: upper-alpha; }
ol.lower-roman { list-style: lower-roman; }
ol.upper-roman { list-style: upper-roman; }

ul.arrow li { background: url(../img/bullet/arrow.png) no-repeat 0 9px; margin: 0; padding: 5px 0 5px 12px; line-height: 1.4; font-weight: bold; }
ul.border li { border-bottom: 1px solid #e6e9ea; margin: 0; padding: 5px 0 5px 12px; font-weight: bold; }

code { font-size: 0.8em !important; font-family: monospace; }
dt { font-weight: bold; }

blockquote { background: #E5F1F6; margin: 0 0 1.6em 0; padding: 15px 20px 1px 20px; }

hr { display: block; width: 100%; height: 1px; font-size: 1px; overflow: hidden; border: 0; color: #b2d6e3; background: #b2d6e3; margin: 20px 0; clear: both; }

a:link { color: #0076a3; }
a:visited {color: #0076a3;}
a:hover {color: #8dc73f; }

a.ext { background: url(../img/ico/ext.png) no-repeat 100% 2px; padding-right: 13px; }


/* Misc */
.fl { display: inline; float: left; }
.fr { display: inline; float: right; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.va-mid { vertical-align: middle; }

.out { position: absolute; left: -2000px; top: -2000px; }
.break { height: 0px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; display: block; }
.small, small { font-size: 11px;}
.suppress { color: #666666; font-weight: normal; }
.hidden { display: none; }

.clearfix { zoom: 1; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.center { text-align: center; }
.left { text-align: left !important; }
.right { text-align: right; }

/* Tables */
table { margin: 0 0 1.6923em 0; background: none; border: 0; border-collapse: collapse; font-size: 100%; clear: both; width: 100%;  }
caption { text-align: left; padding-bottom: 5px; margin-bottom: 0; margin-top: 0; font-weight: bold;}
th, td {vertical-align: top; padding: 5px 10px; background: #e5f1f6; border-bottom: 1px solid #fff; }
th {background: #1F229D; }
th { text-align: left; background: #1F229D; color: #fff; }
th[align=right] { text-align: right; }
th[align=center] { text-align: center; }
tr.even td { background: #cce4ed; }
table td p { margin: 0.1em 0; }

/* Plain table */
table.plain { background: none; border: none; margin: 0; }
table.plain tr td, table.plain tr { background: none; border: none; padding: 0; font-size: 100%;}
table.plain tr td { padding-right: 5px; }
table.plain h2 { margin-top: 10px; }

/* Half columns */
.col-h-l, .col-h-r {width: 47%; }
.col-h-l {float: left; display: inline;}
.col-h-r {float: right; display: inline;}

/* Images */
img { border: 0; padding: 0; margin: 0; }
img.left, img.right {margin: 0 15px 15px 15px;}
img.left {margin-left: 0; float: left; }
img.right {margin-right: 0; float: right; }
img.plain {margin: 0; padding: 0; border: 0; display: inline; vertical-align: middle;}
img.framed { border: 5px solid #e8edf0; }

.col-contact-a { margin-left: -730px !important; width: 230px; }
.col-contact-b { margin-left: -478px !important; width: 478px; }

/* layout styles */

html { padding: 0; margin: 0; }
body { padding: 0; margin: 0; background: #fff url(../img/bg/body.png) repeat-x 50% 0; }

.row { width: 100%; display: block; position: relative; }
.row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.col { position: relative; float: left; left: 100%; margin-left: -100%; _display: inline; zoom: 1; }

.clearfix { zoom: 1; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.col-main { margin-left: -980px; width: 650px; }
.col-side { margin-left: -320px; width: 320px;}
.col-full { margin-left: -980px; width: 980px; }
.row-main { width: 980px; margin: auto; text-align: left; } 

.body-wrap { background: url(../img/bg/body/top.png) no-repeat 50% 0; margin: auto; text-align: center; } 

#header { height: 130px; position: relative; margin: auto; }
#logo { position: absolute; left: 36px; top: 19px; }
#logo img { display: block; }

#logo-asw { position: absolute; left: 36px; top: 19px; }
#logo-asw img { display: block; }

#logo-mid { position: absolute; top: 25px; left: 250px; }

#logo-cgm { position: absolute; top: 15px; right: 15px; }

#slogan { position: absolute; top: 70px; left: 250px; font-size: 25px; line-height: 1.3; font-family: Georgia, serif; }

#main-menu { padding: 0; height: 42px; zoom: 1; float: center;}
#main-menu ul { margin: 0 0 0 10px; padding: 0; zoom: 1; }
#main-menu ul li { margin: 0; padding: 0; background: none; float: left; overflow: hidden; }
#main-menu ul li:first-child { background: none !important; padding-left: 0 !important; overflow: hidden }
#main-menu ul li a { float: left; height: 42px; line-height: 42px; padding: 0 16px; text-decoration: none; color: #e0e0e0; font-weight: bold; overflow: hidden; }
#main-menu ul li.active a, #main-menu ul li a:hover {  }

/* Search box */
#search-box { position: absolute; top: 92px; right: 10px; width: 310px; height: 28px; background: url(../img/compugroup/bg/search/box.png) no-repeat 0 0; }
#search-box .spc { padding: 0; }
#search-box input { vertical-align: middle; }
#search-box #q { width: 215px; border: 0; padding: 4px 3px; background: none; position: absolute; top: 3px; left: 30px; font-size: 11px; color: #333; }
#search-box .btn-submit { position: absolute; top: 0; right: 0; width: 53px; height: 28px; }

.breadcrumb { font-size: 11px; padding: 12px 0 8px; border-bottom: 1px solid #cccccc; margin: 0 0 5px; zoom: 1; position: relative; }
.breadcrumb p { margin: 0; }
.breadcrumb a, .breadcrumb a:visited { background: url(../img/compugroup/bullet/breadcrumb.png) no-repeat 100% 50%; padding-right: 15px; margin-right: 5px; }
.breadcrumb a:hover { color: #0d2631; } 

#main { padding: 5px 0; }

.annot { font-weight: bold; }
.wysiwyg { zoom: 1; margin-bottom: 20px; }
.wysiwyg:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.content-box .mid { zoom: 1; }

#intro-box .row-main { width: 980px; padding: 0 0px; }
#intro-box .mid { zoom: 1; position: relative; }
#intro-box .inner { zoom: 1; position: relative; }

#footer { padding: 0 0; font-size: 11px; zoom: 1; }
#footer .row-main { width: 940px; }
#footer:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#footer p { margin: 0; }

.side-menu ul { margin: 0; }
.side-menu ul li { background: url(../img/compugroup/bullet/side/menu/1.png) no-repeat 0 6px; font-weight: bold; padding-left: 16px; }
.side-menu ul li a { text-decoration: none; }
.side-menu ul li li { font-weight: normal; font-size: 11px; background: url(../img/compugroup/bullet/side/menu/2.png) no-repeat 0 6px; padding-left: 11px; } 
.side-menu ul li.active>a { font-weight: bold; }
.side-menu ul li.active>a { color: #8dc73f; }

.side-contact-form p { margin: 5px 0; }

.side-news ul { margin: 0; padding: 0; }
.side-news ul li { margin: 0 0 10px; padding: 0; background: none !important; }
.side-news ul li h3 { font-size: 100%; margin: 0 0 5px; padding: 0 0 3px; border-bottom: 1px dotted #a2b2c1; }
.side-news ul li p { margin: 0; }
.side-news ul li .desc { font-size: 11px; }
.side-news ul li .date { color: #7a7a7a; }

.home-news ul { margin-left: -10px; zoom: 1; }
.home-news ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.home-news ul li { float: left; width: 300px; margin-left: 10px; } 
.home-news ul li .desc { margin-bottom: 10px; }

/* News */
.col-main .news { clear: both; margin: 20px 0; }
.col-main .news ul { margin: 0; padding: 0; }
.col-main .news ul li { margin: 0; padding: 20px 0; background: url(../img/bg/side/hdash.png) repeat-x 0 0; zoom: 1; }
.col-main .news ul li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.col-main .news ul li:first-child { background: none; padding-top: 0; }
.col-main .news ul li .img-box { float: left; }
.col-main .news ul li .img-box img { display: block; border: 3px solid #e7eaeb; }
.col-main .news ul li .text-box { margin-left: 170px; }
.col-main .news ul li.no-img .text-box { margin-left: 0; }
.col-main .news ul li .text-box p { margin: 0; }
.col-main .news ul li .text-box .date { color: #0076a3; }
.col-main .news ul li .text-box h3 { margin: 0; font-size: 20px; }


/* Signpost */
.signpost ul { zoom: 1; margin: 0 0 10px -10px; padding: 0; }
.signpost ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.signpost ul li { float: left; width: 260px; border: 1px solid #dae2e7; padding: 19px; margin: 0 0 0 10px; background: none; }
.signpost ul li h2 {  margin: 0 0 5px; font-size: 14px; }

.btn-more, .btn-more .in { display: -moz-inline-stack; display: inline-block; =display: inline; zoom: 1; white-space: nowrap; font-size: 11px; }
.btn-more { background: url(../img/compugroup/bg/btn/more.png) no-repeat 0 50%; padding-left: 10px;text-decoration: none; margin-right: 35px;  }
.btn-more .in { background: url(../img/compugroup/bg/btn/more.png) no-repeat 100% 50%; height: 28px; line-height: 28px; text-align: left; padding: 0 35px 0 0; font-weight: bold; color: #fff; cursor: pointer; margin-right: -35px; position: relative; }

.content-box-image { margin: 5px 0; }
.content-box-image img { display: block; }

.intro-frames { padding-top: 10px; position: relative; /*min-height: 221px; _height: 221px;*/ }
.intro-frames .frame { height: 221px; background: #fff; background: url(../img/samples/frame/01.jpg) no-repeat 0 0; /*position: absolute; top: 10px; left: 0; width: 100%;*/ }
.intro-frames .frame .text-box { padding: 5px 485px 0 40px; }

.theme-compugroup .intro-frames { height: 221px; }
.theme-compugroup .intro-frames .frame { position: absolute; top: 10px; left: 0; width: 100%; }

.intro-tabs { padding-bottom: 10px; }
.intro-tabs ul { margin: 0 0 0 -12px; padding: 0; zoom: 1; }
.intro-tabs ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.intro-tabs ul li { background: none; float: left; width: 231px; margin: 0 0 0 12px; padding: 0; }
.intro-tabs ul li a { float: left; width: 191px; height: 35px; padding: 10px 20px 0; background: url(../img/compugroup/bg/intro/tab.png) no-repeat 0 0; font-size: 11px; line-height: 1.2; color: #9ca6b9; text-decoration: none; }
.intro-tabs ul li a strong { display: block; font-size: 12px; color: #fff; }

.intro-tabs ul li.active a { background-position: 0 -100px; color: #8b9fb1; outline: 0; }
.intro-tabs ul li.active a strong { color: #21345c; }

.ico-phone-large { background: url(../img/ico/phone/large.png) no-repeat 0 50%; padding-left: 83px; color: #127bca; font-size: 18px; line-height: 1.3; font-weight: bold; min-height: 50px; margin: 4px 0 10px; }
.ico-mail-large { background: url(../img/ico/mail/large.png) no-repeat 8px 50%; padding-left: 83px; color: #127bca; font-size: 14px; font-weight: bold; min-height: 50px; padding-top: 10px; margin: 4px 0 10px;  }

.btn-download, .btn-download .in { display: block; text-decoration: none; color: #323232 !important; }
.btn-download { background: url(../img/dentist/bg/btn/download.png) no-repeat 0 50%; padding-left: 80px;text-decoration: none; overflow: hidden; line-height: 1.3; zoom: 1; }
.btn-download .in { background: url(../img/dentist/bg/btn/download.png) no-repeat 100% 50%; height: 56px; text-align: left; padding: 21px 35px 0 0; cursor: pointer; position: relative; zoom: 1; }
.btn-download strong { color: #127bca; text-decoration: underline; }

/* Related images */
.related-images { position: relative; margin: 0 0 30px; zoom: 1; }
.related-images ul { margin: 0 -10px 0 0; padding: 0; font-size: 0; position: relative; zoom: 1; background: #f7fbdb; padding: 10px 10px 0 10px;  }
.related-images ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.related-images ul li { margin: 0 10px 10px 0; padding: 0; background: none; float: left; _display: inline; position: relative; }
.related-images ul li a { display: block; position: relative; }
.related-images ul li img { display: block; margin: 0; }

/* File icons */
ul.files { list-style: none; margin: 0 0 40px 0; padding: 0; }
ul.files li { background: none; padding: 0; margin-bottom: 0.3em;}
ul.files li a, a.ico-file { background-repeat: no-repeat; background-position: 0 2px; line-height: 1.5em; padding: 2px 0 2px 22px !important; }
ul.files-large li a { background-repeat: no-repeat; background-position: 0 2px; line-height: 1.5em; padding: 2px 0 2px 40px !important; display: block; }

/* File icons */
.ico-file-ai {background-image: url("../img/file/icons/ico/file/ai.png");}
.ico-file-avi {background-image: url("../img/file/icons/ico/file/avi.png");}
.ico-file-bmp {background-image: url("../img/file/icons/ico/file/bmp.png");}
.ico-file-cdr {background-image: url("../img/file/icons/ico/file/cdr.png");}
.ico-file-doc {background-image: url("../img/file/icons/ico/file/doc.png");}
.ico-file-dxf {background-image: url("../img/file/icons/ico/file/dxf.png");}
.ico-file-exe {background-image: url("../img/file/icons/ico/file/exe.png");}
.ico-file-png {background-image: url("../img/file/icons/ico/file/png.png");}
.ico-file-html {background-image: url("../img/file/icons/ico/file/html.png");}
.ico-file-jpg {background-image: url("../img/file/icons/ico/file/jpg.png");}
.ico-file-mp3 {background-image: url("../img/file/icons/ico/file/mp3.png");}
.ico-file-pdf {background-image: url("../img/file/icons/ico/file/pdf.png");}
.ico-file-png {background-image: url("../img/file/icons/ico/file/png.png");}
.ico-file-ppt {background-image: url("../img/file/icons/ico/file/ppt.png");}
.ico-file-psd {background-image: url("../img/file/icons/ico/file/psd.png");}
.ico-file-rtf {background-image: url("../img/file/icons/ico/file/rtf.png");}
.ico-file-qt {background-image: url("../img/file/icons/ico/file/qt.png");}
.ico-file-ra {background-image: url("../img/file/icons/ico/file/ra.png");}
.ico-file-swf {background-image: url("../img/file/icons/ico/file/swf.png");}
.ico-file-tif {background-image: url("../img/file/icons/ico/file/tif.png");}
.ico-file-txt {background-image: url("../img/file/icons/ico/file/txt.png");}
.ico-file-xls {background-image: url("../img/file/icons/ico/file/xls.png");}
.ico-file-zip {background-image: url("../img/file/icons/ico/file/zip.png");}
.ico-file-unknown {background-image: url("../img/file/icons/ico/file/unknown.png");}


/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: Arial, sans-serif; }
label { }
.inp-text { border: 1px solid #cccccc; background: #fff; }
input.inp-text, textarea { padding: 3px 3px; }

.form-box { padding: 20px 20px 15px 20px; background: #e5f1f6; color: black; zoom: 1; position: relative; margin-bottom: 30px; border: 1px solid #b2d6e3; }
.form-box h2 { margin: 0 0 10px; }
.inp-fix { margin-right: 8px; display: block; }
.inp-fix .w-full { margin-right: -8px; }
.form-box p { margin-bottom: 8px; }

input.btn-submit { font-weight: bold; padding: 4px 5px 5px; overflow: visible; border: 0; font-weight: bold; color: #d7eaf0; cursor: pointer; }

.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: #fff; font-size: 100%; font-weight: bold; margin: 15px 0; background: #0076a3; padding: 5px 5px 5px 10px; }
.ok-message { background: #8dc73f; }

.w-full { width: 100%;  }
.w-half { width: 50%;  }

.form-box table.plain { margin-bottom: 20px; }
.form-box table.plain tr th { background: none;  }
.form-box table.plain tr td { background: none; padding: 3px 10px; }

/* Theme medicus */
.theme-medicus h1, .theme-medicus h2, .theme-medicus h3, .theme-medicus h4, .theme-medicus h5, .theme-medicus h6, .theme-medicus caption, .theme-medicus a, .theme-medicus a:visited, .theme-medicus .ico-phone-large, .theme-medicus .ico-mail-large { color: #214DBC; }
.theme-medicus a:hover, .theme-medicus .side-menu ul li.active>a { color: #000; }
.theme-medicus ul>li { background: url(../img/ta/bullet/default.png) no-repeat 0 0.6em; }
.theme-medicus img.framed { border: 10px solid #f8e7e7; }

.theme-medicus th { background: #1F229D; }
.theme-medicus td { background: #f8e8e9; }
.theme-medicus tr.even td { background: #f5dedf; }


body.theme-medicus { background: #E5E9F6 url(../img/ta/bg/body.png) repeat-x 0 0; }
.theme-medicus .body-wrap { background: url(../img/ta/bg/body/wrap.png) no-repeat 50% 0; }
.theme-medicus .col-main .content-box .top { background: url(../img/ta/bg/content/box/top.png) no-repeat 0 0; height: 15px; font-size: 0; }
.theme-medicus .col-main .content-box .mid { background: #fff; padding: 5px 20px; }
.theme-medicus .col-main .content-box .bot { background: url(../img/ta/bg/content/box/bot.png) no-repeat 0 0; height: 15px; font-size: 0; }

.theme-medicus .col-full .full-box .top { background: url(../img/ta/bg/full/box/top.png) no-repeat 0 0; height: 15px; font-size: 0; }
.theme-medicus .col-full .full-box .mid { background: #fff; padding: 5px 20px; }
.theme-medicus .col-full .full-box .bot { background: url(../img/ta/bg/full/box/bot.png) no-repeat 0 0; height: 15px; font-size: 0; }

.theme-medicus .col-side .content-box .top { background: url(../img/ta/bg/side/box/top.png) no-repeat 0 0; height: 15px; font-size: 0; }
.theme-medicus .col-side .content-box .mid { background: #fff; padding: 5px 20px; }
.theme-medicus .col-side .content-box .bot { background: url(../img/ta/bg/side/box/bot.png) no-repeat 0 0; height: 15px; font-size: 0; }

.theme-medicus .intro-frames { padding-bottom: 10px; }
.theme-medicus .intro-frames #tab1 { background: url(../img/samples/ta/frame/01.jpg); height: 266px; }
.theme-medicus #intro-box .row-main { background: #214DBC url(../img/ta/bg/intro/box.png) no-repeat 0 100%; }
.theme-medicus #intro-box .top { background: url(../img/ta/bg/intro/box/top.png) no-repeat 50% 0; height: 52px; }
.theme-medicus #intro-box .mid { background: #fff url(../img/ta/bg/intro/box/mid.png) repeat-y 0 0;  padding: 1px 2px; }
.theme-medicus #intro-box .inner { margin: -42px 0 -39px; }
.theme-medicus #intro-box .bot { background: url(../img/ta/bg/intro/box/bot.png) no-repeat 50% 100%; height: 49px; }
.theme-medicus #intro-box .bot { background: none; background-color: #214DBC; height: 8px; } 

.theme-medicus #header { background: url(../img/ta/bg/header.png) no-repeat 50% 100%; }
.theme-medicus #logo { left: 24px; top: 45px; }
.theme-medicus #slogan { top: 60px; left: 320px; font-size: 21px; line-height: 1.3; font-family: Arial, sans-serif; font-weight: bold; color: #214DBC; }

.theme-medicus #footer { background: url(../img/ta/bg/footer.png) no-repeat 50% 0; height: 56px; line-height: 56px; color: #ebc4c5; padding-bottom: 18px; }
.theme-medicus #footer a, .theme-medicus #footer a:visited { color: #fff; }

.theme-medicus #main-menu .row-main { background: url(../img/ta/bg/main/menu.png) no-repeat 50% 0; padding: 0; margin: auto; }
.theme-medicus #main-menu ul li { padding-left: 4px; background: url(../img/ta/bg/main/menu/sep.png) no-repeat 0 50%; }
.theme-medicus #main-menu ul li a { color: #e0e0e0; }
.theme-medicus #main-menu ul li.active a, .theme-medicus #main-menu ul li a:hover { background: url(../img/ta/bg/main/menu/active.png) repeat-x 0 0; color: #fff; }

.theme-medicus .btn-submit { background: #a83538 url(../img/ta/bg/btn/submit.png) repeat-x 0 100%; border: 1px solid #9f1f22; color: #fff; } 

.theme-medicus .signpost ul li { background: url(../img/ta/bg/signpost/item.png) no-repeat 100% 100%; }  

.theme-medicus .btn-more { background-image: url(../img/ta/bg/btn/more.png);  }
.theme-medicus .btn-more .in { background-image: url(../img/ta/bg/btn/more.png); }

.theme-medicus .side-menu ul li { background-image: url(../img/ta/bullet/side/menu/1.png); }
.theme-medicus .side-menu ul li li { background-image: url(../img/ta/bullet/side/menu/2.png); }  

.theme-medicus .btn-download, .theme-medicus .btn-download .in { color: #323232 !important; background-image: url(../img/ta/bg/btn/download.png); }
.theme-medicus .btn-download strong { color: #9f1f22; }

.theme-medicus .col-main .about-box, .theme-medicus .col-full .about-box { background: url(../img/samples/medicus/about/01.jpg) no-repeat 100% 100%; margin-bottom: -15px; margin-right: -20px; position: relative; padding-bottom: 15px; padding-right: 250px; margin-top: -15px; padding-top: 15px; }  
.theme-medicus .col-main .about-box h2.head, .theme-medicus .col-full .about-box h2.head { margin-right: -230px; padding-right: 230px; }

.theme-medicus .related-images ul { background: #f8e7e7; }

/* Tables */
.theme-medicus th, .theme-medicus td { background: #D2DDFA; border-bottom: 1px solid #fff; }
.theme-medicus th { background: #1F229D; color: #fff; }
.theme-medicus tr.even td { background: #D2DDFF; }