.to-right { float: right !important; }
.to-left { float: left !important; }
.inline { display: inline-block; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.just { text-align: justify; }
.vertical-center { vertical-align: middle; }
.bordered { border: 1px solid; }

.color-one { background-color: #900; }
.color-two { background-color: #c93; }
.color-three { background-color: #063; }
.color-white { background-color: #fff; background-color: rgba(255,255,255,0.75); }
.color-full-white { background-color: #fff; }

#nav {
	position: fixed;
	top: 0;
	width: 100%;
	border-bottom: 5px solid #fff;
	margin: 0 auto;
	z-index: 999;
	}
	#nav a {
		color: #fff;
		line-height: 35px;
		}
	#nav li:hover {
		background-color: rgba(255,255,255,0.15);
		}

#navigation{ display: none; }
#menu { cursor: pointer; height: 40px; }

#logo {	margin-bottom: 50px; }
#main-button {
	color: #fff;
	opacity: .45;
   	filter: alpha(opacity=45);
	cursor: pointer;
	}
	#main-button:hover {
		opacity: .7;
	   	filter: alpha(opacity=70);
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
		}

.pageone {
//	height: 100%;
	background: url('../images/background.jpg') no-repeat top center;
	padding-top: 65px;
	}
.spacer { height: 400px; }
.pagetwo{ height: 210px; }
.pagethree, .pagefour, .pagefive, .pagesix { min-height: 350px; }

.separator { height: 100px; background: #fff url('../images/footer.png') no-repeat center top; opacity: .5; filter: alpha(opacity=50); }

#pre-footer { 
	height: 5px;
	background: #fff url('../images/footer.png') no-repeat;
	background-position: center top;
	}

#footer { 
	min-height: 400px;
	background: #111 url('../images/footer.png') no-repeat;
	background-position: center -5px;
	color: #fff;
	font-size: 13px;
	}
	#footer a {
		font-size: 15px;
		color: #fff;
		}

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.spacer { height: 355px; }
//		.pageone { height: 570px; }
		#telaex img { margin: 0 !important; }
		}

	@media only screen and (min-width: 480px) and (max-width: 767px) {
		h1 { font-size: 25px; }
		.spacer { height: 255px; }
		
		#telaex img { margin: 0 !important; }
		}

	@media only screen and (max-width: 479px) {
		h1 { font-size: 19px; }
		.spacer { height: 155px; }
		
		#telaex img { margin: 0 !important; }
		}

/* -- varlov.com -- */
#power {
	font-size: 13px;
	}
#telaex {
	margin: 3px 0;
	overflow: hidden;
	}
	#telaex img {
		margin-top: -51px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		}
	#telaex img:hover {
		margin-top: 0px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		}