/* Author: Rumin Sergey | Copyright: CENTROARTS.com | e-mail: sale@centroarts.com | URL: http://www.centroarts.com */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset { margin:0; padding:0; }
h1, h2, h3, h4, h5, pre, code, address, caption, cite, code, table, font { font-size: 1em; font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, body { font-family: Tahoma, Arial, Verdana, sans-serif; }
h1, h2, h3, h4, h5 { line-height: 1.2em; font-weight: bold; }
h1 { font-size: 2em; } h2 { font-size: 1.25em; font-family: Arial, Verdana, sans-serif; letter-spacing: -0.01em; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } h5 { font-size: 1.0em; }
a { color: #6bb4de; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
input, textarea, select { font-size: 1em; font-family: Tahoma, Arial, Verdana, sans-serif; outline: none; }
body { color: #000; background-color: #FFFFFF; font-size: 0.70em; font-style: normal; font-weight: normal; line-height: 1.4em; }
body.pagebg { padding: 0; margin: 0; background-color: #f4f4f4; }
div.pagebg { background: url("../images/pagebg.png") repeat-x 0 0; text-align: center; }
p { padding: 0; margin: 0; margin-bottom: 0.4em; }
.clr { clear: both; }
a img  { border: 0 none; }
.parag { text-indent: 30px; }
.small { color: #838383; }
.inv { display: none; }
hr	{ border: 0 none; border-top: 1px solid #cfcfcf; height: 1px; }
ul { margin: 0; padding-left: 16px; list-style-position:outside; list-style-image:none; }
ul li, #header h1 { margin: 0; padding: 0; }
ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-bottom: 18px; margin-left: 2.2em; }
table { border-collapse: collapse; border-spacing: 0; }
.reset, .reset li, #pager ul, #pager ul li { margin: 0; padding: 0; list-style: none; }
.wrapper { margin: auto; width: 865px; text-align: left; }
.wwide { width: 100%; min-width: 915px; }
*html .wwide { width: expression(document.body.clientWidth) < 915? "915px"; }

.lcolomn, .rcolomn { display: inline; overflow: hidden; }
.lcolomn { float: left; }
.rcolomn { float: right; }

.catop span, #footbar span, .reset, .reset li { display: block; }

.catop, .catop span { height: 49px; } .cafoot, .cafoot .wwide { height: 122px; }
.catop, .pfshadow, #pfview .dbtm { font-size: 1px; background: #020202 url("../images/pagebg.png") repeat-x 0 0; }
.catop span { background: url("../images/mechanism.jpg") no-repeat 50% 0; }
.catop span span { background: url("../images/centroarts_logo.png") no-repeat 0 22px; }
.camid { background: url("../images/pagebg_mid.png") repeat-y 50% 0; }
.camid .wwide { background: url("../images/pagebg_top.png") no-repeat 50% 0; }
.camid .wrapper { background-color: #fff; }
.cafoot { background: #f4f4f4 url("../images/footwbg.png") repeat-x 0 0; }
.cafoot .wwide { background: url("../images/footwtop.png") no-repeat 50% 0; }
.cafoot .wrapper { position: relative; }
#footbar, #footbar span, .inform div { height: 41px; }
#footbar { background: #fff url("../images/footbar.png") no-repeat 0 100%; }
#footbar span { padding: 0 5px; text-align: right; background: url("../images/footbarbg.png") repeat-x 0 -999px; }
#footbar span.footbar { background-position: 0 0; }

#header, #header .dleft, #header .dright { height: 102px; }
#header { border-bottom: 1px solid #ededee; background: #fff url("../images/header.png") repeat-x 0 -111px; }
#header .dleft { padding: 0 0 0 38px; background: url("../images/centroarts_logo.png") no-repeat 0 -27px; }
#header .dright { background: url("../images/header.png") no-repeat 100% 0; }
#header .item1 { height: 62px; } #header .item2 { height: 39px; padding: 0 12px 0 96px; }
#header h1 a, #header h1 { width: 280px; height: 62px; }
#header h1 a { float: left; background: url("../images/centroarts.png") no-repeat 100px 50%; overflow: hidden; text-indent: 300px; white-space: nowrap; }
#header .item1 div, #header .item2 div, .pager li, #header h1 { display: inline; }
#header .item1 ul, #header .item2 ul { float: right; margin: 14px 0 0; }
#header .item1 li, #header .item1 li a, #header .item1 li a strong, #header .item2 li a, #header .item2 li a b { float: left; height: 36px; }
#header .item1 li a strong { line-height: 100px; white-space: nowrap; overflow: hidden; background-image: url("../images/camenu.png"); background-repeat: no-repeat; }
#header .item1 li a strong, #header .item2 li a b { cursor: pointer; }
#header .item1 li a { padding: 0 14px 0 12px; background: url("../images/camenu.png") no-repeat 100% -108px; }
#header .item1 li.hmlink6 a { background: none; }
.hmlink1 strong { width: 51px; background-position: 0 0; }
.hmlink2 strong { width: 59px; background-position: -77px 0; }
.hmlink3 strong { width: 68px; background-position: -160px 0; }
.hmlink4 strong { width: 46px; background-position: -251px 0; }
.hmlink5 strong { width: 43px; background-position: -321px 0; }
.hmlink6 strong { width: 60px; background-position: -391px 0; }
.hmlink1 a.active strong { background-position: 0 -72px; }
.hmlink2 a.active strong { background-position: -77px -72px; }
.hmlink3 a.active strong { background-position: -160px -72px; }
.hmlink4 a.active strong { background-position: -251px -72px; }
.hmlink5 a.active strong { background-position: -321px -72px; }
.hmlink6 a.active strong { background-position: -391px -72px; }
.hmlink1 a:hover strong { background-position: 0 -36px; }
.hmlink2 a:hover strong { background-position: -77px -36px; }
.hmlink3 a:hover strong { background-position: -160px -36px; }
.hmlink4 a:hover strong { background-position: -251px -36px; }
.hmlink5 a:hover strong { background-position: -321px -36px; }
.hmlink6 a:hover strong { background-position: -391px -36px; }

#header .item2 ul { margin: 9px 0 0; }
#header .item2 li, a.uppage { float: right; line-height: 23px; }
#header .item2 li a, #header .item2 li a b { height: 24px; background-image: url("../images/canewsbox.png"); background-repeat: no-repeat; }
.bnt1 a { color: #fff; background-position: 100% -24px; background-color: #363638; }
.bnt1 a b { background-position: 0 0; padding: 0 12px; }
.bnt1 a:hover { background-position: 100% -72px; } .bnt1 a:hover b { background-position: 0 -48px; }
.bnt2 a { background-repeat: repeat-x; background-position: 0 -120px; padding: 0 5px; color: #757575; }
.bnt3 a { width: 25px; line-height: 100px; overflow: hidden; background-position: 0 -96px; }
.bnt3 a:hover { background-position: -25px -96px; }
.bnt1 a, .pager li a, #pfpreview .dcont a { text-decoration: none !important; }

.pager, .pager li a, .pager li span { float: left; height: 22px; line-height: 21px; }
.pager li a, .pager li span { width: 22px; text-align: center; margin: 0 1px; color: #ffffff; background: url("../images/pager.png") no-repeat -23px 0; }
.pager li a.active, .pager li span { color: #f3ae02; }
.pager li a:hover { color: #2a2a2c; background: url("../images/pager.png") no-repeat -23px -22px; }
.pager li a.active:hover { background: url("../images/pager.png") no-repeat -23px -22px; }
.pager li.pleft a, .pager li.pright a, a.uppage { overflow: hidden; text-indent: 40px; }
.pager li.pleft a { background: url("../images/pager.png") no-repeat 0 0; }
.pager li.pright a { background: url("../images/pager.png") no-repeat -46px 0; }
.pager li.pleft a:hover { background: url("../images/pager.png") no-repeat 0 -22px; }
.pager li.pright a:hover { background: url("../images/pager.png") no-repeat -46px -22px; }

a.uppage { margin: 6px 0 0; width: 17px; height: 17px; background: url("../images/uppage.png") no-repeat 0 0; }
a.uppage:hover { background-position: -17px 0; }
#footbar span.footbar a.uppage { background-position: 0 -17px; }
#footbar span.footbar a.uppage:hover { background-position: -17px -17px; }

#footer { padding: 0 12px; }
#footer .copyright { float: left; height: 33px; padding-left: 42px; background: url("../images/centroarts_foot.png") no-repeat 0 0; } 
.copyright, .copyright a { color: #6e6e6e; } .copyright span { color: #afafaf; }
.count { position: absolute; top: 41px; right: 12px; display: inline; }
.count span { float: left; height: 31px; margin-left: 14px; }