/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

.right { float: right !important; }
.left {	float: left; }
.center { text-align: center; }

.gradient {
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(right, #A1A1A1 0%, #E8E8E8 50%, #A1A1A1 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(right, #A1A1A1 0%, #E8E8E8 50%, #A1A1A1 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(right, #A1A1A1 0%, #E8E8E8 50%, #A1A1A1 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #A1A1A1), color-stop(0.5, #E8E8E8), color-stop(1, #A1A1A1));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(right, #A1A1A1 0%, #E8E8E8 50%, #A1A1A1 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to left, #A1A1A1 0%, #E8E8E8 50%, #A1A1A1 100%);
	}
	
#top-panel {
	position:relative;
	width:100%;
}
	#top-panel p {
		font-size: 17px;
	}

#panel1, #panel2, #panel3, #panel4, #panel5 {
	padding:16px 0 30px 0;
	}
	#panel1 {
		height:353px;
		}

#panel1{
	background: url(../images/logo.png) no-repeat fixed;
	background-position: top 40px center;
	}

#panel2, #panel3, #panel4, #panel5 {
	display:none;
	background: url(../images/logo_grey.png) no-repeat fixed;
	background-position: top 40px center;
	}

#line {
	background-color: #313131;
	height: 3px;
	}
	
#links {
	position: absolute;
	width: 100%;
	left: 0;
	background-color: rgba(255,255,255,0.5);
	}

#links li {
	display: inline-block;
	padding: 25px 20px 0 25px;
	font-size: 27px;
	color: #000;
	cursor: pointer;
	}
	#links li:hover {
		color: #28428A;
		}
	#links a {
		text-decoration: none;
		}

#icons {
	margin: 35px 0;
	}

#footer {
	padding: 55px 0;
	}

.video-background {
	height: 552px;
	position: relative;
	}

#video-container {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	}

video {
	position: absolute;
	opacity: 0.25;
	filter: alpha(opacity=25); /* For IE8 and earlier */
	}
	
#my-video {
	width: 100%;
	height: auto;
	}

.toggle2, .toggle3, .toggle4 {
	cursor: pointer;
	}
	
#lang {
	position: fixed;
	left: 50%;
	top: 0px;
	margin-left: -24px;
	width: 48px;
	height: 11px;
	cursor: pointer;
	background-position: bottom;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}
	#lang:hover {
		width: 48px;
		height: 36px;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		}
		
#va {
	position: fixed;
	left: 50%;
	bottom: 0px;
	margin-left: -20px;
	width: 41px;
	height: 11px;
	cursor: pointer;
	background-color: #ccc;
	background-image:url('http://www.varlov.com/logo/va_41x50.png');
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}
	#va:hover {
		width: 41px;
		height: 50px;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		}
	
/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset { margin-bottom: 20px; }
	#top-panel fieldset, #top-panel form { margin-bottom: 0px; }
	input[type=text], input[type=password], input[type=email], textarea, select {
		border: 1px solid #CACBCB;
		padding: 6px 4px;
		outline: none;		
		font-family: 'PT Sans Narrow', sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
		
	#searchform input[type=text] {
		padding-right: 25px;
		width: 179px;
		background-repeat: no-repeat;
		background-position: 183px -759px;
	}		
	#contacts-form input[type=text], #tcontacts-form input[type=password], #contacts-form input[type=email] {
		float:left;
		margin-right:20px;}
	#contacts-form textarea {width: 450px;}
	#contacts-form-main input[type=text], #contacts-form-main input[type=password], #contacts-form-main input[type=email] {
		float:left;
		margin-right:20px;
		width: 330px;
		}
	#contacts-form-main textarea  {width: 691px;}
	#ajax-contact-form-main { margin-bottom: 0;}
	fieldset.info_fieldset { margin-bottom: 0;}
	input[type=text].last-item, input[type=email].last-item, input[type=url].last-item, input[type=submit].last-item, input[type=reset].last-item {
		margin-right: 0 !important;}		
	select {
		padding: 0; }
	input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px;
		resize: vertical; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type=checkbox] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
	
	#note-top {
		font-size: 25px;
		color: #28428A;
		}

.thumb { width: 183px; height: 183px; margin-right: 2px; overflow: hidden; }
.last { margin-right: 0; }
.add-one { margin-right: 3px; }
.inline { display: inline-block; }

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email] { width:162px; }
		.thumb { width: 144px; height: 144px; }
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		video, #icons { display: none; }
		.video-background {	height: 72px; }
		.thumb { width: 135px; height: 135px; }
		.last, .add-one { margin-right: 2px; }
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email] { width:140px; }
		#contacts-form textarea { width: 310px; }
		video, #icons { display: none; }
		.video-background {	height: 72px; }
		#links li {	font-size: 21px; padding: 25px 10px 0 20px;	}
		.thumb { width: 146px; height: 146px; }
		.last, .add-one { margin-right: 2px; }
		}