/*
	Copyright: © Centroarts 2013
	URI: http://centroarts.com
*/
/* отображение таблицы в ссылках */
tr.cat-list-row0 {
    background-color: #F7F7F7;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 0 1px 3px #FFFFFF inset, 0 0 3px #CCCCCC;
}
tr.cat-list-row1 {
    background-color: #EEEEEE;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 0 1px 3px #FFFFFF inset, 0 0 3px #CCCCCC;
}
td.title,  .hits{
    font-size: 14px;
    line-height: normal;
    margin: 0 0 0.2em;
	padding: 10px;
}

/* Resets .grid-1-3, .grid-1-2 { float: left; margin: 0 0 30px 2%; width: 32% }*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }
/* Basic Styles */
body, input, select, textarea, button { font: normal 14px/1.45 Arial, Helvetica, sans-serif; color: #444 }
body { word-wrap: break-word }

a { color: #2e99d7; text-decoration: none; outline: none }
a:hover { text-decoration: underline }
a img { border: 0 none }
a > img { vertical-align: bottom }
#comments-form-message{color:red !important;}
h1, h2, h3, h4, h5, h6 { font-weight: bold }
h1 { font-size: 24px; line-height: 28px }
h2 { font-size: 22px; line-height: 26px }
h3 { font-size: 22px; line-height: 26px; text-transform: uppercase }
h4 { font-size: 18px; line-height: 22px }
h5 { font-size: 16px; line-height: 20px }
h6 { font-size: 14px; line-height: 18px }

blockquote { margin-left: 20px; padding: 0 20px; font-family: Georgia, Times, serif; font-style: italic; border-left: 6px solid #d7d7d7; color: #737373 }

p,dl,dd,pre,ul,ol,blockquote,address,table,fieldset { margin-bottom: 20px }

strong, b { font-weight: bold }
em, cite, i { font-style: italic }
caption { text-align: left }
pre, code { font: 12px/18px 'andale mono', 'lucida console', monospace; display: block; word-wrap: break-word; overflow:auto; padding:10px; color: #555; background:#d3d3d3 }
.small, small { font-size: .85em }

.ico, .ui-icon { text-align: left; display: inline-block; overflow: hidden; text-indent: -9999px; background-image: url(/tpl/images/sprite.png); white-space: nowrap }
.clr { clear: both }
.clrfix:after, .grid:after { clear: both; content: ""; display: table; height: 0; width: 0; visibility: hidden }

.lcol { float: left; display: inline }
.rcol { float: right; display: inline }

/* =============================== Buttons & Fields =============================== */

textarea { overflow: auto; vertical-align: top }
.btn, .btnBig, .field { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
	.field { height: 32px; padding: 5px; border: 1px solid #cdd1d2; background: #fff; color: #929292;
		box-shadow: inset 0 1px 4px 0 #eee; -moz-box-shadow: inset 0 1px 4px 0 #eee; -webkit-box-shadow: inset 0 1px 4px 0 #eee
	}
	.field:focus, .field:focus, .field:focus { outline: none; color: #333; border-color: #8cc4e0; background: #fff; box-shadow: 0 0 12px 0 #d3eaf8; -moz-box-shadow: 0 0 12px 0 #d3eaf8; -webkit-box-shadow: 0 0 12px 0 #d3eaf8 }
	textarea.field { height: auto }

	input[type="checkbox"], input[type="radio"] { height: auto; padding: 0 }
	label { display: inline-block; margin-bottom: 5px }

.btn { height: 35px; padding: 6px 18px; margin: 0 2px; text-decoration: none !important; text-shadow: 0 -1px 0 #1d92d6 }
.btn, .pager span, .com-tab .selected { color: #fff; font-weight: bold; border: 1px solid #1b91d5; display: inline-block; cursor: pointer;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), inset 1px 1px 0 0 rgba(255,255,255,0.3); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), inset 1px 1px 0 0 rgba(255,255,255,0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), inset 1px 1px 0 0 rgba(255,255,255,0.3);
	background-color: #2395d9;
	background: -webkit-linear-gradient(top, #59b6ec 0%, #59b6ec 50%, #38a2e1 50%, #188fd5 100%);
	background: -moz-linear-gradient(top, #59b6ec 0%, #59b6ec 50%, #38a2e1 50%, #188fd5 100%);
	background: -ms-linear-gradient(top, #59b6ec 0%, #59b6ec 50%, #38a2e1 50%, #188fd5 100%);
	background: -o-linear-gradient(top, #59b6ec 0%, #59b6ec 50%, #38a2e1 50%, #188fd5 100%);
	background: linear-gradient(top, #59b6ec 0%, #59b6ec 50%, #38a2e1 50%, #188fd5 100%)
	}
	button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
	button[disabled], input[disabled] { cursor: default; opacity: 0.4 }
	a.btn { color: #fff; text-decoration: none !important }
	.btn:hover, .btnBig:hover { opacity: 0.8 }
	.btn:active, .btnBig:active { background: #1982bf;
		box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.2)
	}
	.btnGroup .btn { border-left-width: 0; float: left; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0 }
	.btnGroup .btn:first-child { border-left-width: 1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -o-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px }
	.btnGroup .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 }

/* =============================== Background =============================== */

html, body, #headbg { min-width: 996px }
html { background: #bad9eb url(/tpl/images/bg-foot.jpg) no-repeat 50% 100% }
body { background: url(/tpl/images/bg-top-2.jpg) no-repeat 50% 219px }
#headbg { overflow: hidden; width: 100%; padding-top: 195px; background: url(/tpl/images/bg-top-1.jpg) no-repeat 50% 0 }

#wrp { max-width: 1162px; min-width: 996px; margin: 0 auto }

/* =============================== Header =============================== */
#header { padding: 0 45px 0 26px; height: 102px; background: #f2f2f2 url(/tpl/images/header-bg.png) repeat-x; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px }

/* Logotype */
#logo, #logo a { float: left }
	#logo { width: 446px; height: 102px; position: relative; background: url(/tpl/images/logo-pane.png) no-repeat }
	#logo:after { content: ""; left: -14px; top: -12px; position: absolute; width: 419px; height: 131px; background: url(/tpl/images/logo-pane-a.png) no-repeat }

	#logo a { text-decoration: none; margin-top: 16px; padding-left: 148px; position: relative; z-index: 1 }
	#logo a * { cursor: pointer }
	#logo h1 { background-position: 0 -140px; height: 33px; width: 201px; margin-bottom: .2em }
	#logo b { position: absolute; left: -2px; top: -53px; background-position: 0 0; height: 140px; width: 146px }
	#logo p { color: #6f777c; font-size: 12px; max-width: 200px; line-height: normal }

/* Login */
#loginPane { position: relative; z-index: 1; margin-top: 31px; float: left }
	#loginPane a { float: left }
	.login-btn, .login-btn b { background: #34a0df url(/tpl/images/login-btn.png) no-repeat }
	.login-btn { margin-right: 1.4em; height: 43px; overflow: hidden; text-decoration: none !important; text-shadow: 0 -1px 0 #1d92d6; color: #fff }
	.login-btn b { cursor: pointer; float: left; height: 43px; padding: 9px 25px; background-color: transparent; background-position: 100% -129px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
	.login-btn:hover { background-position: 0 -43px }
	.login-btn:hover b { background-position: 100% -172px }
	.login-btn:active { background-position: 0 -86px }
	.login-btn:active b { padding-top: 11px; background-position: 100% -215px }
	.reg-btn { margin-top: .7em }

	/* Dialog */
	.loginbox { position: fixed !important }

	.not-logged .field { font-size: 1.2em; padding: 8px; width: 100%; height: 44px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
	#loginbox form { margin: 0 }
	.not-logged li { margin-bottom: 1em }
	.not-logged li label { display: block; margin-bottom: .2em }
	.submitline .rcol { line-height: 37px }

	.loginEnter, .loginEnter * { float: left }
	#loginPane.loginEnter { padding-left: 20px; margin-top: 38px }
	.ava-min { margin-right: 1.4em; width: 30px; height: 30px; overflow: hidden }
	.ava-min img { width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }
	a.log-in * { cursor: pointer }
	a.log-in b, .basket { margin: .45em 1.5em 0 0; line-height: normal }

	.loginEnter .iclose { margin: 4px 6px 0 0 }

	.iclose { height: 26px; width: 26px; background-position: -74px -30px; background-color: #333 }
	.iclose:hover { background-color: #929292 }

	.signbox { padding: 0 0 0 100px; }
	.signbox .lcol { margin-left: -100px }
	.signbox .rcol { width: 100% }
	.signbox ul { margin: 0 }
	.signbox ul li a { display: block; margin-bottom: 7px }

	.avatar { display: block; width: 80px }
	.avatar img { width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }

/* Quick Search */
#quicksearch { position: relative; float: right }
	#quicksearch:after { content: ""; position: absolute; top: -12px; left: -120px; width: 138px; height: 131px; background: url(/tpl/images/aero.png) no-repeat }
	.quicksearch { margin: 35px 0 0 20px; width: 250px; position: relative }
	.quicksearch input { font-size: 12px; padding: 6px 40px 6px 6px; height: 32px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
	.quicksearch button { padding: 0; margin: 0; cursor: pointer; width: 32px; height: 32px; position: absolute; right: 0; top: 0; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; -o-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0 }
	.quicksearch button b { width: 30px; height: 30px; background-position: -224px 0 }

/* Topmenu */
#topmenu, #hMenu { height: 77px; background: url(/tpl/images/topmenu.png) no-repeat 100% -77px; padding-right: 45px }
	#hMenu { height: 58px; padding: 19px 0 0 45px; background-position: 0 0 }

	#hMenu ul { margin: 0; padding: 0; list-style: none; position:absolute; top: 60px }

	#hMenu:before, #hMenu:after { content: ""; display: table }
	#hMenu:after { clear: both }

	#hMenu { zoom:1 }
	#hMenu li { float: left; position: relative }
	#hMenu li > a { background: url(/tpl/images/topmenu-link.png) no-repeat 0 -84px; color: #fff; float: left; height: 42px; text-decoration: none !important }
	#hMenu li > a b { float: left; padding: 0 11px 0 14px; line-height: 41px }
	#hMenu li > a:hover, #hMenu li:hover > a { background-position: 0 0 }
	#hMenu li > a:hover b, #hMenu li:hover > a b { background: url(/tpl/images/topmenu-link.png) no-repeat 100% -42px }
	#hMenu li:first-child > a b { padding-left: 11px }
	#hMenu li:first-child > a { background-position: -3px -84px }
	#hMenu li:first-child > a:hover { background-position: -3px 0 }

	#hMenu ul a { background: none }
	#hMenu ul a:hover {
	    background-color: #38a2e1;
		background: -webkit-linear-gradient(top, #59b6ec, #188fd5);
		background: -moz-linear-gradient(top, #59b6ec, #188fd5);
		background: -ms-linear-gradient(top, #59b6ec, #188fd5);
		background: -o-linear-gradient(top, #59b6ec, #188fd5);
		background: linear-gradient(top, #59b6ec, #188fd5);
	}

	#hMenu ul { margin: 20px 0 0 0; opacity: 0; visibility: hidden; position: absolute; top: 42px; left: 4px; z-index: 9999;
	    -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.3); -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3); box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	    -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
		background: #1e2d37;
	    background: -moz-linear-gradient(#1e2d37, #0f1417);
	    background: -webkit-linear-gradient(#1e2d37, #0f1417);
	    background: -o-linear-gradient(#1e2d37, #0f1417);
	    background: -ms-linear-gradient(#1e2d37, #0f1417);
	    background: linear-gradient(#1e2d37, #0f1417)
	}

	#hMenu li:hover > ul { opacity: 1; visibility: visible; margin: 0 }
	#hMenu ul ul { top: 0; left: 196px; margin: 0 0 0 20px; -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3); box-shadow: -1px 0 0 rgba(255,255,255,.3) }
	#hMenu ul li { float: none; display: block; border: 0; -moz-box-shadow: 0 1px 0 #101619, 0 2px 0 #23313a; -webkit-box-shadow: 0 1px 0 #101619, 0 2px 0 #23313a; box-shadow: 0 1px 0 #101619, 0 2px 0 #23313a }
	#hMenu ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none }
	#hMenu ul a { padding: 10px; line-height: normal; font-weight: normal; height: auto; width: 200px; display: block; white-space: nowrap; float: none; text-shadow: none; text-transform: none; border: 0 none }
	#hMenu ul li:first-child > a { -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0 }
	#hMenu ul li:first-child > a:after { content: ''; position: absolute; left: 30px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #1e2d37 }
	#hMenu ul ul li:first-child a:after { left: -6px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #1c2932 }
	#hMenu ul li:first-child a:hover:after { border-bottom-color: #59b6ec }
	#hMenu ul ul li:first-child a:hover:after { border-right-color: #38a2e0; border-bottom-color: transparent }
	#hMenu ul li:last-child > a { -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px }

/* Toolbar */
#toolbar { background: #fff url(/tpl/images/toolbar.png) repeat-x 0 100%; position: relative; text-shadow: 0 1px 0 #fff; font-size: .9em; padding: 0 45px 0 41px; height: 49px; border-bottom: 1px solid #ddd;
	-webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px;
}
	#toolbar:after, #infobluebox:after, .gradtop:after { content: ""; background: url(/tpl/images/sprite.png) -254px 0; width: 78px; height: 17px; margin-left: -39px; position: absolute; left: 50%; bottom: -17px; z-index: 33 }

/* Breadcrumbs */
#breadcrumb { float: left; margin: 16px 0 0; padding-left: 33px; position: relative; color: #889095 }
	#breadcrumb li, #breadcrumb li:before { float: left; margin-right: .4em }
	#breadcrumb:before { content: ""; width: 24px; height: 25px; background: url(/tpl/images/sprite.png) -162px 0; position: absolute; left: 0; margin-top: -2px }
	#breadcrumb li:before { content: ""; width: 4px; height: 4px; background: url(/tpl/images/sprite.png) -146px -16px; vertical-align: middle; display: inline-block; margin-top: 8px }
	#breadcrumb li:first-child:before { display: none }

	.irss { margin-top: 15px; float: right; color: #889095 }
	.irss .ico { vertical-align: middle; background-position: -146px 0; width: 16px; height: 16px; margin: -2px 0 0 8px }

/* information Box */
#infobluebox { color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.3); padding: 0 10px 8px 10px; height: 1%; position: relative }
	#infobluebox a { color: #fff; text-decoration: underline }
	.ibluebox-r { padding-right: 4px; background: url(/tpl/images/info-bluebox-r.png) no-repeat 100% 0 }
	.ibluebox-r:after, .ibluebox-l:after { content: ""; position: absolute; bottom: 0; height: 8px }
	.ibluebox-r:after { right: 10px; height: 8px; width: 4px; background: url(/tpl/images/info-bluebox-r.png) no-repeat 100% 100% }
	.ibluebox-l:after { left: 0; bottom: -8px; width: 100%; background: url(/tpl/images/info-bluebox-l.png) no-repeat 0 100% }
	.ibluebox-l { position: relative; max-height: 210px; background: url(/tpl/images/info-bluebox-l.png) no-repeat 0 0 }
	.ibluebox-cont { height: 1%; padding: 22px 31px 15px 35px }
	#infobluebox:after { background-position: -254px -17px; width: 62px; height: 16px; bottom: 0; margin-left: -31px; }

/* =============================== Content =============================== */

.whitebox { background-color: #fff; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px }

.grid-1-3, .grid-1-2 { float: left; margin: 0 0 3px 1%; width: 32% }
	.grid .grid-1-3:first-child { margin-left: 0 }
	.grid-1-6 { float: left; width: 16.66666666666667% }
	.bPad, #content #footbox .bPad { height: 1%; padding: 45px }
	#content .bPad { padding-bottom: 15px }

	#conteiner .grid-1-3, #conteiner .grid-1-2 { margin: 0 2% 0 0; float: right }
	.grid-1-2 { width: 705px }
	#conteiner .grid-1-2:first-child { margin-right: 0 }

	
/* Block */
.btl2, .btl { font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif; margin-bottom: 1em; text-transform: uppercase }
.btl { line-height: 16px; height: 13px; position: relative; border-top: 3px solid #2f2f2f; background: url(/tpl/images/btl.png) repeat-x 0 5px }
	.btl span { position: absolute; top: -3px; height: 16px; padding-right: 9px; background: #fff }
	.subtitle { color: #2e99d7; margin-bottom: 20px }

	.download-line { margin-bottom: 20px; padding: 10px; background: #fbfcfc; border: 1px dashed #c4c4c4; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }
	.download-line .btn { margin: 0 10px 0 0 }
	.download-line span { font-size: .85em; color: #838383 }

/* Block Comments */
.bComments li { margin-bottom: 20px; float: left; width: 100% }
	.biCom { padding: 10px 15px; background-color: #d5e6ef; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
		background: -moz-linear-gradient(#e8eff3, #d5e6ef);
		background: -webkit-linear-gradient(#e8eff3, #d5e6ef);
		background: -o-linear-gradient(#e8eff3, #d5e6ef);
		background: -ms-linear-gradient(#e8eff3, #d5e6ef);
		background: linear-gradient(#e8eff3, #d5e6ef)
	}
	.biCom-info { float: right; clear: both; position: relative; padding: 13px 0 0 26px; margin: 0; font-size: 12px; color: #999 }
	.biCom-info * { float: left; margin-left: 16px }
	.biCom-info *:first-child { margin-left: 0 }
	.biCom-info:after { content: ''; position: absolute; left: 0; top: 0; border-top: 12px solid #d4e6ef; border-left: 12px solid transparent; border-bottom: 12px solid transparent }

/* Block Slider */
.slides_container { width: 100%; overflow: hidden; position: relative; display: none }

#vSlider .slides_container, #vSlider .slide { width: 340px }
	.imgslide { position: relative; overflow: hidden; width: 100%; height: 340px; background: #4d5c65; margin-bottom: 20px }
	.imgslide img { width: 340px; display: block }

	.pagination { margin: 16px auto 0 auto; text-align: center }
	.pagination li { height: 19px; display: inline-block }
	.pagination li a { display: inline-block; width: 19px; height: 19px; text-indent: 9999px; background-image: url(/tpl/images/sprite.png); background-position: -205px 0; overflow: hidden }
	.pagination li.current a { background-position: -186px 0 }

	.caption { z-index: 500; position: absolute; bottom: -100px; left: 0; right: 0; padding: 15px 20px; background: #000; background: rgba(0,0,0,.5); font-size: 1.3em; line-height: 1.33; color: #fff; text-shadow: none }
	.caption a { color: #fff }

/* Горизонтальный слайдер */
#hSlider { position: relative; background: #2f3e49 url(/tpl/images/hslider-foot.jpg) no-repeat 50% 96%; color: #fff; padding: 0 70px 10px 70px; height: 1%;
	-moz-box-shadow: inset 0 0 5px 0 #222628, 0 -3px 0 #d9dbdd; -webkit-box-shadow: inset 0 0 5px 0 #222628, 0 -3px 0 #d9dbdd; box-shadow: inset 0 0 5px 0 #222628, 0 -3px 0 #d9dbdd;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px
}
	.next, .prev { height: 44px; width: 44px; position: absolute; top: 50%; margin-top: -22px }
	.prev { left: 12px; background-position: 0 -173px }
	.next { right: 12px; background-position: -44px -173px }
	.prev:hover { background-position: 0 -217px }
	.next:hover { background-position: -44px -217px }

	#hSlider .slides_container, #hSlider .slide { text-align: center; width: 930px }
	#hSlider .slides_container { margin: 0 auto; background: url(/tpl/images/hslider-top.jpg) no-repeat 50% 3px; padding: 20px 0 0 }

	#hSlider .pagination { margin-top: 10px }
	#hSlider .pagination li a { background-position: -205px -19px }
	#hSlider .pagination li.current a { background-position: -186px -19px }

/* Layout */
.gradtop { padding-bottom: 23px; position: relative; background: #fff url(/tpl/images/top-grad.png) repeat-x }
	.gradtop:after { height: 14px; width: 58px; margin-left: -29px; bottom: auto; top: -13px; background-position: -254px -33px }

/* LeftSide */
.adBlock { width: 100%; margin-bottom: 30px; overflow: hidden }
	.adBlock img { max-width: 100% }
	.abtl { height: 22px; text-align: center; border-top: 1px dashed #b0b0b0; font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; color: #c5cbce }
	.abtl span { position: relative; top: -10px; padding: 0 8px; background: #fff }

.block { margin-bottom: 30px }
.infobtl { margin: 30px 0; position: relative; height: 6px; background: #f3f3f3; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
	-moz-box-shadow: inset 0 1px 2px 0 #dbdbdb; -webkit-box-shadow: inset 0 1px 2px 0 #dbdbdb; box-shadow: inset 0 1px 2px 0 #dbdbdb;
	}
	.infobtl .ico { width: 102px; height: 40px; background-position: -146px -38px; position: absolute; left: 50%; top: -17px; margin-left: -51px }

/* FootBox */
#footbox { position: relative; padding-top: 16px; border-bottom: 1px solid #e5e5e5;  background: #f5f3ef url(/tpl/images/footbox-t.png) repeat-x;
	-moz-box-shadow: 0 3px 0 #f6f6f6; -webkit-box-shadow: 0 3px 0 #f6f6f6; box-shadow: 0 3px 0 #f6f6f6 }
	#footbox .grid-1-3, #footbox .grid-1-2 { margin-bottom: 0 }
	#footbox:after, #footbox:before { width: 17px; top: 0; bottom: 0; position: absolute; content: ""; background: url(/tpl/images/footbox.png) no-repeat 0 0 }
	#footbox:after { left: -17px; background-position: 0 0 }
	#footbox:before { right: -17px; background-position: -17px 0 }

	#footbox .btl span { background: #f5f3ef }
	#footbox a { color: #444 }

/* Last Forum */
.bForum { margin: 0 }
	.bForum li { margin-bottom: 1em }
	.biMessage { font-size: .85em; padding: 8px 10px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) }

/* Gallery */
.gallery { margin: 0 -14px 0 0 }
	.thumb { float: left; margin: 0 14px 14px 0 }
	.thumb a { width: 90px; height: 90px; display: block; overflow: hidden; border: 6px solid #e8e2d8 }
	.thumb a img { height: 100% }
	.thumb a:hover { border-color: #404040 }

/* Tags Clouds */
.clouds_xsmall { font-size: 1em }
	.clouds_small { font-size: 1.1em }
	.clouds_medium { font-size: 1.2em; font-weight: bold }
	.clouds_large { font-size: 1.5em }
	.clouds_xlarge { font-size: 1.7em }

/* =============================== Footer =============================== */
/* fMenu */
#footmenu { padding-right: 40px; background: url(/tpl/images/footmenu.png) no-repeat 100% -55px }
	#fMenu { margin: 0; font-weight: bold; padding-left: 45px; background: url(/tpl/images/footmenu.png) no-repeat 0 0; height: 55px }
	#fMenu * { float: left }
	#fMenu a { padding: 0 11px 0 14px; margin-top: 8px; background: url(/tpl/images/fmenu.png) no-repeat 0 0; height: 39px; line-height: 38px; color: #fff }
	#fMenu a:hover { color: #6bc1f4; text-decoration: none }
	#fMenu li:first-child a { padding-left: 0; background: none }

/* MapSite */
#mapSite { padding: 20px 45px; height: 1%; text-align: center; -moz-border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0 }
	#mapSite ul { margin: 0 }
	#mapSite h4 { margin-bottom: .8em; color: #2e99d7; font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase }
	#mapSite a { color: #444 }
	#mapSite ul ul li { font-size: .85em; padding: 2px 0 }
	#mapSite .grid-1-6 { background: url(/tpl/images/mapsite-col.png) no-repeat 0 0 }
	#mapSite .grid-1-6:first-child { background: none }

.bluesep { padding-right: 36px; background: url(/tpl/images/bluesep.png) no-repeat 100% -18px }
	.bluesep .ico { display: block; height: 18px; width: 100%; background: url(/tpl/images/bluesep.png) no-repeat 0 0 }

/* Footer */
#footer { -moz-border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px }
	.footer { padding: 20px 45px }
	.footer a { color: #444 }

	.copyright { position: relative; float: left; margin: 0; padding-left: 65px }
		.copyright .ico { position: absolute; left: 0; top: -10px; width: 50px; height: 62px; background-position: -248px -47px }

	#centroarts { margin-top: 7px; font-size: .85em; color: #9f9f9f; float: right }
		#centroarts .ico { width: 28px; height: 29px; margin-left: 10px; vertical-align: middle; background-position: -316px -17px }

/* Counts */
.counts { margin: 0; height: 31px; padding: 14px 45px; text-align: center; background: url(/tpl/images/shadow-top.png) no-repeat 50% 0 }
	.counts li { display: inline-block; margin: 0 1px; max-width: 88px; opacity: 0.7 }
	.counts li:hover { opacity: 1 }

.helicopter { height: 144px; position: relative }
	.helicopter .ico { position: relative; top: -14px; display: block; margin: 0 auto; width: 332px; height: 134px; background: url(/tpl/images/helicopter.png) }

/* =============================== Content =============================== */
/* Post */
.post { width: 100%; padding: 0 0 25px 0; margin: 0 0 25px 0; border-bottom: 1px solid #e5e5e5 }
	.pt-head, .pt-body { margin-bottom: 1em }
	.pt-head .arg { float: right; margin: 0 0 0 1.2em }
	.pt-info, .arg { color: #919191; font-size: .85em }
	.pt-info { margin: 0 }

	.title { font-size: 14px; margin: 0 0 .2em 0; line-height: normal }
	.htitle { font-size: 24px; font-weight: normal; line-height: normal; margin-bottom: .2em }

	.favorites img { vertical-align: middle; margin-top: -2px }
	.edit a { margin: 6px 0 5px 10px; float: right; background: #fee9e1; color: #f6460a; font-size: 10px; padding: 1px 3px; webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }

	.pt-body { padding-left: 140px }
	.pt-body img { max-width: 100%; padding: 2px; margin: 4px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
	.pt-thumb { margin: 3px 0 0 -140px; width: 120px; overflow: hidden; float: left }
	.pt-thumb img { width: 100%; height: 120px }
	.shorttext { float: right; width: 100% }
	.pt-foot { margin-top: 1em }
	.pt-foot .arg { margin-top: .4em }

	.arg { float: left; margin-right: 1.2em }
	.ireads, .icoms { margin-top: -2px; width: 12px; height: 12px; vertical-align: middle; background-position: -88px -173px }
	.icoms { background-position: -100px -173px }
	.readmore { float: right; margin: 0 0 0 1.2em; height: 26px; line-height: 25px; padding: 0 12px; font-size: .85em }

/* FullStory */
.fullview #content { -moz-border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px; -o-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px }
.fullview #toolbar { -moz-border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0 }
	.fullview #toolbar:after { display: none }
	.fullstory .pt-body { padding: 0 }
	.fullstory { margin-bottom: 20px; padding-bottom: 0; border-width: 0 }

	.shareline { float: right; padding-right: 10px }

/* Errors */
.berrors { background: #fce5ba; color: #a76846; margin: 0 0 30px 0; padding: 10px 16px; height: 1%; webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }
	.berrors a { color: #aa4e43 }

/* Comments */
#commentline { margin-bottom: 30px }
.com-tab { height: 35px; margin-bottom: 30px }
	.com-tab a.selected { opacity: 1; position: relative; margin: 0 4px 0 0; line-height: 33px; }
	.com-tab a { opacity: .8; text-decoration: none !important; color: #fff; margin-right: 4px; width: 130px; text-align: center; float: left; background: #ccc; height: 35px; line-height: 35px;
		-moz-box-shadow: inset 0 1px 2px 0 #b4b4b4; -webkit-box-shadow: inset 0 1px 2px 0 #b4b4b4; box-shadow: inset 0 1px 2px 0 #b4b4b4;
		webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
	.com-tab a.selected:after { content: ""; z-index: 6; position: absolute; left: 50%; bottom: -6px; margin-left: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #1b91d5 }
	.com-tab a:hover { opacity: 1 }
	.tabcont { display: none }

.comment { height: 1%; padding: 0 0 0 100px; margin-bottom: 20px }
	.comment .lcol { width: 80px; text-align: center; margin-left: -100px }
	.comment .rcol { width: 100% }
	.photo { max-width: 80px; webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }

	.combox { background: #f5f3ef; padding: 16px 20px; position: relative; margin-bottom: 1em; webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; -o-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px }
	.combox:after { content: ""; z-index: 6; position: absolute; left: -12px; top: 0; border-top: 12px solid #f5f3ef; border-left: 12px solid transparent; border-bottom: 12px solid transparent }
	.comtop { margin-bottom: .8em }

	.comedit { opacity: 0; margin: 0; float: right; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear }
	.comment:hover .comedit { opacity: 1 }
	.comedit .arg { margin: 0 0 0 1em }
	.comedit a { color: #919191 }

/* Pager */
#pager { clear: both; margin-bottom: 30px }

	.next-prev { margin-left: 1em; float: right }
	.next-prev .pnext, .next-prev .pprev { float: left; margin: 0 0 0 5px }
	.pprev, .pnext { vertical-align: middle; width: 28px; height: 28px; padding: 0 }
	.pprev .ico, .pnext .ico { display: block; height: 26px; height: 26px }
	.next-prev span.btn { cursor: default; opacity: 0.6 }
	.pprev .ico { background-position: -88px -185px }
	.pnext .ico { background-position: -114px -185px }

	.pager { float: left; font-weight: bold }
	.pager a { color: #444; text-decoration: none !important }
	.pager * { border: 1px solid #fff; float: left; padding: 4px 4px; webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px }

	.pager a:hover { color: #2e99d7; background: #effaff; border-color: #effaff }
	.pager span { color: #fff }
	.pager span.nav_ext { border-color: #fff; background: none; color: #383838;
		-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
	}

	#ppager { margin-bottom: 30px; background: #f3f3f3; padding: 8px; webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px }
	#ppager .pprev { margin-right: 10px }
	#ppager .pnext { margin-left: 10px }

/* Forms */
.form { margin-bottom: 50px }
	.form .title { margin-bottom: 1em }

	.layoutform { margin-bottom: 1em }
	.layoutform li { margin-bottom: 15px; width: 100% }
	.lf-1, .lf-2, .layoutform li { float: left }

	.lf-1 { width: 26%; padding-top: .3em; margin-right: 4% }
	.lf-2 { width: 70% }
	.lf-2 .field, .captcha { width: 280px }

/* =============================== Screens =============================== */
@media (max-width: 1160px) {
	.quicksearch { width: 180px }
	#wrp { width: 996px }
	#hSlider .slides_container, #hSlider .slide { width: 780px }
	#vSlider .slides_container, #vSlider .slide { width: 295px }
	.imgslide { height: 340px }
	#header, .footer, #mapSite { padding-right: 35px }
	.bPad { padding: 35px }
	#toolbar { padding: 0 35px }
	#hMenu, .footer, #mapSite, #fMenu { padding-left: 35px }
	.grid-1-3, .grid-1-2, #commentline { margin-bottom: 20px }
	.download-line { padding: 5px }
	.download-line .btn { margin-right: 4px; padding-left: 8px; padding-right: 8px }


	.thumb a { width: 76px; height: 76px; display: block; overflow: hidden; border: 6px solid #e8e2d8 }
	.thumb a img { width: 100% }
	.thumb a:hover { border-color: #404040 }
}