/* 
    Document   : layout
    Created on : 28.03.2012, 11:43:43
    Author     : Valery Lyatsevich
    Description: Topol fucking styles!
*/
#dirt{background: url('../img/dirt.jpg') repeat-y; position: absolute; }
/*Basic styles*/
body{overflow: hidden; color: #ffffff; font-family: Arial, 'Arial', Helvetica, sans-serif;}
/*Animated skyes*/
#sky{width: 100%; height: 100%; overflow: hidden;}
#sky .good{width: 4400px; height: 100%; background: #f2f9fd url('../img/good_sky.jpg') repeat-x; position: absolute; top: 0px; right: 0px;}
#sky .bad{width: 4400px; height: 100%; background: #dfdfe1 url('../img/bad_sky.jpg') repeat-x; position: absolute; top: 0px; right: 0px;}
#main{bottom: 0px; width: 100%; height: 100%;}
/*Header*/
#header{
	width: 100%;
	height: 135px;
	position: relative;
	margin-top: 5%;
	margin-bottom: 0px;
}
#logo{background: url('../img/logo.png') no-repeat; width: 125px; height: 129px; position: absolute; left: 64px; top: 0px;}
#contacts{cursor: help; text-shadow: 1px 1px 3px #8e8e8e; background: url('../img/contacts.png') no-repeat; width: 204px; height: 129px; position: absolute; right: -210px; top: 0px; padding-left: 17px; padding-top: 30px;}
.adr{font-size: 10px; text-align: left;  letter-spacing: 0.3px;}
.tel{font-size: 17px; text-align: left; text-transform: uppercase; letter-spacing: 1px;}
#description{margin: auto; background: url('../img/slogan.png') no-repeat; width: 559px; height: 129px;}
.description-bad{margin: auto; background: url('../img/slogan-bad.png') no-repeat; width: 559px; height: 129px;}
/*BreadCrumbs*/
#b-crumbs{
	height: 6px;
	width: 72px;
	text-align: center;
	margin-top: 18px;
	position: absolute;
	top: 0px;
	margin-left: -36px;
	left: 50%;
	
}
#b-crumbs .active{background: url('../img/b-crumbs/white.png') no-repeat;}
#b-crumbs a{background: url('../img/b-crumbs/blue.png') no-repeat;}
#b-crumbs a{float: left; display: block; width: 6px; height: 6px; margin: 0 6px;}
/*Intro-text on start page*/
#intro-txt{
	width: 426px;
	color: #333333;
	margin: auto;
	text-align: center;
	font-size: 14px;
	text-shadow: 1px 1px 3px #bdbdbd;
	line-height: 138%;
	padding-top: 30px;
}
/*Items on start page*/
/*#clicky{width: 100%; margin-top: 4%;}*/
#clicky{width: 93%; margin-left: 4%;}
.zoom{height: 339px; width: 100%; cursor: pointer; text-align: center; width: 25%; float: left; position: relative;}
#clicky .label{background: url('../img/hint.png') no-repeat; width: 192px; height: 87px; position: absolute; left: 50%; margin-left: -98px}
#clicky .label p{text-transform: uppercase; padding: 12px 28px 0 28px; color: #4C88B1; font-size: 11px; text-shadow: 1px 1px 3px #bdbdbd}
.infoblock{width: 168px; margin: auto; font-size: 12px; background: black; opacity: 0.8; width: 200px; border: 2px solid white; padding: 20px 12px 20px 12px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}

.big p{
	margin-bottom: 1em;
}
.big ul{
	margin-left: 1.5em;
	list-style-type: disc;
	margin-bottom: 1em;
}
/*.topolium{height: 200px; width: 100%; margin-top: 101px; cursor: pointer}
.topas{height: 200px; width: 100%; margin-top: 101px; cursor: pointer}
.topaero{height: 200px; width: 100%; margin-top: 101px; cursor: pointer}
.topaero-m{height: 200px; width: 100%; margin-top: 101px; cursor: pointer}*/
/*Rights*/
#rights{position: fixed; bottom: 2%; color: #B3B3B3; z-index: 9; font-size: 11px; left: 64px;}
/* Icons */
.new1{cursor: help; background: url('../img/icons/new1.png') no-repeat; width: 38px; height: 37px; position: absolute;}
.new2{cursor: help; background: url('../img/icons/new2.png') no-repeat; width: 38px; height: 37px; position: absolute;}
.new3{cursor: help; background: url('../img/icons/new3.png') no-repeat; width: 38px; height: 37px; position: absolute;}
.new4{cursor: help; background: url('../img/icons/new4.png') no-repeat; width: 38px; height: 37px; position: absolute;}
.show-bad {
	display: none;
}
.bad1{cursor: help; background: url('../img/icons/times_good.png') no-repeat; width: 38px; height: 37px; position: absolute;}
.bad2{cursor: help; background: url('../img/icons/forest_bad.png') no-repeat; width: 38px; height: 37px; position: absolute;}
.bad3{cursor: help; background: url('../img/icons/glob_bad.png') no-repeat; width: 38px; height: 37px; position: absolute;}
 
.forest{cursor: help; background: url('../img/icons/forest_good.png') no-repeat; width: 38px; height: 37px; position: absolute;}
.clock{cursor: help; background: url('../img/icons/times_good.png') no-repeat; width: 38px; height: 37px; position: absolute;}
.water{cursor: help; background: url('../img/icons/water_good.png') no-repeat; width: 38px; height: 37px; position: absolute;}
.key{cursor: help; background: url('../img/icons/key_good.png') no-repeat; width: 38px; height: 37px; position: absolute;}
.glob{cursor: help; background: url('../img/icons/glob_good.png') no-repeat; width: 38px; height: 37px; position: absolute;}
.icon_txt{display: none; color: black; font-size: 12px; width: 240px; background: white; padding: 24px; border-radius: 12px;}
.icon_txt span{color: #8cad00; display: block; text-transform: uppercase; margin-bottom: 4px; font-weight: bold; font-size: 16px;}
/*Big infoblock*/
#main #content_topolium div.infoblock.big{width: 73%; position: absolute; left: 24px; top: 690px;}
.big h2{font-size: 18px; margin-bottom: 12px;}
.big p{font-style: italic; font-size: 14px; line-height: 138%}
/*All for Topolium*/
#content_topolium{display: none; position: relative;}
/*All for Topas*/
#content_topas{display: none; position: relative;}
#main #content_topas div.infoblock.big{width: 73%; position: absolute; left: 24px; top: 690px;}
/*All for Topaero*/
#content_topaero{display: none; position: relative;}
#main #content_topaero div.infoblock.big{width: 73%; position: absolute; left: 24px; top: 690px;}
/*All for Topaero-m*/
#content_topaero-m{display: none; position: relative;}
#main #content_topaero-m div.infoblock.big{width: 73%; position: absolute; left: 24px; top: 690px;}
/*On-off switcher*/
.system-switcher{
	 
	width: 190px;
	margin-left: -105px;
	position: absolute;
	left: 50%;
 
	margin-top: 40px;
	padding: 10px;
	border-radius: 3px;
	background-image: url(../img/blck.png);
}
.system-switcher div{float: left; cursor: pointer}
.system-switcher .on{background: url('../img/on.png') no-repeat; width: 91px; height: 36px;}
.system-switcher .off{background: url('../img/off.png') no-repeat; width: 99px; height: 36px;}
.system-switcher .off-on{background: url('../img/off-on.png') no-repeat; width: 99px; height: 36px;}
.system-switcher .on-off{background: url('../img/on-off.png') no-repeat; width: 91px; height: 36px;}
.modalBoxBodyContent p{font-size: 13px; line-height: 134%; text-shadow: 1px 1px 6px #bdbdbd;}
/*Gallery*/
#gallery{width: 100%; height: 50px; z-index: 9999999; display: block}
.photo-icon{background: url('../img/icons/photo.png') no-repeat; width: 50px; height: 37px; display: block; margin: auto}

.copyrights {
	position: fixed;
	z-index: 10000;
	right: 0px;
	bottom: 50px;
}