@charset "utf-8";

/* BODY
***********************/

body {
	-webkit-touch-callout:initial;
	-webkit-user-select:initial;
	-khtml-user-select:initial;
	-moz-user-select:initial;
	-ms-user-select:initial;
	user-select:initial;
}

/*@media only screen and (min-width: 1800px) {
	#featureheader {
		background: #fff url('../images/background_home_page.jpg') center 65% no-repeat!important;
	}
}*/

#featureheader {
	width:100%;
	height:95%;
	position:fixed;
	/*background:#fff url('../images/background_home_page.jpg') center top no-repeat;*/
	background-size:cover;
	/*z-index:-9999;*/
}

.wrapper {
	position:relative;
	padding-bottom:100px;
	overflow:hidden;
}

/* HOME PAGE CONTENT:
***********************/

.content_position h1 {
	margin:5px 0 0 0;
	padding-left:115px;
	height:111px;
	font-size:45px;
	line-height:52px;
	font-weight:600;
}

#top_position {
	overflow:hidden;
	height:50px;
}
#top_position a {
	text-align:center;
}

#login_link {
	position:fixed;
	top:0;
	right:0;
	padding:10px 8px 10px 10px;
	width:130px;
	font-size:16px;
	background-image:url('../images/bg_box_version.png');
	z-index:100;
}
#login_link a {
	-webkit-transition: background-color 500ms ease;
    -moz-transition: background-color 500ms ease;
    -o-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
}
#login_link a:hover {
	background-color:#000;
}

#link_back_area {
	padding:10px 10px 10px 8px;
	width:90px;
	font-size:18px;
	background-image:url('../images/bg_box_version.png');
	-webkit-transition: background-color 500ms ease;
    -moz-transition: background-color 500ms ease;
    -o-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
}
#link_back_area a:hover {
	background-color:#000;
}


/* BOXES:
***********************/

.content_position {
	margin:2% auto 0 auto;
	width:82%;
	overflow:hidden;
}

.position_box_title {
	margin:0 auto 0 auto;
	width:315px;
}

.box_version {
	position:relative;
	margin-top:20px;
	padding:6px 0 8px 0;
	width:42%;
	min-width:380px;
	max-width:600px;
	background-image:url('../images/bg_box_version.png');
}

#premium_version {
	float:right;
}
#premium_version h1 {
	padding-top:30px;
	height:80px;
	font-size:48px;
	background-image:url('../images/icon_premium.png');
	background-repeat:no-repeat;
	background-position:0 5px;
}

.box_content {
	padding:10px 25px 15px 25px;
	color:#393939;
	text-align:justify;
}
.box_content ul {
	padding-left:20px;
	color:#393939;
	list-style:square;
}
.box_content li {
	padding-top:5px;
}
.box_content li:first {
	padding-top:0;
}

a.box_button {
	display:block;
	margin-top:20px;
	margin:20px auto 0 auto;
	width:92%;
	font-size:62px;
	font-style:italic;
	text-align:center;
	color:#fff;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
a.box_button:hover {
	color:#6aab25;
	background-color:#000;
}

/* MAIN CONTENT:
***********************/

.content {
	padding:25px;
	background-image:url('../images/bg_box_version.png');
	overflow:hidden;
}

.position_title {
	margin:0 auto 0 auto;
	width:500px;
}
.position_title h1 {
	background-image:url('../images/icon_premium.png');
	background-repeat:no-repeat;
	background-position:0 5px;
}

h1.support {
	background-image:url('../images/support.png');
}

h1.lost {
	background-image:url('../images/icons/lost.png');
}

.content_lost {
	font-size:19px;
}

a.button_lost {
	padding:8px 5px 8px 5px;
	font-size:26px;
	text-align:center;
	color:#fff;
	/*-webkit-transition:font-size 500ms ease, background-color 500ms ease;
    -moz-transition:font-size 500ms ease, background-color 500ms ease;
    -o-transition:font-size 500ms ease, background-color 500ms ease;
    transition:font-size 500ms ease, background-color 500ms ease;*/
	-webkit-transition:background-color 700ms ease;
    -moz-transition:background-color 700ms ease;
    -o-transition:background-color 700ms ease;
    transition:background-color 700ms ease;
}
a.button_lost:hover {
	background-color:#000;
}


/* REGISTER:
***********************/

.offer {
	margin:20px auto 10px auto;
	padding:15px;
	width:70%;
	font-size:15px;
	background-color:#6aab25;
	background-color:rgba(106,171,37,0.85);
	border:1px solid #333;
}

.offer ul {
	padding-left:40px;
	list-style:square;
}
.offer ul li {
	padding-bottom:5px;
}

#message .button_success_register {
	margin:0 auto 0 auto;
	padding:5px 8px 5px 8px;
	width:30%;
	min-width:80px;
	max-width:100px;
	font-size:22px;
	font-weight:600;
	text-align:center;
	color:#fff;
	background-color:#000;
	border:1px solid #fff;
}


/* FORM:
***********************/

#waiting {
	text-align:center;
}

#message {
	padding:8px 5px 8px 5px;
	border-radius:4px;
}
#message.error {
	margin:5px auto 0 auto;
	width:90%;
	font-size:15px;
	text-align:center;
	background-color:#d17382;
}
#message.success {
	margin:5px auto 0 auto;
	width:90%;
	font-size:18px;
	margin-top:15px;
	text-align:center;
}

.warning {
	color:#aa0f0f;
	text-align:center;
}

.missing_field {
	background-color:#FFDADA !important;
	border:1px #CC1313 solid !important;
	color:#000 !important;
}


#form_premium_access {
	margin:0 auto 0 auto;
	width:80%;
}
#form_premium_access input {
	width:90%;
	max-width:300px;
	font-size:20px;
}
#form_premium_access input[type="text"], #form_premium_access input[type="password"] {
	padding-left:5px;
	border:1px #adadad solid;
}
#form_premium_access input[type="submit"] {
	margin-top:22px;
	font-size:32px;
}

#form_login_recovery input[type="submit"] {
	width:90%;
	max-width:300px;
	margin-top:22px;
	font-size:32px;
}

#form_login_company {
	text-align:center;
}
#form_login_company input[type="text"] {
	font-size:20px;
	padding:4px 0 4px 6px;
}
#form_login_company input[type="submit"] {
	height:38px !important;
	font-size:24px;
}

.form_data {
	float:left;
	width:50%;
	margin-top:15px;
}

.form_data_recovery {
	margin:16px auto 0 auto;
	width:80%;
	min-width:300px;
}
.form_data_recovery .form_label {
	font-size:22px;
}
.form_data_recovery input {
	width:95% !important;
	max-width:800px !important;
	font-size:36px !important;
	border-radius:3px;
}

.form_data_submit {
	margin:0 auto 0 auto;
	width:90%;
	max-width:300px;
	font-size:16px;
}


/* FOOTER:
***********************/

header{
	position:fixed;
	clear:both;
	left:0;
	bottom:0;
	width:100%;
	height:60px;
	background:#6aab25;
}
header .header{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding-bottom:10px;
	position:relative;
}
header .header .contact{
	position:absolute;
	left:42%;
}
.header .logo{
	width:114px;
	height:30px !important;
	background:url(../images/freepos.png) no-repeat;
	margin:7px 0 0 10px;
	float:left;
}
.header .logo a{
	display: block;
    height:40px;
    text-indent: -9999px;
    width:252px;
}
.header .slogan{
	width:247px;
	height:17px;
	background:url(../images/slogan.png) no-repeat;
	margin-right:30px;
	float:right;
	margin-top:5px;
	position:relative;
}
.slogan .flags{
	position: absolute;
right: 0;
    top: 25px;
}
.slogan .flags ul{
	list-style:none!important;
}
.slogan .flags ul li{
	display:inline !important;
}
.slogan .flags ul li img{
	width:25px !important;
	border-radius:3px;
}
.slogan .flags ul li img {
     filter: none;
	-webkit-filter: grayscale(0);
}
.slogan .flags ul li img:hover  {
   
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
}

.transition {
	margin:0 5px 0 5px;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

@media only screen and (max-width:950px) {
	.box_position {
		margin-top:0 auto 0 auto;
		width:80%;
	}
	
	.box_version {
		margin:20px auto 0 auto;
		width:100%;
		min-width:380px;
		max-width:600px;
		background-image:url('../images/bg_box_version.png');
	}
	
	#free_version {
		float:none;
	}
	
	#premium_version {
		float:none;
	}
	
	.slogan {
		display:none;
	}
}

@media only screen and (max-width:470px) {	
	.box_version {
		min-width:300px;
	}
}