/*
	style.css : основные стили 
	Viktor & Co
	by Quantum Engineering (http://www.equantum.ru/)
*/

/* дефайним стандарты */
/**/
body, html {font-family: arial; background: #a21420;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
b,strong {font-weight: bold;}
em {font-style: italic;}
div.clear {clear: both;}
td {vertical-align: top;}  

table.innerlyo {width: 960px; margin: 10px auto 0 auto;}
table.innerlyo td.bigleft {width: auto;}
table.innerlyo td.bigright {width: 250px!important; padding: 0 0 0 10px;}
table.innerlyo td.bigright h2 a, table.innerlyo td.bigright h3 a, table.innerlyo td.bigright h2 {color: #fff;}
div.lyo {width: 100%; margin: 0 auto;}
div.top {background: #a20f26 url(/images/moskovsky/bg_top.jpg) no-repeat center; height: 151px; width: 100%; margin: 0 auto;}
div.top div.searchbox {position: absolute; top: 20px; right: 40px;}
div.top div.searchbox input {border: 1px solid #cccccc; background: #fff; color: #666;}
div.top div.searchbox input.sbm {background: url(/images/moskovsky/zoom.gif) no-repeat 4px 4px; border: none; height: 20px; width: 20px; margin:0 0 0 4px; cursor:pointer;}
.logo {display: block; background: url(/images/moskovsky/logo.png) no-repeat 0 0; width: 346px; height: 151px; margin: auto;}

div.menu {background: #d72d48; height: 34px; width: 100%; padding: 8px 0 0 0; text-align: center;}
div.menu ul {width: 625px; margin: auto; text-align: center;}
div.menu ul li {float: left; font-size: 16px; padding: 4px 0 0 0; margin: 0 8px;}
div.menu ul li.act {height: 24px; background: #fff url(/images/moskovsky/menu_l.gif) no-repeat 0 0; padding:0; white-space: nowrap;}
div.menu ul li span {color: #a2161f; display: block; background: url(/images/moskovsky/menu_r.gif) no-repeat 100% 0; height: 20px; padding: 4px 10px 0 10px;}
div.menu ul li a {color: #f0cccc; text-decoration: none;}
div.menu ul li a:hover {text-decoration: underline;}

div.submenu div.menu {background: #8a1528; height: 32px; width: 100%; margin: auto; padding: 0; font-size: 12px; padding-top: 10px;}
div.submenu div.menu ul {width: 580px; text-align: center;}
div.submenu div.menu li {font-size: 14px;}
div.submenu div.menu li.act {font-weight: bold; background: none; color: #fff; padding:0;}
div.submenu div.menu li span {background: none; color: #fff; padding-left:0; padding-right:0;}

div.bigpic {background: #a1161e url(/images/moskovsky/bigpic.jpg) no-repeat 42% 0; height: 370px;}
div.bigpic div.girl {position: absolute; background: url(/images/moskovsky/girl.png) no-repeat 0 0; height: 297px; width: 70px; left: 20px; margin: 65px 0 0 0;}
div.bigpic div.family {position: absolute; background: url(/images/moskovsky/family.png) no-repeat 0 0; height: 281px; width: 213px; right: 20px; margin: 85px 0 0 0;}

div.tizers {background: url(/images/moskovsky/tizer_bg.png) repeat-x 0 0; height: 150px; padding: 5px 0 0 0; text-align: center;}
div.tizers div {width: 1000px; margin: 0 auto;}
div.tizers a {display: block; height: 25px; text-align: center; color: #c00b0b; float: left; width: 180px; text-decoration: none; padding: 110px 0 0 0; margin: 0 10px 0 10px;}
div.tizers a.shops {background: url(/images/moskovsky/tizer_shop.png) no-repeat center 10px; width: 140px;}
div.tizers a.trends {background: url(/images/moskovsky/tizer_trend.png) no-repeat center 10px; width: 170px;}
div.tizers a.cafe {background: url(/images/moskovsky/tizer_cafe.png) no-repeat center 10px; width: 220px;}
div.tizers a.entertainment {background: url(/images/moskovsky/tizer_entertainment.png) no-repeat center 30px; width: 170px;}
div.tizers a.map {background: url(/images/moskovsky/tizer_map.png) no-repeat center 40px; width: 170px;}
div.tizers a:hover {text-decoration: underline;}


table.tbContent {border:1px solid #cccccc;}
table.tbContent th, table.tbContent td.h {color:#666666;font-size:12px;line-height:16px;font-weight:bold;text-align:center;vertical-align:middle;padding:5px;}
table.tbContent td {color:#666666;font-size:12px;line-height:16px;padding:5px;text-align:center;}

div.content {}
div.content h1 {color: #cc0000; font-size: 20px; font-weight: bold; padding: 0px 0 10px 0;}
div.content h2 {color: #cc0000; font-size: 16px; font-weight: bold; padding: 10px 0 0 0; $padding: 16px 0 0 0;}
div.content h2 a {color: #cc0000; text-decoration: none;}
div.content h3 {color: #cc0000; font-size: 15px; font-weight: bold; padding: 0px 0 0 0;line-height: 18px;}
div.content p {font-size: 12px; color: #666; padding: 3px 0 7px 0; line-height:16px;}
div.content ul {list-style: disc; margin: 10px 0 15px 25px;}
div.content li {font-size: 12px; color: #666; padding: 3px 0 7px 0; line-height:16px;}
div.content a {text-decoration: underline; color: #cc3333;}
div.content a:hover {color: #cc0000;}
div.content img {margin: 5px; border: 1px solid #ccc; padding: 2px;}
div.content .l {float: left;}
div.content .r {float: right;}
div.content img.l {margin-left: 0;}
div.content img.r {margin-right: 0;}
div.content div.item {font-size: 13px; padding-top: 10px;}
div.content table {}
div.content table tr {}
div.content table td {}
div.content table th {}

div.banners {}
div.banners h2 {color: #fff;}
div.banners img {border: none!important; margin: 10px 0;}

table.content {width: 100%; background: #fff;}
table.content td {}
table.content tr.top td {height: 5px!important;}
table.content tr.top td.left {width: 5px!important; background: url(/images/moskovsky/left-top.gif) no-repeat 0 0;}
table.content tr.top td.right {width: 5px!important; background: url(/images/moskovsky/right-top.gif) no-repeat 0 0;}

table.content tr.bottom td {height: 5px!important;}
table.content tr.bottom td.left {width: 5px!important; background: url(/images/moskovsky/left-bottom.gif) no-repeat 0 0;}
table.content tr.bottom td.right {width: 5px!important; background: url(/images/moskovsky/right-bottom.gif) no-repeat 0 0;}

table.inner td.leftcol {width: 200px!important; padding: 0 30px 10px 10px;}
table.inner td.rightcol {width: auto; padding: 0 0 10px 0;}

table.voteTbl { width:140px; border: #ccc 1px solid;}

div.news {width:150px;}
div.news div.item {padding: 4px 0 6px 0;}
div.news div.item p {color: #ccc; font-size: 12px; padding: 2px 0 3px 0;}
div.news div.item p a {color: #ccc; text-decoration: none;}
div.news div.item span {font-size: 11px; color: #aaa;}

div.bnr {padding: 20px 40px 0 20px; text-align: right;}
div.bnr img {border: none;}

div.info {background: url(/images/moskovsky/info.png) no-repeat 0 0; width: 224px; height: 255px; margin-top: 10px !important; padding: 10px;}
div.info p {width: 180px; font-size: 12px;}
div.info a {white-space: normal;}

div.footer {color: #ffcccc; padding: 20px 40px; background: #74070e; font-size: 12px; line-height: 16px;}
div.footer div.menu {background: none; text-align: left; height: 24px; padding:0; width: auto;}
div.footer div.menu ul {margin:0; padding: 0;}
div.footer div.menu ul li {background: none; font-size: 12px; padding: 0; margin: 0 10px 0 0;}
div.footer div.menu ul li.act {font-size: 12px; padding:0; height: auto;}
div.footer div.menu span {display: inline; background: none; font-weight: bold; color: #fff; padding:0;}
div.footer a {color: #fff;}


div.left-scroll {position: absolute; left: 0; height: 370px; width: 200px; z-index: 100; cursor: w-resize;}
div.right-scroll {position: absolute; right: 0; height: 370px; width: 200px; z-index: 100; cursor: e-resize;}

form#q-ten {font-size: 12px;}
form#q-ten td {padding: 10px 0;}
form#q-ten input, form#q-ten textarea {width: 160px; border: 1px solid #ccc;}
form#q-ten textarea {height: 100px;}

#YMapsID img {border: none;}
div.vote p {color: #fff;}
div.vote {background: #cc3333 url(/images/moskovsky/vote_top.gif) no-repeat 0 0; width: 138px; padding: 4px 6px;}
div.vote-end {background: #cc3333 url(/images/moskovsky/vote_bottom.gif) no-repeat 0 0; height: 9px; font-size: 1px; width: 150px;}
div.vote h2 { color:#FFFFFF;margin-bottom:10px;}

div.footer div.mnu {width: 400px; float: left;}
div.footer div.maker {width: 200px; float: right;}

div.carousel ul {list-style: none; position: relative;}
td.leftcol, td.leftcol ul, td.leftcol li {padding:0; margin:0; line-height: auto;}
td.leftcol {}
div.gal_up {background: url(/images/moskovsky/gal_up.png) no-repeat right top; height: 13px; width: 150px; line-height: 1px; cursor: pointer;margin-bottom:6px;}
div.gal_down {background: url(/images/moskovsky/gal_down.png) no-repeat right top; height: 13px; width: 150px; line-height: 1px; cursor: pointer;}
div.gal {width: 150px;}

form#q-ten input, form#q-ten textarea {width: 170px; border: 1px solid #ccc;}
form#q-ten input.sbm {background: #fff; cursor: pointer;}
form#q-ten label.error {display: none!important;}
form#q-ten input.error, form#q-ten textarea.error {background: red;}
form#q-ten h2#res {text-align: center;}

img.r {float: right;}
table.search td {border-bottom: 1px solid #555; padding-top: 20px;}
div#loading {display: none; background: url(/images/lightbox/lightbox-ico-loading.gif) no-repeat 0 0; height: 32px; width: 32px; float: right; margin: 0 10px;}
div.searchbox {}
div.searchbox input {border: 1px solid #ccc; background: #fff; float: left; width: 150px;}
div.searchbox input.sbm {width: 100px; background: #eee; border: 1px solid #555; margin: 0 0 0 20px; color: #555;}
table.search pre {font-size: 12px; color: #666; padding: 0 0 7px 0; line-height:16px; white-space: normal}
div.carousel img {margin:0; padding:0; border:none}

div.content table.content div.content {padding: 2px 10px;}