html {
	height:100%;
}
body {
	height: 100%;
	font:normal 11pt Arial,sans-serif;
	margin: 0;
	padding: 0;
	color: #DEF5FC;
	background: #073e52 url('/images/bg_overall.jpg') repeat-x 0 0;
}
#wrap { position: relative; min-height:100%; padding: 0; background: transparent url('/images/bg_top_left.jpg') no-repeat top left; }
* html #wrap { height: 100%; }

#wrap-right { background:transparent url('/images/bg_top_right1.gif') no-repeat 100% -10px; }

.limit-width { min-width: 860px; max-width: 1260px; margin: 0 auto !important; padding: 0 30px; }

p, td, th, ul, ol, dl { line-height: 1.6em; }

h1,h2,h3,h4,h5,h6 { font-family: "Myriad Pro","Lucida Grande","Lucida Sans",Tahoma,Arial,Sans-Serif; font-weight: normal; }

h1 { margin:0 0 1.5em 0; padding:0; font-size: 200%; color:#FFFF66; }
h2 { margin:2em 0 0.5em 0; padding:0; font-size: 140%; color:#FFFF66; }
h3 { margin:2em 0 0.5em 0; padding:0; font-size: 120%; color:#FFFF66; }
h1+h2 { margin-top:0; }
h2+h3 { margin-top:0; }
h2+p { margin-top:0; }
h3+p { margin-top:0; }
td>h3 { margin:0; }
h3.ntm { margin:0; }

.h1like { margin:0 0 1.5em 0; padding:0; font:normal 20pt Tahoma,Arial,Helvetica,sans-serif; color:#FFFF66; }

a:link, a:hover, a:active { color: #FFFF66; }
a:visited { color: #AFAF50; }
a:link, a:visited { text-decoration:underline; }
a:hover, a:active { text-decoration:none; }

a.img:link, a.img:visited { color:black; }
a.img:hover, a.img:active { color:#0080FF; }
a.imgNoHover:link, a.imgNoHover:hover, a.imgNoHover:active, a.imgNoHover:visited { color:black; }
a.noVisited:link, a.noVisited:hover, a.noVisited:active, a.noVisited:visited { color:#0058B0; }

a.mediaLink {
	display: block;
	float: left;
	width: 170px;
	height: 150px;
	margin: 0 10px 0 0;
	padding: 5px;
	text-align: center;
	overflow: hidden;
}
a.mediaLink:link,a.mediaLink:visited,a.mediaLink:hover,a.mediaLink:active { text-decoration:none; }
a.mediaLink:hover { background-color: #316495; }
a.mediaLink:active { background-color: #F9F9F9; }
a.mediaLink span { line-height: 1.1em; font-weight:bold; margin-top:7px; }


a.photo-list-item { display: block; float: left; width: 200px; height: 160px; margin: 0 5% 0 0; padding: 20px 5px 5px 5px;
	text-align: center; text-decoration: none; overflow: hidden;
	-moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;
	
}
a.photo-list-item span.img { display: block; height: 110px; }
a.photo-list-item span.title { text-decoration: underline; }
a.photo-list-item:hover { background-color: rgb(0, 74, 102); }
a.photo-list-item:hover img { -moz-transform: scale(1.2); }


div.photo-item { float:left; width:200px; height:150px; margin: 0 5% 2em 0; }
div.photo-item span { font-size: 10pt; color: #FFFF66; }


a.follow-link { display: block; width:100px; height: 32px; padding:.5em 0 0 35px; font-size: smaller; line-height: 1em; background-color: transparent; background-repeat: no-repeat; background-position: 0 50%; }
a.fl-facebook { background-image: url(/images/icon_facebook.png) }

h2 a:link, h2 a:hover, h2 a:active, h2 a:visited { color:#FFFF66; }
h3 a:link, h3 a:hover, h3 a:active, h3 a:visited { color:#FFFF66; }

form { margin:0px; }
img { border: none; }

#counters-top { position: absolute; top: 0; left; 0; width: 0; height: 0; visibility: hidden; }

.headerCenterBoxTurtle { background:transparent url(/images/turtle.png) no-repeat 50% 0; }
.headerCenterBoxGnom { background:transparent url(/images/gnom.png) no-repeat 50% 0; }

#header { height: 170px; padding: 0; margin: 0; color: white; }
	#header #logo { position:relative; top: 20px; left: 30px; width: 450px; height: 90px; font: normal 44pt "Myriad Pro",Arial,Sans-Serif; line-height: 1.2em; }
		#header #logo a { color: white; text-decoration: none; }
	#header #slogan { position:relative; top: 0px; left: 35px; width: 450px; height: 30px; font: italic normal 14pt "Myriad Pro",Arial,Sans-Serif; }
	#header table.header-table { width:100%;  }
	#header a { color: white; }


	#header #lang-switchers { position: relative; top: 0; left: 30px; width:600px; height:25px; }
		#lang-switchers a, #lang-switchers span { display: block; height: 16px; padding: 2px 10px 0 20px; float: left; font-size: 10px; background-repeat:no-repeat; background-position: 0 50%; }
		#lang-switchers .lang_ru { background-image: url(/images/lang_ru.gif); }
		#lang-switchers .lang_en { background-image: url(/images/lang_en.gif); }
		#lang-switchers .lang_pt { background-image: url(/images/lang_pt.gif); }
		#lang-switchers .lang_es { background-image: url(/images/lang_es.gif); }
		#lang-switchers .lang_de { background-image: url(/images/lang_de.gif); }
		#lang-switchers .lang_fi { background-image: url(/images/lang_fi.gif); }
		#lang-switchers .lang_se { background-image: url(/images/lang_se.gif); }
		#lang-switchers a { color: white; text-decoration: underline; }


	#header #login { float: right; margin-top: -130px; width: 200px; font-size:80%; padding-right:30px; text-align:left; color:white; }
		#login p { margin:0; text-align:left; }
		#login p a { color:white; }
		#login li a { color:white; font-weight:bold; }
		#login ul.dealerLinks { font-size:80%; margin:10px 0 0 0; padding:0; list-style-type: none; }
		#login ul.dealerLinks li { margin:.5em 0; padding:0; }
		#login #loginForm td { font:normal 10px Arial; color:#FFFFCC; }
			#login #loginForm input.sidebar { width:130px; font:normal 10px Arial; }
			#login #loginForm input.button_sidebar { width:100%; font:normal 10px Arial; }


#topnavigation {
	display: block !important;
	margin: 0;
	padding: 0;
	height: 28px;
	text-align: center;
	list-style-type: none;
	font: normal 11pt "Lucida Grande","Lucida Sans",Tahoma,Arial,sans-serif;
	z-index:900;
	background: #336699;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ccff', endColorstr='#336699'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#99ccff), color-stop(0.65, #336699)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #99ccff, #336699 65%); /* for firefox 3.6+ */
	border: 1px solid rgb(0, 83, 166);

	-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;
 	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .4); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .4); box-shadow: 0 3px 10px rgba(0, 0, 0, .4);
}
	#topnavigation > li { display: inline-block; margin: 0; padding: 5px 0 10px; line-height: 1em; font-size: 15px; z-index: 901;
		text-shadow: 0 -1px 0 rgba(0,0,0,.8), 0 1px 0 rgba(250,250,250,.3);
	}
	#topnavigation > li > a { color: #fff; text-decoration: none; display: inline; padding: 5px 1em 10px; /* background: aqua; */ }
	#topnavigation > li.current { background-color: #006699; background-color: rgba(30,30,30,.2); }
	#topnavigation > li:hover { background-color: #0099cc; background-color: rgba(0,0,0,.2); }
	#topnavigation > li:hover a { color: #eee; }
	#topnavigation > li ul {
		display: none; 
		position: absolute;
		margin: 10px 0 0 -9px;
		padding: 0;
		width: auto;
		min-width: 220px;
		background: #336699; /* background-color: rgba(69,139,193,.8); */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4682B4', endColorstr='#053e52'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#4682B4), to(#053e52)); /* for webkit browsers */
		background: -moz-linear-gradient(top, #4682B4, #053e52); /* for firefox 3.6+ */
		border: 1px solid #087297;
		text-align: left;
		-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;
		-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .4); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .4); box-shadow: 0 3px 10px rgba(0, 0, 0, .4);
		z-index: 1000;
	}
	#topnavigation > li ul li { display: block; font-size: 10pt; line-height: 1.2em !important; margin: 0; padding: 0;	}
	#topnavigation > li ul li a { display: block; padding: .5em 1em; color: #fff; text-decoration: none; }
	#topnavigation > li ul li a:hover {
		background: #0399d4 !important; /* for non-css3 browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */
		background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important; /* for firefox 3.6+ */
		color: #fff !important;
		-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
	}
	#topnavigation > li:hover > ul { display: block; }

/* clearfix */
#topnavigation:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] #topnavigation { display: block; }
* html #topnavigation { height: 1%; }


/******************************/





#main { padding-bottom: 190px; }
#content { margin: 0; margin-top: 10px; padding-top: 20px; }
#content * { position:relative; }
#path {
	font-size: 10pt;
	height:20px;
	margin:0 50px;
	padding:20px 0 0 0;
	color:#FFFF66;
}
.arrow { margin:0 5px; }
#path a:link, #path a:active, #path a:visited { color:#FFFF66; text-decoration:underline; }
#path a:hover { color:#FFFF66; text-decoration:none; }

/*
#homepageContent {
	width:1000px;
	margin:0 auto;
	padding-bottom: 100px;
}

#homepageContent * {
	color: white;
}
#homepageContent h1, #homepageContent h2 a:link, #homepageContent h2 a:visited, #homepageContent h2 a:hover, #homepageContent h2 a:active {
	color: yellow;
	text-decoration: none;
}
*/

#footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 100px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	color: #C0C0C0;
	font-size: 80%;
	background-color: transparent;
}
#footer .border-top { margin: 0 15px; border-top: 1px solid #224e6a; padding-top: 10px; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #c0c0c0; }
#footer #copyright { position:relative; top:0px; left: 0; width:250px; height:70px; }
#footer #bottomMenu { position:relative; top: -70px; left: 300px; width: 500px; height: 20px; }
#bottomMenu a:link, #bottomMenu a:visited, #bottomMenu a:hover, #bottomMenu a:active { color:#C0C0C0; }
#bottomMenu ul { margin:0; padding:0; list-style-type:none; height:20px; white-space:nowrap; overflow:hidden; background:transparent; line-height:1em; clear:left; }
#bottomMenu ul li { float:left; margin:0 .5em 0 0; padding:0; background:transparent;white-space:nowrap; }
#footer #counters { position:relative; top:-50px; left:300px; width: 300px; height:50px; }
#footer #create-by { float: right; margin-top: -140px; width: 180px; height: 50px; text-align: center; }
/*
#footer #contacts { float:left; padding:0; margin:0 0 0 20px; width:350px; height:60px; }
*/

a.css3, span.css3 {
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 0px 5px;
	margin: 0 .5em;
	-webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; border-radius: 1.6em;
	background: #d1d1d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */
	color: #444 !important;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
br.block { display: block; clear:left; margin-bottom: .1em; }
br.clear { display: block; clear: both; }



.commonTable { background-color:gray; }
.commonTable TD { background-color:white; }
.commonTable TR { vertical-align:top; }

.side-box { float:right; width:300px; }
.side-box h2, .side-box h3 { margin:0; }

.sideBox { float:right; width:250px; }
.sideBox H2, .sideBox H3 { margin:0; }
.sideBox P { text-align:left; }

.rareList { list-style-type:none; padding:0; margin:0; }
.rareList LI { margin:10px 0; }


.share-box { float: right; background: #336699; background: rgba(255,255,255,.6); color: #000; margin-left: 20px; padding: .2em .5em .3em; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.share-box:after{ content: '.'; display: block; clear: left; visibility: hidden; line-height: 0; width: 0; height: 0; }
.share-box a { display: inline-block; z-index: 2; margin: .2em .5em 0 0; padding: ; width: 16px; height: 16px; text-decoration: none; background-image: url(http://www.vzotch.ru/images/share-icon.png); background-position: 50% 50%; background-repeat: no-repeat;
	vertical-align: text-bottom;
	overflow: hidden; }
/*
.share-box { background: #336699; background: rgba(255,255,255,.6); color: #000; padding: .2em; }
.share-box:after{ content: '.'; display: block; clear: left; visibility: hidden; line-height: 0; height: 0; }
.share-box a { display: inline-block; z-index: 2; margin: .2em .5em 0 0; padding: 0; width: 16px; height: 16px; text-decoration: none; background-image: url(/images/share-icon.png); background-position: 50% 50%; background-repeat: no-repeat; }
*/

/* Homepage */

#hp-splash { position: relative; height: 420px; margin-bottom: 50px; }
	#hp-splash-left { position: relative; top:0; left: 20px; width: 200px; height: 420px; }
		#hp-gnom { position: relative; top:85px; left: -25px; width: 750px; height: 200px; overflow: hidden;
			-webkit-transform-origin: 100px center;
			-webkit-transform: rotate(0deg);
			-webkit-transition: -webkit-transform 0.25s linear, top 0.25s linear;

			-moz-transform-origin: 100px center;
			-moz-transform: rotate(0deg);
			-moz-transition: -moz-transform 0.25s linear;

			-o-transform-origin: 100px center;
			-o-transform: rotate(0deg);
			-o-transition: -o-transform 0.25s linear;
		}
			#hp-gnom-apparatus { position: relative; top: 0; left: 0; width: 250px; height: 200px; background: transparent url(/images/gnom-apparatus.png) no-repeat 0 50%; }
			#hp-gnom-lights { opacity: 0; position: relative; top:-150px; left: 180px; width: 550px; height: 140px; background: transparent url(/images/lights.png) no-repeat 0 50%;
				-webkit-transition: opacity 0.5s linear;
				-moz-transition: opacity 0.5s linear;
				-o-transition: opacity 0.5s linear;
			}
			#hp-splash:hover #hp-gnom-lights { opacity: 1; }

.hp-app-list { position: relative; top: -420px; left: 230px; width: 450px; overflow: hidden; list-style: none; margin: 0; padding: 0; font-size: 16pt; }
.hp-app-list li { margin: 0 0 20px 0; padding: 0 0 0 55px; height: 50px; background-position: 0 50%; background-repeat: no-repeat; }
.hp-app-list li h2 { font-size: 14pt; margin: 0 0 .3em 0; line-height: 1.1em !important; }
.hp-app-list li span.smaller { display: block; margin: 0; font-size: 10pt; line-height: 1em !important; }
.hp-app-list li span.smaller a { color: white !important; }



.homepageAppBox { margin:10px 0 30px 0; min-height:120px; }
.homepageAppBox DIV { font-size:70%; }
.homepageAppBox h2 { margin:0; }

.homepageApp { width:440px; }
.homepageApp TR { vertical-align:top; }
.homepageApp TD { padding:0 0 20px 0; width:220px; }
.homepageApp TD H2 { margin:0; }

.hprBlock { margin-bottom:40px; }
.newsBlock { margin:10px 0 0px 0; }
.newsBlock h3 { font-size:100%; }
.newsImage { float:left; width:70px; height:70px; padding:2px 0 0 0; }
.newsImage img { margin:0; border:0; }
.newsTitle { font-size:80%; font-weight:bold; overflow:hidden; }
.newsTitle a:link, .newsTitle a:visited, .newsTitle a:hover, .newsTitle a:active { text-decoration:underline; }
.newsDate { font-size:90%;	color:#93BFFF; height:18px; padding-top:1px; }
.newsDescription { font-size:90%; text-align:left; }

h1.up,h2.up,h3.up { margin:0 0 5px 0; }

.hprBlock1 { margin-bottom:20px; }
.hprBlock1 h2.up a:link, .hprBlock1 h2.up a:hover, .hprBlock1 h2.up a:active, .hprBlock1 h2.up a:visited { color:#66CCFF; }
.hprBlock1 h3 a:link, .hprBlock1 h3 a:hover, .hprBlock1 h3 a:active, .hprBlock1 h3 a:visited { color:#09A3D6; }
.hprBlock * { text-align:left; }

.prod-list-box { float:left; margin: 0 7% 50px 0; width:400px; height:300px; overflow: hidden; }
	.prod-list-box > h2 { margin: 0 0 .5em 0; }
	.prod-list-box .prod-description { margin: 0 0 0 220px; line-height: 1.5em !important; }

ul.prod-local-nav { float:left; width:250px; list-style-type:none; font-size:12pt; line-height:1.2em; margin:0; padding:0; margin-top:70px; }
ul.prod-local-nav li { margin:0; padding:0; }
ul.prod-local-nav li a, ul.prod-local-nav li span {
	display: block;
	padding: .3em .7em .2em;
	margin: .5em 0;
	color: #fff;
	-webkit-border-radius: 666px; -moz-border-radius: 666px; border-radius: 666px;
}
ul.prod-local-nav li a {
	text-decoration: underline !important;
}
ul.prod-local-nav li span {
	background-color: #0A5976;
}

div.appListBox { float:left; width:270px; height:200px; margin:0 10% 30px 0; overflow:hidden; }
	div.appListBox h2 { white-space:nowrap; font-size:120%; }
	div.appListBox .appListImg { float:left; width:60px; height:100px; }
	div.appListBox .appListDescr { margin: 0 0 0 60px !important; font-size:10pt !important; color: #fff; }

.faq-list {  }
.faq-list dt { color:#FF6; text-decoration:underline; font-weight:bold; cursor:help; margin: 1em 0 .5em 0; }

.gnom-video-box { float:left; width:220px; height:170px; margin:0 5px 5px 0; text-align: center; }
a.gnom-video-caption { text-decoration: none; }
a.gnom-video-caption span { text-decoration: underline; }

.photosList h2 { font-size:x-small; }
.photosList h2 a { text-decoration:none; }

.cartTable { background-color:transparent; border:1px solid #6588A6; border-collapse:collapse; }
.cartTable th { background-color:#225680; color:white; }
.cartTable td { background-color:transparent; }
.cartTable td input[type=submit] { padding:0 20px; margin:0 10px; }

.prodBuyInfo {
	padding: 10px;
	border: 1px dotted #72808E;
	background-color: #2E6171;
	font-size:80%;
	margin-top: 30px;
}

hr { margin:5px 0; height:1px; border:none; background-color:#D0DBE2; }

.goodmsg { color: green; }
.errmsg { color: red; }
.smaller { font-size: smaller; }

#errorPageBox { margin:100px; color:white; }