/* reset */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
/*end reset*/
body{
	font-family: 'Open Sans', sans-serif;
    font-size:0.9em;
    background:#d9dde0;
}

.toolbar {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:58px;
    padding:2px;
    background:#262523;
    border-top: 1px solid #666;
    /*background:#7e868c;
    background:linear-gradient(#86ae47,#86ae87);*/
    text-align: center;
    z-index:999;
   -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.55);
   -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.55);
   box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.55);
}
.toolbar img.logo_page {
    position:absolute;
    top:14px;
    width:180px;
}
.toolbar span {
    position:relative;
    font-family: 'Spinnaker', sans-serif;
    font-size: 24px;
    color: #fff;
    top:10px;
}
@media all and (min-width: 800px) {
   .registration, .head {
        max-width:85%;
        border-radius:5px;
        border:1px solid #bbb;
        -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
        margin-top: 150px;
   }
   h2 {font-size:2em}
   .foot_container {position:fixed;bottom:0px;}
}

@media all and (max-width: 799px) {
   .registration, .head {
       margin-top: 140px;
       border:1px 0px 1px 0px solid #bbb;
       -webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
       -moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
       box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
   }
   h2 {font-size:1.8em}
   .foot_container {position:fixed;bottom:0px;}
}

@media all and (max-width: 500px) {
   .registration, .head {
       margin-top: 150px;
       border:1px 0px 1px 0px solid #bbb;
       -webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
       -moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
       box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
   }
   h2 {font-size:1.6em}
   .foot_container {position:relative;bottom:0px;}
}

h1 {
   font-family: 'Encode Sans Condensed', sans-serif;
   color: #FFFFFF;
   font-size: 2.2em;
   padding-top: 1em;
}
h2 {
   font-family: 'Poppins', sans-serif;
   color: #4b86e7;
   margin-bottom: -5px;
   margin-top:5px;
}
h3 {
   font-family: 'Poppins', sans-serif;
   color: #888;
   font-size: 1.2em;
   margin-top:10px;
   margin-bottom: 15px;
}
h4 {
   font-family: 'Poppins', sans-serif;
   color: #888;
   font-size: 0.9em;
   margin-bottom: 15px;
}
.notif {
   font-size:0.8em;
   padding:0.8em;
}
.registration {
   background: #eee;
   padding: 10px;
   text-align:center;
   height:90%;
   width:auto;
}
.sign_up {
   border-radius:0px 0px 10px 10px;
   margin-top:0px;
}
.head {
   font-family: 'Poppins', sans-serif;
   color: #ddd;
   font-size: 1.8em;
   margin-top:70px;
   background-color:#2d3d67;
   padding:10px;;
   border-radius:10px 10px 0px 0px;
}
.btn, .btn2,.linkbotao{
   -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
   -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
   box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
}
.picture {
   margin-top:-60px;
   width:100px;
   border-radius:100%;
   border:1px solid #eee;
   background:#fff;
-webkit-box-shadow: 0px 2px 15px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 15px 2px rgba(0,0,0,0.5);
box-shadow: 0px 2px 15px 2px rgba(0,0,0,0.5);
}
.picture_perfil {
   position:relative;
   top:5px;
   margin-right:5px;
   width:32px;
   border-radius:100%;
   background-color:#bbb;
}
.form-info {
   margin-top:10px;
   width: 100%;
}
.form-info div {
   width:91%;
   display:inline-block;
}
.form-info span {
   display:none;
}
.text {
   outline: none;
   text-align: center;
   background: #fff;
   color: #777;
   width: 90%;
}

.btn, .btn2 {
   outline: none;
   border: none;
   color: #fff;
   padding: 10px 25px;
   font-size: 1em;
   font-weight: 400;
   cursor: pointer;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
   -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
   box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
   max-width:80%;
   position: relative;
   margin: 0 auto;
}
.btn2 {
    padding:5px;
    margin-left:3px;
}
#senha_update {
   margin-top:8px;
   background: orange;
}
#senha_update:hover {
	background: red;
	  	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
}
#email_confirm, #site, #next {
   margin-top:8px;
   background: #86ae47;
}
#email_confirm:hover, #site:hover, #next:hover {
	background: #86aeaa;
	  	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
}
#register, #google, #selovirtual, #site2 {margin-top: 10px;}
#site2 {background: #666}
#register {background: #34579b;}
#google {background: #ccc;color:#555}
#selovirtual {background: #86ae47}
#register img, #google img, #selovirtual img {
   vertical-align: middle;
   float:left;
   height:20px;
}
#register:hover, #google:hover, #selovirtual:hover, #site2:hover {
   background: orange;
   transition: 1s all;
   -webkit-transition: 1s all;
   -moz-transition: 1s all;
   -o-transition: 1s all;
}
.ui-autocomplete.ui-widget {
   font-family: 'Encode Sans Condensed', sans-serif;
   font-size: 16px;
   text-align:center;
}

#dvLoading{
    position: fixed;
    z-index: 1000;
    top:50%;
    left:50%;
    margin-top:-75px;
    margin-left:-75px;
}
#dvLoading img {
    width:150px;
    height:150px;
}
#dvLoading h1 {
    color:#ccc;
    background:#333;
    padding:5px;
    border-radius:5px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-align: center;
}

#senha a {font-size:12px;}

label {
   font-family: 'Poppins', sans-serif;
   color: #2d3d67;
   font-size: 1em;
}

small {
    font-size: 0.8em;
    font-weight: 400;
    color:#999;
}
.wrap:before {
   content: "";
   position:fixed;
   display: block;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   z-index:-1;
   /*
   -webkit-filter: blur(8px);
   -moz-filter: blur(8px);
   -o-filter: blur(8px);
   -ms-filter: blur(8px);
   filter: blur(8px);
   opacity: 0.5;
   filter: alpha(opacity=50);
   background-size:cover; */
}
.wrap {
    position: relative;
    margin-top:32px;
}

.mid {
   width:60%;
}
.off {
   display:none;
}
select,input[type=text],input[type=email],input[type=tel],input[type=password] {
   font-family: 'Poppins', sans-serif;
   color: #555;
   font-size: 1.2em;
   border: 1px solid #bbb;
   padding: 4px;
   width: 90%;
   background:#fff;
   margin:2px;
   border-radius:5px;
}
.foot_container {
    bottom:0px;
    width:100%;
    background:linear-gradient(#2d3d67,#d9dde0);
    padding-bottom:12px;
    padding-top:10px;
    text-align:center;
   opacity: 0.9;
   filter: alpha(opacity=90);
}
.foot_container a {
    display:inline-block;
    padding:5px;
}
.foot_container a:hover {
    color:#555;
}
.foot_container .a1 {
    font-size:16px;
    color:#666;
}
.foot_container .a2 {
    font-size:13px;
    color:#eee;
}
.foot_container small {
    font-size: 11px;
    color:#888;
}
.alertify-logs {bottom:none;top:50px}
