/* Reset de estilos */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0;}

/* Basico */
html { -webkit-font-smoothing: antialiased; }
body { background: #fbfbfb url(../img/header_bg.png) repeat-x; font-family: 'Helvetica Neue', Helvetica , Arial, sans-serif; color: #333; font-size: 13px;}
hr { border:none; border-bottom:1px solid #dddcdc; margin:15px 0 15px 0; }
p { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 19px; color: #666; }
a { text-decoration: none; color: #2d71ac; }
a:hover { text-decoration: underline;}
input::-webkit-input-placeholder {
    color:    #444;
}
input:-moz-placeholder {
    color:    #444;
}
.clear{ clear:both; }
.center { text-align:center; }
.page_wrap { 
	width: 960px; 
	margin: 0 auto;
}

/* Header */
#header {
	overflow: hidden;
	height: 98px;
}
#logo { 
	float: left; 
	width: 355px;
}
#logo h1 { 
	background: url(../img/logo.png) no-repeat; 
	width: 355px; 
	height: 77px;
	text-indent: -9999px;
	position: relative; top: 21px; 
}
#free_trial { 
	float: right;
	width: 400px;
	text-align: right;
}
#free_trial h3 {
	font-family: 'Open Sans', sans-serif;
	color: #444444;
	font-size: 16px;
	font-weight: normal;
	position: relative;
	top: 36px;
}
#free_trial h3 span.trial_blue {
	color: #4785bd;	
}

/* website em desenvolvimento */
#hero {
	background: url(../img/hero_bg.png) repeat-x; 
	text-align: center;
	padding-top: 35px;
	height: 688px;	
}
#hero h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	color: #445869;
	font-weight: normal;
	margin-bottom: 20px;
}
#hero_screenshot { 
	margin-top: 36px;
	-webkit-animation: fade 1s alternate;
	-moz-animation: fade 1s alternate;
	animation: fade 1s alternate;
}

/* webkit */

@-webkit-keyframes fade {
    0%   {
        -webkit-transform: scale3d(0.5, 0.5, 0.5);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        opacity: 1;
    }
}

@-moz-keyframes fade {
    0%   {
        
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes fade {
    0%   {
        -webkit-transform: scale(0.5);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

/* website em desenvolvimento - texto */
#get_access h4 { 
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #445869;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
}


/* CAIXAS */
#boxes {
	background: url(../img/bg.jpg) repeat;
	padding-top: 60px;
}
.onecoolbox {
	background: #FFF;
	float: left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	margin-right: 30px;
	-moz-box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
	-webkit-box-shadow:0px 1px 3px rgba(147,167,183, 0.60);
	box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
	margin-bottom: 60px;
	width: 920px;
}
.threecolbox {
	background: #FFF;
	float: left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 260px;
	padding: 20px;
	margin-right: 30px;
	-moz-box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
	-webkit-box-shadow:0px 1px 3px rgba(147,167,183, 0.60);
	box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
	margin-bottom: 60px;
	position: relative;
}
.threecolboxlast {
margin-right: 0;
}
.threecolbox h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #445869;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.icon_settings { 
	position: absolute;
	top: -29px;
	left: -26px;	
}
.icon_dashboard {
	position: absolute;
	top: -29px;
	left: -26px;
}
.icon_support {
	position: absolute;
	top: -29px;
	left: -26px;
}

/* slogan */
#testimonial { 
	background: #FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 920px;
	padding: 20px;
	-moz-box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
	-webkit-box-shadow:0px 1px 3px rgba(147,167,183, 0.60);
	box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
	margin-bottom: 60px;
	position: relative;
}
#testimonial p {
	font-family: 'QlassikBoldRegular', Arial, sans-serif;
	font-size: 26px;
	line-height: 29px;
	color: #666;
}
#testimonial span { 
	font-family: 'QlassikBoldRegular', Arial, sans-serif;
	font-size: 15px;
	color: #9a9a9a;
	float: right;
	margin-right: 60px;
}

@font-face {
    font-family: 'QlassikMediumRegular';
    src: url('../fonts/Qlassik_TB-webfont.eot');
    src: url('../fonts/Qlassik_TB-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Qlassik_TB-webfont.woff') format('woff'),
         url('../fonts/Qlassik_TB-webfont.ttf') format('truetype'),
         url('../fonts/Qlassik_TB-webfont.svg#QlassikMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QlassikBoldRegular';
    src: url('../fonts/QlassikBold_TB-webfont.eot');
    src: url('../fonts/QlassikBold_TB-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/QlassikBold_TB-webfont.woff') format('woff'),
         url('../fonts/QlassikBold_TB-webfont.ttf') format('truetype'),
         url('../fonts/QlassikBold_TB-webfont.svg#QlassikBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.icon_testimonial_left {
	position: absolute;
	top: -29px;
	left: -26px;
}
.icon_testimonial_right {
	position: absolute;
	bottom: -29px;
	right: -26px;
}

/* BTN */
#free_trial_btn {
	background: url(../img/btn_free_trial.png) no-repeat  top right; 
	display: block;
	border: none;
	width: 504px;
	height: 45px;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
	margin-left: 215px;
}
#free_trial_btn:hover {background-position: 0 -45px; border: none; outline:none; }
#free_trial_btn:active {background-position: 0 -90px; border: none; outline:none; }
#free_trial_bg { 
	background: url(../img/div_divider.png) no-repeat; 
	background-position: center center;
	text-align: center;
	margin-bottom: 60px;
}

/* TWO COL BOX */
.twocolbox {
	background: #FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 390px;
	float: left;
	padding: 20px;
	-moz-box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
	-webkit-box-shadow:0px 1px 3px rgba(147,167,183, 0.60);
	box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
	margin-bottom: 60px;
	position: relative;
	min-height: 156px;
}
.twocolbox h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #445869;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.twitter {
	margin-right: 100px;
}
.twitter p {
	border-bottom: 1px dotted #a7b2ba;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.twitter p:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.icon_twitter {
	position: absolute;
	top: -29px;
	left: -26px;
}
.icon_newsletter {
	position: absolute;
	top: -19px;
	left: -30px;
}
/* FORMULÁRIO ------------------------------------------------------------*/

#formy{
	margin-bottom: 18px;
}

#formy input,
#formy textarea{
	padding: 10px 15px;
	background: #F5F5F6;
	color: #6c798d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-left: none;
	border-right: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	overflow: auto;
}

#formy input{


}

#formy textarea{

}

#formy #submit{
	width: 76px;
	margin: 21px 0px;
	padding: 5px 0px;
	background: url(../img/btn_submit.png) repeat-x;
	float: right;
	color: #fff;
}

#formy input#submit:hover{
	opacity: 0.8;
}

#formy #submit{ float: left; }


/* FOOTER */
#footer {
	height: 100px;
	border-top: 1px solid #d6d6d6;
}
.copyright { 
	float: left; 
	width: 500px;
	margin-top: 40px;
}
.footer_nav { 
	float: right; 
	margin-top: 40px;
	text-align: right;
}
ul.footer_nav li { 
	float: left;
	padding-left: 10px;
	text-align: right;
}