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

/* дефайним стандарты */
/**/
body, html {font-family: arial; background: #00264b;}
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;}
div.lyo {width: 100%; margin: 0 auto;}

div.lyo div.searchbox {padding: 0 0 0 10px; position: absolute; top: 20px; right: 50px; width: 175px; background: url(/images/kosmo/undersearch.gif) no-repeat 0 0; height: 31px;}
div.lyo div.searchbox input {border: 1px solid #cccccc; background: #fff; color: #666; width: 140px; margin:5px 0 0 0;}
div.lyo div.searchbox input.sbm {background: url(/images/kosmo/zoom.gif) no-repeat 0 5px; border: none; height: 20px; width: 15px; margin:0 0 0 0; cursor:pointer;}

div.lyo div.w1000 {width: 1000px; margin: auto;}

table.search {width: 100%;}
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.menu {position: absolute; height: 34px; padding: 55px 0 0 0;}
div.menu ul { margin: auto;}
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/kosmo/menu_l.gif) no-repeat 0 0; padding:0; white-space: nowrap;}
div.menu ul li span {color: #00264b; display: block; background: url(/images/kosmo/menu_r.gif) no-repeat 100% 0; height: 20px; padding: 4px 10px 0 10px;}
div.menu ul li a {color: #fff; text-decoration: none;}
div.menu ul li a:hover {text-decoration: underline;}

div.innermenu {width: 100%; height:38px; padding: 0;background: #bbce1a;}
div.innermenu div.menu {left: 50%; position: relative; float:left; padding:0; padding: 7px 0; height: 24px; text-align: center;}
div.innermenu div.menu ul {left:-50%;text-align:center;}
div.innermenu div.submenu div.menu { }
div.innermenu div.submenu div.menu ul {width: auto;}
div.innermenu div.submenu div.menu ul li {font-size: 14px;}
div.innermenu ul {display: inline-block; margin: auto;position: relative;}
div.innermenu div.menu ul li.act {height: 24px; background: #fff url(/images/kosmo/menu_l_in.gif) no-repeat 0 0; padding:0;}
div.innermenu div.menu ul li span {color: #00264b; display: block; background: url(/images/kosmo/menu_r_in.gif) no-repeat 100% 0; height: 20px; padding: 4px 10px 0 10px;}
div.innermenu div.submenu div.menu li.act {font-weight: bold; background: none; color: #fff; padding:0;}
div.innermenu div.submenu div.menu li span {background: none; color: #fff; padding-left:0; padding-right:0;}

div#container {height: 300px; width: 100%;}

div.tizers {background: url(/images/kosmo/tizer_bg.gif) repeat-x 0 0; height: 120px; width:100%;}
div.tizers div {width: 1000px; margin: auto;}
div.tizers a {padding-top: 90px; display: block; float: left; width: 130px; height: 1px; margin: 5px 30px; text-decoration: none; font-size: 14px; font-family: arial; font-weight: bold; color: #00264b; text-align:center;}
div.tizers a.shops {background: url(/images/kosmo/tizers/shops.jpg) no-repeat 0 0;}
div.tizers a.cafe {background: url(/images/kosmo/tizers/cafe.jpg) no-repeat center 0; margin-left:0; margin-right:0; width: 200px;}
div.tizers a.trends {background: url(/images/kosmo/tizers/trends.jpg) no-repeat 0 0;}
div.tizers a.howto {background: url(/images/kosmo/tizers/howto.jpg) no-repeat 0 0;}
div.tizers a.entertainment {background: url(/images/kosmo/tizers/entertainment.jpg) no-repeat 0 0;}

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 20px 10px;}
table.innerlyo td.bigright h2 {color: #fff;}

div.content {}
div.content h1 {color: #00264b; font-size: 18px; font-weight: bold; padding: 0 0 10px 0;}
div.content h2 {color: #00264b; font-size: 16px; font-weight: bold; padding: 10px 0; $padding-top:16px}
div.content h2 a {color: #00264b; text-decoration: none;}
div.content h3 {color: #00264b; font-size: 14px; font-weight: bold; padding: 4px 0 2px 0; line-height: 18px;}
div.content p {font-size: 12px; color: #666; padding: 3px 0 7px 0; line-height:16px;}
div.content pre {font-size: 12px; color: #666; padding: 3px 0 7px 0; line-height:16px;}
div.content .i {font-style: italic;}
div.content .r {text-align: right;}
div.content .c {text-align: center;}
div.content img {margin: 10px;}
div.content img.c {text-align: center; margin: auto;}
div.content img.l {margin:5px; padding:2px; margin-left: 0;border:1px solid #cccccc;float:left;}
div.content ul {font-size: 12px; color: #666; padding: 10px 0 15px 20px; line-height:16px; list-style: circle;}
div.content li {font-size: 12px; color: #666; padding: 3px 0 7px 0; line-height:16px;}

div.banners {}
div.banners h2 {color: #fff;}
div.banners h3 a {color: #fff;}
div.banners img {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/kosmo/left-top.gif) no-repeat 0 0;}
table.content tr.top td.right {width: 5px!important; background: url(/images/kosmo/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/kosmo/left-bottom.gif) no-repeat 0 0;}
table.content tr.bottom td.right {width: 5px!important; background: url(/images/kosmo/right-bottom.gif) no-repeat 0 0;}

table.inner td.leftcol {width: 155px!important; padding: 0 10px 10px 0;}
table.inner td.leftcol h2 a {color: #fff;}
table.inner td.rightcol {width: auto; padding: 0 0 10px 0;}

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

div.content div.item {font-size: 13px; padding-top: 10px;}

div.bnr {padding: 20px 5px 20px 0; text-align: center; width: 520px; float: right;}

div#info {width: 224px; height: 275px;}
div.tip {background: url(/images/kosmo/tooltip.gif) no-repeat 0 0; height: 106px; width: 204px; padding: 10px; font-size: 12px; margin-top: 40px;}
div.tip a {color: #333;}

div.footer {color: #003333; padding: 20px 40px; background: #bbce1a; font-size: 12px; line-height: 16px;}
div.footer div.menu {position: relative; 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: #003333; padding:0;}
div.footer div.menu a {color: #003333;}
div.footer a {color: #003333;}
div.footer div.mnu {width: 600px; float: left;}
div.footer div.maker {width: 200px; float: right;}

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;}
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;}

td.leftcol div.carousel ul {list-style: none;}
td.leftcol div.carousel li {padding: 4px 0 4px 0px;}
td.leftcol, td.leftcol ul, td.leftcol li {padding:0; margin:0; line-height: auto;}
td.leftcol {}
td.leftcol h2 {color: #fff;}
div.gal_up {background: url(/images/moskovsky/gal_up.gif) no-repeat right top; height: 8px; width: 104px; line-height: 1px; cursor: pointer;}
div.gal_down {background: url(/images/moskovsky/gal_down.gif) no-repeat right top; height: 8px; width: 104px; line-height: 1px; cursor: pointer;}

div.vote p, div.vote h2 {color: #fff!important;}
div.vote h2 {padding-top: 5px!important; padding-left: 4px!important;}
div.vote {background: #003366 url(/images/kosmo/vote_top.gif) no-repeat 0 0; width: 138px; padding: 4px 6px; margin: 40px 0 0 0;}
div.vote table td {border: 1px solid #666;}
div.vote-end {background: #003366 url(/images/kosmo/vote_bottom.gif) no-repeat 0 0; height: 7px; font-size: 1px; width: 150px;}
div.vote h2 {color: #fff;}

table.search td {padding: 5px;}
div.content table.content div.content {padding: 4px 10px;}

div.megadiv, div.submenu {width: 700px;margin: auto;position: relative;text-align: center;}
div.otherbg {background: #717C10;}

div.gal_up {background: url(/images/moskovsky/gal_up.png) no-repeat center 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 center top; height: 13px; width: 150px; line-height: 1px; cursor: pointer;}
div.gal {width: 150px;}
div.carousel li {text-align: center; padding: 0!importanе; margin:0;}
div.carousel {width: 150px!important;}
div.carousel img {margin:0!important;}
#YMapsID img {border: none; padding: 6px 2px; margin:0; }