/* General Elements  */
body{background:#e3edf3 url(../imgs/fon.jpg) no-repeat top center;color:#333;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
body#home{background:#e3edf3 url(../imgs/fon.jpg) no-repeat top center;}
body#main{background:url("../imgs/fon-main.jpg") no-repeat scroll center top #FF6E02;}
body#main #footer{background:url(../imgs/footer-main.png) no-repeat 0 6px;}
body#moskva{background:#e3edf3 url(../imgs/fon-m.jpg) no-repeat top center;}
body#goa{background:#ddf6cc url(../imgs/fon-g.jpg) no-repeat top center;}
body#goa #footer{background:url(../imgs/footer-g.png) no-repeat top left;}
body#dj{background:#ca44ec url(../imgs/fon-moscowdj.jpg) no-repeat top center;}
#montenegro #header,#moskva #header,#goa #header,#dj #header{margin:0 0 20px;}
#dj #nav-rootline a{color:#fff;}
#dj #nav-rootline strong{color:#ddd;}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,table,.extra-large,.large,.small{line-height:1.5em;}
h3{color:#555;}
hr{background:#DDD;height:1px;}
p img{float:left;margin:0 1em 1em 0;}
/* Box Layer  */
.box{background:#F7F7F7;margin-bottom:10px;}
/* Links  */
a{color:#123;}
a:active{color:#800;}
a:visited{color:#557;}
a[href ^="http:"],a[href ^="mailto:"]{background:url(../imgs/icons/link_ext.gif) no-repeat right center;color:#800;padding-right:1em;}
a[href ^="http://www.mgsindikat.ru/"]{background:none;}
a[href $="rss.xml"],a[href $="rdf.xml"]{background:url(../imgs/icons/link_feed.gif) no-repeat right center;color:#C60;padding-right:1em;}
a[href $=".rss"]:hover,a[href $=".rdf"]:hover,a[href ^="http:"]:hover,a[href ^="mailto:"]:hover{color:#000;}
/* Font Styles  */
.extra-large{font-size:1.5em;}
.quiet{font-weight:400;}
/* Text Alignment  */
.align-center{text-align:center;}
.align-right{text-align:right;}
.pull-up{margin-top:-1.5em;}
.pull-down{margin-bottom:-1.5em;}
/* Lists  */
.hor{list-style-type:none;margin-left:0;margin-right:0;overflow:hidden;width:100%;}
.hor li{float:left;margin-right:1em;}
.hor li.last{margin-right:0;}
/* Image Styles  */
#header img,.gb img{display:block;float:none;}
h1#header-title{height:145px;margin:40px 0 25px;}
h1#header-title a{background:url(../imgs/logo-ch.png) no-repeat left top;display:block;height:165px;overflow:hidden;position:absolute;text-indent:-999px;width:145px;z-index:120;}
ul.nav-top-ul{float:right;margin:15px 0 0;}
ul.nav-top-ul li a{border-right:2px solid #333;color:#333;font-size:12px;font-weight:700;padding:0 10px 2px;text-decoration:none;}
ul.nav-top-ul li a:hover{text-decoration:underline;}
ul.nav-top-ul li.last a{border-right:none;}
ul#nav-lang{margin:15px 0 0;}
ul#nav-lang li a{color:#333;font-weight:700;}
#summer{background:url(../imgs/plane1.png) no-repeat left top;display:block;height:115px;overflow:hidden;padding:25px 0 0 35px;position:absolute;top:55px;width:745px;z-index:100;}
#summer h1{font-size:46px;}
img#cloudL{position:absolute;right:70%;top:100px;z-index:5;}
img#cloudM{position:absolute;right:50%;top:200px;z-index:6;}
img#cloudS{position:absolute;right:15%;top:150px;z-index:7;}
img#cloudXL{position:absolute;right:80%;top:350px;z-index:8;}
#content.container{margin:0 auto;position:relative;z-index:130;}
#content .box{background-color:#fff;border:1px solid #ccc;overflow:hidden;}
/* Accordion
---------------------------------- */
.menu{margin:0 0 10px;overflow:hidden;width:950px;}
.menuItemTitle{background-color:#FFF;border:1px solid #ccc;cursor:pointer;margin:10px 0 0;}
.menuItemTitle h1{margin:8px 0 0 30px;padding:12px 10px 20px 80px;}
.menuItemTitle a{color:#333;text-decoration:none;}
.itemContent{background-color:#FFF;border:1px solid #ccc;border-top:none;overflow:hidden;padding:0 0 30px;}
.newsListImgs{float:left;margin:29px 30px 0 29px;width:354px;}
.itemContent .content{float:left;margin:29px 20px 20px 0;width:510px;}
.pic-descr{position:relative;}
.pic-descr h2{color:#9c3;font-size:36px;line-height:1em;margin-bottom:10px;text-transform:uppercase;}
.pic-descr p{margin-bottom:25px;}
.pic-descr ul{margin-bottom:30px;}
.pic-descr ul li{background:url(../imgs/arrow-small.png) no-repeat left center;list-style:none;padding-left:17px;}
/* this makes it possible to add next button beside scrollable  */
div.scrollable{height:350px;overflow:hidden;position:relative;width:470px;}

/* prev, next, prevPage and nextPage buttons 
a.prev, a.next, a.prevPage, a.nextPage {display:block;width:22px;height:22px;background:url(../imgs/left.gif) no-repeat;float:left;margin:0 10px 0 25px;cursor:pointer;position:absolute;z-index:222;}
a.prev {margin:0 10px 0 0;}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {background-position:0px -22px;}
a.disa bled {visibility:hidden !important;}
a.next, a.nextPage {background-image:url(../imgs/right.gif);clear:right;}
 ********** navigator **********  position and dimensions of the navigator  */

div.navi{height:20px;margin:-40px 10px 0;position:absolute;width:200px;z-index:222;}
/* items inside navigator  */
div.navi a{background:url(../imgs/navigator.gif) 0 0 no-repeat;cursor:pointer;float:left;height:8px;margin:3px;overflow:hidden;width:9px;}
/* mouseover state  */
div.navi a:hover{background-position:0 -8px;}
/* active state (current page state)  */
div.navi a.active{background-position:0 -16px;}
div.scrollable2{height:204px;overflow:hidden;position:relative;width:354px;}
#content .span{height:320px;overflow:hidden;position:relative;width:950px;}
.thumbs3{clear:both;position:absolute;width:200em;z-index:222;}
.thumbs2 img{border:1px solid #ccc;float:left;padding:1px;}
.newsListImgs a.prev,.newsListImgs a.next{background:url(../imgs/left-s.gif) no-repeat;cursor:pointer;display:block;float:left;height:15px;margin:2px 2px 2px 20px;position:absolute;width:15px;z-index:222;}
.newsListImgs a.prev{margin:2px;}
.newsListImgs a.next{background-image:url(../imgs/right-s.gif);clear:right;}
.newsListImgs div.navi{height:20px;margin:3px 0 0 40px;width:430px;}
.newsListDescr{float:left;width:310px;}
.news-list h4,.news-list p{margin:0;}
.col-box{background-color:#fff;border:1px solid #ccc;padding:20px 29px;}
.col-box h3{border-bottom:1px solid #ccc;padding:0 0 20px;}
.col-box fieldset{border:none;padding:0;}
a.btn{background:url(../imgs/button-p.gif) no-repeat left top;display:block;height:32px;overflow:hidden;text-indent:-999px;width:121px;}
#nav-rootline a strong{font-size:24px;font-weight:bold;padding:45px 0 0 0;}
#footer{background:url(../imgs/footer.png) no-repeat top left;height:100px;margin-top:-245px;padding-top:250px;}
#footer .container{background:#fff;border:1px solid #ccc;}
#footer .span-8 p{padding:5px;}
.nav-bot-box ul{float:right;margin:0 5px 0 0;}
.nav-bot-box li a{color:#333;display:block;font-weight:700;padding:5px 0 5px 5px;}
.nav-bot-box li.last a{padding-right:0;}
#footer img{border:medium none;float:none;margin:0;padding:0;}
a[href ^="http://www.mgsindikat.ru/"],a[href ^="http://typo3.com/"]{background:none;padding-right:0;}
#mgs{height:29px;line-height:29px;padding:5px 0 0;}
#typo3{height:10px;line-height:10px;margin:-10px 0 0;padding:0 5px 5px 0;}

body#moskva #footer,body#dj #footer{background:url(../imgs/footer-m.png) no-repeat top left;}
.mont h1{background:url(../imgs/mont-alt.png) no-repeat left top;}
.mos h1{background:url(../imgs/mos1.png) no-repeat left top;}
.goa h1{background:url(../imgs/goa.png) no-repeat left top;}

#nav-rootline {margin-top:-43px;padding:53px 0 0;}
#montenegro #nav-rootline{background:url(../imgs/mont-alt.png) no-repeat right top;}
#moskva #nav-rootline{background:url(../imgs/mos1.png) no-repeat right top;}
#goa #nav-rootline{background:url(../imgs/goa.png) no-repeat right top;}
#dj #nav-rootline{background:url(../imgs/dj.png) no-repeat right top;}

.news-list-item {clear:both;overflow:hidden;}
.news-list-item .image {float:left;margin-right:10px;}
.news-list-item .descr {float:left;}

.news-single-img-ul {margin: 0;clear: both;}
.news-single-img-ul li {list-style:none;margin-right: 10px;float: left;}
.news-single-img {margin: 0;float:none;}
.bottom.clean, .align-right.bottom.pull-up {clear: both;}

h2,ul#nav-lang li{color:#333;}
a:hover,#nav-rootline a{text-decoration:none;}
.loud,ul#nav-lang li em{font-weight:700;}
#header,.nav-top{overflow:hidden;}
ul.nav-top-ul li,.nav-bot-box li{float:left;list-style:none;}
.thumbs,.thumbs2{clear:both;position:absolute;width:20000em;z-index:222;}
#header .thumbs img,.newsListImgs div.navi a{float:left;}