@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);


/*
FAST CONTROL
Author: Fast Control
Author URL: http://fastcontrol.business
Author: Demetrius Loblein

*/
/* 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:0;padding:0;}
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;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/


/* STYLE DO LOGIN */


html{font-size:20px;}
body{ margin:0 auto;}
h1{color:#fff; font-size:2.1em;font-family: 'Luckiest Guy', cursive; margin-top:10px;}


div.video-grande{display:block;}
div.video-pequeno{display:none;}



form#deleteNovas{display:block}
form#deleteEmAnalise{display:none}
form#deleteEfetuadas{display:none}
form#deleteCanceladas{display:none}


nav#menu{width:100%; min-height:32px; background-color:#D85A54;}
nav#menu ul#desktop{width:98%; margin:0 auto; text-align:center;}
nav#menu ul#mobile{display:none;}
nav#menu ul#desktop li a{float:left; width:14%; margin:3px; padding:3px; line-height:1.4; font-size:0.8em; font-family:arial; color:#efefef;}
nav#menu ul#desktop li a:hover{color:#a8def4;}
nav#menu ul#desktop li a.sair{float:left; width:60px; margin:3px; float:right; background-color:#c43b36; border-radius:7px; padding:3px; line-height:1.4; font-size:0.8em; font-family:arial; color:#efefef;}
nav#menu ul#desktop li a.sair:hover{background-color:#D85A54; border:solid 1px #c43b36;padding:2px;}



header#login{width:100%; min-height:200px; margin:0 auto; background-color:#2D72BC;background-image:url(../img/header-logo.png);
border-bottom:solid 4px #D85A54;}

header#login div.box1{ width:49%; display:inline-block;vertical-align:bottom;}
header#login div.box2{ width:49%; display:inline-block;vertical-align:top;}
header#login div.box1 img{max-width:400px; vertical-align:bottom; }
header#login div.box2 div.chamada{color:#fff; font-size:1.5em; margin:0px;}
header#login div.box2 div.chamada h2{color:#fff; font-size:1.2em;font-family: 'Courgette', cursive; margin:0px;}



header#principal{width:100%; min-height:150px; margin:0 auto; background-color:#2D72BC;background-image:url(../img/header-logo.png);
border-bottom:solid 4px #D85A54;}

header#principal div.box1{ width:49%; display:inline-block;vertical-align:bottom;}
header#principal div.box2{ width:49%; display:inline-block;vertical-align:top;}
header#principal div.box1 img{max-width:240px; vertical-align:bottom; }
header#principal div.box2 div.chamada{color:#fff; font-size:1.5em; margin:0px;}
header#principal div.box2 div.chamada h2{color:#fff; font-size:1.2em; margin:0px;font-family: 'Courgette', cursive;}




content div#login{width:90%; margin:0 auto; }
content div#login form{ margin-top:-100px;font-size:1.2em; text-align:center;background-image:url(../img/bg-login.jpg); background-size:100%;width:250px; height:300px; background-color:#efefef; border:solid 4px #D85A54; border-radius:20px; float:right;}
content div#login form span{color:#1C4D81;}
content div#login form label{ margin:0 auto; color:#1C4D81;}
content div#login form label input{ width:80%; border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;font:1.2em; padding:9px;}
content div#login form label input[type="text"]{font-size:0.6em; border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;}
content div#login form input[type="submit"]{ cursor:pointer;width:70%;font-size:0.6em;border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81; padding:7px;}
content div#login form input[type="submit"]:hover{color:#fff; background-color:#1C4D81;}
content div#login form label input[type="password"]{border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;font:1.2em; }



content div#chamada-login{font-family: 'Courgette', cursive;width:50%; font-size:2em; color:#999; height:400px; margin:50px; }
content div#chamada-login img.celular{float:left; margin-right:20px;}
content div#chamada-login img.googleplay{ width:300px;}


content div#cadastrese{ margin:10px; font-family:arial; font-size:0.6em; line-height:2; color:#1C4D80; text-align:center;}
content div#cadastrese a{ margin:10px; font-family:arial; font-size:1.1em; padding:5px; border-radius:10px; color:#fff; background-color:#D85954;}
content div#cadastrese-form{border-radius:3px; text-align:center; width:90%; margin:0 auto; padding-top:40px; padding-bottom:40px;}
content div#cadastrese-form form{font-size:1em; text-align:center; padding:10px;
  background-image:url(../img/bg-login.jpg); background-size:100%;width:40%; display:inline-block; margin:10px;
  height:460px; background-color:#efefef; border:solid 4px #D85A54; border-radius:20px; vertical-align:top;}


content div#cadastrese-form form div.ola{font-family:arial;font-size:1em; text-align:center; color:#1C4D81;}
content div#cadastrese-form form div.ola span{font-size:1.2em;}
content div#cadastrese-form form label{ margin:0 auto; color:#1C4D81; padding:5px;}
content div#cadastrese-form form label input{ width:80%; border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;font:1.2em; padding:9px;}
content div#cadastrese-form form label input[type="text"]{font-size:0.6em; border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;}

content div#cadastrese-form form input[type="reset"]{ cursor:pointer;width:40%;font-size:0.8em;border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81; padding:7px; margin:10px;}
content div#cadastrese-form form input[type="reset"]:hover{color:#fff; background-color:#1C4D81;}



content div#cadastrese-form form input[type="submit"]{ cursor:pointer;width:40%;font-size:0.8em;border:solid 2px #1C4D81; border-radius:3px; color:#fff; background-color:#1C4D81; padding:7px;margin:10px;}
content div#cadastrese-form form input[type="submit"]:hover{background-color:green;}




content div#cadastrese-form form label input[type="password"]{border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;font:1.2em; }

 
content div#cadastrese-form div#voltar-login{font-family:arial;font-size:1em; text-align:center; padding:10px;width:40%; display:inline-block; margin:10px;
  height:400px;border-radius:20px; vertical-align:top; color:#1C4D81;}
content div#cadastrese-form div#voltar-login span{font-size:1.2em;}
content div#cadastrese-form div#voltar-login a li{ max-width:300px; list-style:none; margin:0 auto; font-family:arial; font-size:0.9em; padding:5px; border-radius:10px; color:#fff; background-color:#D85954;}
 
 







content div#conteudo{ width:90%; max-width:1200px; margin:0 auto; margin-top:10px; }
content div#conteudo h3.titulo-de-pagina{color:#2D72BC; font-family: 'Courgette', cursive; font-size:1.2em; width:100%;margin:0 auto; line-height:1.8;}
content div#conteudo h3.titulo-de-pagina img{ max-width:60px;margin-right:3px; margin-top:15px;}

content div#conteudo ul#botao-inicial{ width:100%;text-align:center; padding-bottom:20px;}
content div#conteudo ul#botao-inicial a.botao-inicial li{font-family: 'Francois One', sans-serif; font-weight:400; 
font-size:2em;color:#fff; border-radius:7px; padding:3px;	background-color:#D85A54; text-align:center; line-height:1.4; min-width:280px; max-width:500px; min-height:60px; margin:0 auto; margin-top:10px; }
content div#conteudo ul#botao-inicial a.botao-inicial li:hover{background: linear-gradient(to right, #ccffff 5%, #2d72bc 100%);}
content div#conteudo ul#botao-inicial a.botao-inicial li img{float:left; width:60px;}


content div#conteudo div#credito-index{width:100%;text-align:center; padding-bottom:20px;}
content div#conteudo div#credito-index h3{ font-size:1.6em; color:green;}
content div#conteudo div#credito-index a li{ list-style:none; padding:7px; width:160px; margin:0 auto; font-size:1em; color:#fff; background-color:#2D72BC;}


content div#conteudo div#box-texto{width:100%;text-align:left; color:#2D72BC; font-family: 'Courgette', cursive; font-size:1.2em; width:100%;margin:0 auto; line-height:1.8;}




content div#conteudo form#incicacao-cliente{ background-color:#2d72bc; border-radius:10px; width:90%;text-align:center; padding:5px; margin:0 auto; margin-bottom:40px;}
content div#conteudo form#incicacao-cliente div.divide-form{ width:49%; display:inline-block; vertical-align:top;}
content div#conteudo form#incicacao-cliente div.divide-form div.comentario{ font-family: 'Courgette', cursive; font-size:1.2em; color:#fff; margin:10px; margin-top:30px; padding-bottom:30px;}
content div#conteudo form#incicacao-cliente div.divide-form p {margin:10px;}
content div#conteudo form#incicacao-cliente div.divide-form p label{color:#fff;font-family: 'Courgette', cursive; }
content div#conteudo form#incicacao-cliente div.divide-form p label input{ width:90%; margin:5px; padding:5px; border-radius:7px; border:0px; font-size:1em; color:#D85A54;font-family: 'Courgette', cursive; }
content div#conteudo form#incicacao-cliente div.divide-form p label textarea{ width:90%; min-height:100px; margin:5px; padding:5px; border-radius:7px; border:0px; font-size:1em; color:#D85A54;font-family: 'Courgette', cursive; }

content div#conteudo form#incicacao-cliente div.divide-form p label input[type="checkbox"]{ height:20px; width:20px; margin:5px; padding:5px; border-radius:7px; border:0px; font-size:2em; color:#D85A54;
cursor:pointer;}


content div#conteudo form#incicacao-cliente div.divide-form input[type="submit"]{ width:45%; margin:5px; padding:5px; border-radius:7px; border:0px; font-size:1em; color:#D85A54;font-family: 'Courgette', cursive;
cursor:pointer; line-height:2;}
content div#conteudo form#incicacao-cliente div.divide-form input[type="reset"]{ width:45%; margin:5px; padding:5px; border-radius:7px; border:0px; font-size:1em; color:#D85A54;font-family: 'Courgette', cursive; 
cursor:pointer;line-height:2;}


content div#conteudo div#perfil{width:100%;text-align:center; margin:0 auto;}
content div#conteudo div#perfil header{width:90%;margin:0 auto; height:60px;}
content div#conteudo div#perfil header div.texto{float:right; margin-right:20px; font-size:1.5em; margin-top:20px; font-family: 'Francois One', sans-serif; font-weight:400; color:#2d72bc;}
content div#conteudo div#perfil header div.img{float:right; width:130px;}
content div#conteudo div#perfil header div.img img{border-radius:100%; border:solid 6px #2d72bc;}
content div#conteudo div#perfil article{color:#fff; text-align:left; background-color:#2d72bc; border-radius:10px; width:90%; margin:0 auto; margin-bottom:40px;}

content div#conteudo div#perfil article p.conteudo{padding:10px; margin:10px; font-size:1.2em;}
content div#conteudo div#perfil article p.conteudo span{margin:3px;}


content div#conteudo div#perfil article ul{margin-bottom:30px; margin-top:20px; width:96%; margin:0 auto; padding-top:20px;padding-bottom:20px; border-top:solid 2px #fff; text-align:center;}
content div#conteudo div#perfil article ul a li{ width:180px; font-family: 'Francois One', sans-serif; font-weight:400; color:#fff; display:inline-block; margin:10px; }

content div#conteudo div#perfil article ul a li div.item{color:#2d72bc; width:30px; border-radius:100%; 
background-color:#fff; padding:5px; margin-left:120px;position:absolute; }

content div#conteudo div#perfil article ul a li img{border-radius:100%; width:100px; border:solid 3px #fff;}

content div#conteudo div#perfil article div.alterar-cadastro-perfil{width:150px; margin:0 auto;
font-family: 'Francois One', sans-serif;color:#fff; color:#fff; padding-bottom:20px;}

content div#conteudo div#perfil article div.alterar-cadastro-perfil a{color:#fff;font-size:0.8em;}
content div#conteudo div#perfil article div.alterar-cadastro-perfil img{width:16px;}


content div#conteudo div#perfil article form#cadastro{ margin:10px;}
content div#conteudo div#perfil article form#cadastro label input,
content div#conteudo div#perfil article form#cadastro label textarea{ background-color:#fff; color:#2D72BC;
border-radius:10px; padding:5px; border:0px; font-size:0.8em; min-width:300px; margin:5px;}
content div#conteudo div#perfil article form#cadastro input[type="submit"]{background-color:#27ba49; cursor:pointer; color:#fff;
border-radius:10px; padding:5px; border:0px; font-size:0.8em; width:90px; margin:10px;}
content div#conteudo div#perfil article form#cadastro input[type="submit"]:hover{background-color:green;}





content div#conteudo div#indicacoes{width:100%;text-align:center; margin:0 auto; margin-bottom:50px;}
content div#conteudo div#indicacoes form#indicacao-status{display:none;}
content div#conteudo div#indicacoes nav#submenu{width:100%;margin:0 auto; height:60px;}
content div#conteudo div#indicacoes nav#submenu ul a li{width:24%;margin:0 auto; background-color:#D85A54; display:inline-block;
font-family: 'Francois One', sans-serif;border-radius:7px; color:#fff; line-height:2em;}
content div#conteudo div#indicacoes nav#submenu ul a li:hover{background-color:#2D72BC;}




content div#conteudo div#indicacoes nav#submenu-creditos{width:100%;margin:0 auto; height:60px;}
content div#conteudo div#indicacoes nav#submenu-creditos ul a li{width:47%;margin:0 auto; background-color:#D85A54; display:inline-block;
font-family: 'Francois One', sans-serif;border-radius:7px; color:#fff; line-height:2em;}
content div#conteudo div#indicacoes nav#submenu-creditos ul a li:hover{background-color:#2D72BC;}


content div#conteudo div#indicacoes div.lista{ line-height:2;width:98%;font-family: 'Francois One', sans-serif; font-weight:400; margin:0 auto; background-color:#2d72bc; margin-bottom:10px; border-radius:7px; }
content div#conteudo div#indicacoes div.lista div.box{float:left;  color:#fff; margin:3px;}
content div#conteudo div#indicacoes div.lista div.box-creditos{float:left; line-height:1.2; text-align:left; color:#fff; margin:3px;}
content div#conteudo div#indicacoes div.lista form{float:right; margin:3px;width:100px; }



content div#conteudo div#indicacoes div.lista form input[type="submit"].excluir{color:#fff; font-size:1em; cursor:pointer; 
margin:3px; border-radius:6px; border: solid 1px #fff; background-color:red; width:90px;font-family: 'Francois One', sans-serif; font-weight:400;}
content div#conteudo div#indicacoes div.lista form input[type="submit"].excluir:hover{background-color:#D85A54;}

content div#conteudo div#indicacoes div.lista form input[type="submit"].alterar{color:#fff; font-size:1em; cursor:pointer; 
margin:3px; border-radius:6px; border: solid 1px #fff; background-color:#65a5da; width:90px;font-family: 'Francois One', sans-serif; font-weight:400;}
content div#conteudo div#indicacoes div.lista form input[type="submit"].alterar:hover{background-color:blue;}

content div#conteudo div#indicacoes div.lista form input[type="submit"].acessar{color:#fff; font-size:1em; cursor:pointer; 
margin:3px; border-radius:6px; border: solid 1px #fff; background-color:green; width:90px;font-family: 'Francois One', sans-serif; font-weight:400;}
content div#conteudo div#indicacoes div.lista form input[type="submit"].acessar:hover{background-color:#5cce90;}




content div#conteudo div#indicacoes div.indicacao-ver{width:98%;font-family: 'Francois One', sans-serif; font-weight:300; margin:0 auto; background-color:#2d72bc; margin-bottom:10px; border-radius:7px; }
content div#conteudo div#indicacoes div.indicacao-ver div.box{ display:inline-block; vertical-align:top;margin:7px; line-height:1.6;width:48%; text-align:left; color:#fff; }
content div#conteudo div#indicacoes div.indicacao-ver div.box div.processoNovas{ width:100%; background-image:url(../img/processo/Novas.png); background-size:90%; background-repeat:no-repeat; height:80px;}
content div#conteudo div#indicacoes div.indicacao-ver div.box div.processoEmAnalise{ width:100%; background-image:url(../img/processo/EmAnalise.png); background-size:90%; background-repeat:no-repeat; height:80px;}
content div#conteudo div#indicacoes div.indicacao-ver div.box div.processoEfetuadas{ width:100%; background-image:url(../img/processo/Efetuadas.png); background-size:90%; background-repeat:no-repeat; height:80px;}
content div#conteudo div#indicacoes div.indicacao-ver div.box div.processoCanceladas{ width:100%; background-image:url(../img/processo/Canceladas.png); background-size:90%; background-repeat:no-repeat; height:80px;}


content div#conteudo div#indicacoes div.indicacao-ver div.box div.situacaoNovas, 
content div#conteudo div#indicacoes div.indicacao-ver div.box div.situacaoEmAnalise{display:none;}
content div#conteudo div#indicacoes div.indicacao-ver div.box div.situacaoEfetuadas,
content div#conteudo div#indicacoes div.indicacao-ver div.box div.situacaoCanceladas{display:block; line-height:1.2;margin:0 auto; width:80%; font-size:0.9em; margin-bottom:20px; margin-top:20px;}
content div#conteudo div#indicacoes div.indicacao-ver div.box div.situacaoEfetuadas,
content div#conteudo div#indicacoes div.indicacao-ver div.box div.situacaoCanceladas small{font-size:0.8em;} 




content div#conteudo div#indicacoes a.botao-inicial li{ list-style:none; padding:7px; width:160px; margin:0 auto; font-size:1em; color:#fff; background-color:#2D72BC;}



footer{width:100%; vertical-align:top; padding-top:10px; padding-bottom:10px; margin:0 auto; background-color:#D85A54;}
footer address{ width:350px;font-size:1em; color:#fff; float:left;  margin:20px; border:solid 2px #efefef; border-radius:20px; padding:20px;}
footer address h3{font-size:1em; text-transform:uppercase; color:#fff;}
footer address label{font-size:1em; color:#ccc;}

footer div#tutoriais{ width:350px;font-size:1em; float:right; color:#fff; margin:10px;padding:10px;}
footer div#tutoriais h4{font-size:0.9em; text-transform:uppercase; color:#fff;}
footer div#tutoriais a img{ width:20px; margin-right:7px; margin-top:5px;}
footer div#tutoriais a{font-size:0.9em;color:#fff;}
footer div#tutoriais a:hover{text-decoration:underline;}










@media (max-width: 1024px) {
	h1{color:#fff; font-size:1.5em;font-family: 'Luckiest Guy', cursive; margin-top:7px;}
	nav#menu ul#desktop li a{width:13%;}

	header#login{width:100%; min-height:100px; margin:0 auto; background-color:#2D72BC;background-image:url(../img/header-logo.png);
border-bottom:solid 4px #D85A54;}

header#login div.box1{ width:49%; display:inline-block;vertical-align:bottom;}
header#login div.box2{ width:49%; display:inline-block;vertical-align:top;}
header#login div.box1 img{max-width:150px; vertical-align:bottom;}
header#login div.box2 div.chamada{color:#fff; font-size:1.2em;}
header#login div.box2 div.chamada h2{color:#fff; font-size:1em;margin:0px;} 

content div#login{ width:94%; margin:0 auto;}
content div#login form{ margin-top:-50px;font-size:1.1em; }

content div#login form label input{ width:80%; border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;font:1.2em; padding:9px;}
content div#login form label input[type="text"]{font-size:0.6em; border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;}
content div#login form input[type="submit"]{ cursor:pointer;width:70%;font-size:0.6em;border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81; padding:7px;}
content div#login form input[type="submit"]:hover{color:#fff; background-color:#1C4D81;}
content div#login form label input[type="password"]{border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;font:1.2em; }


content div#chamada-login{width:60%; font-size:1.4em; height:400px; margin:20px; }
content div#chamada-login img.celular{float:left; margin-right:20px;}
content div#chamada-login img.googleplay{width:200px;}


header#principal{width:100%; min-height:120px;}

header#principal div.box1{ width:30%;}
header#principal div.box2{ width:60%;}
header#principal div.box1 img{max-width:180px; vertical-align:bottom; }
header#principal div.box2 div.chamada{color:#fff; font-size:1.2em; margin:0px;}
header#principal div.box2 div.chamada h2{color:#fff; font-size:1em; margin:0px;font-family: 'Courgette', cursive;}



}
	
	
@media (max-width: 920px) {
	h1{font-size:1.4em;font-family: 'Luckiest Guy', cursive; margin-top:7px;}
	
	
	
	nav#menu{width:100%; min-height:32px; background-color:#D85A54;}
nav#menu ul#desktop{display:none;}
nav#menu ul#mobile{display:block;width:100%; margin:0 auto; text-align:center;}

	/* Style the navigation menu */
.topnav {
  overflow: hidden;
 
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */


.topnav a {
	height:40px;
  color: white;
  text-decoration: none;
  display: block;
  font-family: 'Francois One', sans-serif; font-weight:400; 
font-size:1.2em; line-height:1.6;
}

.topnav a.diferente:hover {
  background-color:#D85A54;
}


/* Style the hamburger menu */
.topnav a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width:40px;
  height:40px;
  background-image:url(../img/menu.png);
  background-repeat:no-repeat;

}

.topnav a.icon:hover {
  background-image:url(../img/menu.png);
}





/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #1C4D81;

}


	
	
	
	header#login{width:100%; min-height:100px;}

header#login div.box1{ width:27%; display:inline-block;vertical-align:bottom;}
header#login div.box2{ width:70%; display:inline-block;vertical-align:top;}
header#login div.box1 img{max-width:150px; vertical-align:bottom;}
header#login div.box2 div.chamada{color:#fff; font-size:1.2em;}
header#login div.box2 div.chamada h2{color:#fff; font-size:1em;margin:0px;} 

content div#login{ width:98%; margin:0 auto; }
content div#login form{ margin:0 auto; margin-top:-50px;font-size:1.1em;float:none;}

content div#login form label input{ width:86%; border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;font:1.2em; }
content div#login form label input[type="text"]{font-size:0.6em; border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;}
content div#login form input[type="submit"]{ cursor:pointer;width:70%;font-size:0.6em;border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81; padding:7px;}
content div#login form input[type="submit"]:hover{color:#fff; background-color:#1C4D81;}
content div#login form label input[type="password"]{border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;font:1.2em; }


content div#chamada-login{width:98%;font-size:1.2em; margin:0 auto; height:240px; margin-top:30px;float:none; }
content div#chamada-login img.celular{float:left; width:190px; margin-right:10px;}
content div#chamada-login img.googleplay{width:190px;}




content div#conteudo form#incicacao-cliente{ background-color:#2d72bc; border-radius:7px; width:100%;}
content div#conteudo form#incicacao-cliente div.divide-form{ width:100%;}
content div#conteudo form#incicacao-cliente div.divide-form div.comentario{font-size:1.1em;margin-top:30px;}
content div#conteudo form#incicacao-cliente div.divide-form p label input{ width:90%;}


content div#conteudo form#incicacao-cliente div.divide-form input[type="submit"]{ width:30%; margin:5px; }
content div#conteudo form#incicacao-cliente div.divide-form input[type="reset"]{ width:30%; margin:5px;}


content div#conteudo div#perfil header{width:98%;height:50px;}
content div#conteudo div#perfil header div.texto{float:left; margin-right:10px; font-size:1.2em;}
content div#conteudo div#perfil header div.img{float:right; width:100px;}
content div#conteudo div#perfil header div.img img{border-radius:100%; border:solid 4px #2d72bc;}
content div#conteudo div#perfil article{ border-radius:7px; width:100%; margin-bottom:30px;}

content div#conteudo div#perfil article p.conteudo{padding:7px; margin:7px; font-size:1.1em;}
content div#conteudo div#perfil article p.conteudo span{margin:3px;}


content div#conteudo div#perfil article ul{margin-bottom:20px; margin-top:10px; width:98%;  padding-top:10px;padding-bottom:10px;}
content div#conteudo div#perfil article ul a li{ width:160px; margin:7px; }

content div#conteudo div#perfil article ul a li div.item{width:30px; margin-left:110px; }

content div#conteudo div#perfil article ul a li img{border-radius:100%; width:90px;}




content div#conteudo div#indicacoes nav#submenu{height:50px;}


content div#conteudo div#indicacoes div.lista{ line-height:1.6;width:99%;font-family: 'Francois One', sans-serif; font-weight:400;  margin-bottom:7px;}
content div#conteudo div#indicacoes div.lista div.box{float:left; color:#fff; margin:3px;}
content div#conteudo div#indicacoes div.lista form{float:right; margin:3px;width:100px;}






content div#conteudo div#indicacoes div.indicacao-ver{width:99%;margin-bottom:7px; border-radius:6px; }
content div#conteudo div#indicacoes div.indicacao-ver div.box{ font-size:0.9em; display:inline-block; vertical-align:top;margin:7px; line-height:1.6;width:99%;}
content div#conteudo div#indicacoes div.indicacao-ver div.box div.processoNovas{ margin:0 auto; width:400px;  background-size:90%;  height:80px;}
content div#conteudo div#indicacoes div.indicacao-ver div.box div.processoEmAnalise{ margin:0 auto; width:400px;  background-size:90%;  height:80px;}
content div#conteudo div#indicacoes div.indicacao-ver div.box div.processoEfetuadas{ margin:0 auto; width:400px;background-size:90%; height:80px;}
content div#conteudo div#indicacoes div.indicacao-ver div.box div.processoCanceladas{ margin:0 auto;width:400px; background-size:90%;  height:80px;}












}



@media (max-width: 680px) {
	h1{color:#fff; font-size:1.1em;font-family: 'Luckiest Guy', cursive; margin-top:7px;}
	header#login{width:100%; min-height:90px;margin:0 auto; background-color:#2D72BC;background-image:url(../img/header-logo.png);
border-bottom:solid 2px #D85A54;}

header#login div.box1{ width:24%;  }
header#login div.box2{ width:74%;}
header#login div.box1 img{max-width:120px;}
header#login div.box2 div.chamada{color:#fff;font-size:0.9em;}
header#login div.box2 div.chamada h2{color:#fff; font-size:0.9em;margin:0px;} 

header#principal div.box1 img{max-width:120px;}
header#principal div.box2 div.chamada{font-size:1em;}
header#principal div.box2 div.chamada h2{color:#fff; font-size:0.8em; }
header#principal div.box2 div.chamada h3{color:#fff; font-size:0.8em; }


content div#login{ width:100%; margin:0 auto; }
content div#login form{width:100%; border:0px; border-radius:0px; margin:0 auto;font-size:1.1em;float:none;}

content div#login form label input{ width:80%;  max-width:250px; border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;font:1.2em; }
content div#login form label input[type="text"]{font-size:0.6em; border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;}
content div#login form input[type="submit"]{ max-width:250px;  cursor:pointer;width:70%;font-size:0.6em;border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81; padding:7px;}
content div#login form input[type="submit"]:hover{color:#fff; background-color:#1C4D81;}
content div#login form label input[type="password"]{border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;font:1.2em; }

content div#chamada-login{width:98%; font-size:1em; margin:0 auto; height:200px; margin-top:30px;float:none; }
content div#chamada-login img.celular{float:left; width:140px; margin-right:10px;}
content div#chamada-login img.googleplay{width:120px;}



div.video-grande{display:none;}
div.video-pequeno{display:block;}



content div#conteudo div#perfil article form#cadastro{ margin:3px;}
content div#conteudo div#perfil article form#cadastro label input{ background-color:#fff; color:#2D72BC;
border-radius:10px; padding:5px; border:0px; font-size:0.8em; min-width:200px; margin:5px;}
content div#conteudo div#perfil article form#cadastro input[type="submit"]{background-color:#27ba49; cursor:pointer; color:#fff;
border-radius:10px; padding:5px; border:0px; font-size:0.8em; width:80px; margin:7px;}





content div#cadastrese-form{border:0px; width:80%; margin:0 auto;}
content div#cadastrese-form form{ font-size:1em; text-align:center; padding:5px;
  background-image:url(../img/bg-login.jpg); background-size:100%;width:100%;
  height:450px; background-color:#efefef; border:solid 3px #D85A54; vertical-align:top; margin-left:-10px; }


content div#cadastrese-form form div.ola{font-family:arial;font-size:0.9em;}
content div#cadastrese-form form div.ola span{font-size:1.2em;}
content div#cadastrese-form form label{padding:3px;}
content div#cadastrese-form form label input{ width:70%; border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;font:1.1em; padding:8px;}
content div#cadastrese-form form label input[type="text"]{font-size:0.6em; border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;}

content div#cadastrese-form form input[type="reset"]{ padding:5px; margin:5px;}


content div#cadastrese-form form input[type="submit"]{ padding:5px;margin:5px;}




content div#cadastrese-form form label input[type="password"]{border:solid 2px #1C4D81; border-radius:3px; color:#1C4D81;font:1.2em; }

 
content div#cadastrese-form div#voltar-login{ width:250px;font-family:arial;font-size:0.9em; text-align:center; padding:10px;width:90%; display:inline-block; margin:10px;
  height:200px;border-radius:20px; vertical-align:top; color:#1C4D81;}
content div#cadastrese-form div#voltar-login span{font-size:1.2em;}
content div#cadastrese-form div#voltar-login a li{ margin:0 auto; max-width:200px;font-family:arial; font-size:0.9em; padding:5px; border-radius:10px; color:#fff; background-color:#D85954;}
 
 



content div#conteudo ul#botao-inicial a.botao-inicial li{font-family: 'Francois One', sans-serif; font-weight:400; 
font-size:1.5em; border-radius:6px;line-height:1.5; min-width:270px; min-height:50px;}
content div#conteudo ul#botao-inicial a.botao-inicial li img{float:left; width:50px;}





content div#conteudo form#incicacao-cliente div.divide-form div.comentario{font-size:1.1em;margin-top:30px;}
content div#conteudo form#incicacao-cliente div.divide-form p label input{ width:94%;}


content div#conteudo form#incicacao-cliente div.divide-form input[type="submit"]{ width:40%;}
content div#conteudo form#incicacao-cliente div.divide-form input[type="reset"]{ width:40%;}


content div#conteudo div#indicacoes div.lista{ line-height:1.6;width:99%;font-family: 'Francois One', sans-serif;font-size:0.8em;  font-weight:300;  margin-bottom:7px;}
content div#conteudo div#indicacoes div.lista div.box{ width:99%; text-align:left; color:#fff; margin:2px;}
content div#conteudo div#indicacoes div.lista form{margin:2px;width:95px;}


content div#conteudo div#indicacoes div.lista form input[type="submit"].excluir{ 
margin:2px; border-radius:6px; border: solid 1px #fff;font-weight:300; }

content div#conteudo div#indicacoes div.lista form input[type="submit"].acessar{ 
margin:2px; border-radius:6px; border: solid 1px #fff; font-weight:300; }

content div#conteudo div#indicacoes div.lista form input[type="submit"].alterar{ 
margin:2px; border-radius:6px; border: solid 1px #fff; font-weight:300;}



content div#conteudo div#indicacoes nav#submenu{display:none;}
content div#conteudo div#indicacoes form#indicacao-status{ display:block; margin-bottom:10px;}

content div#conteudo div#indicacoes form#indicacao-status input{ border:0px;
	width:80px ;margin:0 auto; background-color:#D85A54; display:inline-block;
font-family: 'Francois One', sans-serif;border-radius:7px; color:#fff; line-height:2em;}
content div#conteudo div#indicacoes form#indicacao-status select{ border:0px;
	width:120px;margin:0 auto; background-color:#D85A54; display:inline-block;
font-family: 'Francois One', sans-serif;border-radius:7px; color:#fff; line-height:2em; padding:3px}


content div#conteudo div#perfil header{width:99%;height:50px;}
content div#conteudo div#perfil header div.texto{float:left; margin-right:7px; font-size:1.1em;}
content div#conteudo div#perfil header div.img{float:right; width:90px;}
content div#conteudo div#perfil article{ border-radius:7px; width:100%; margin-bottom:30px;}

content div#conteudo div#perfil article p.conteudo{padding:3px; margin:3px; font-size:0.8em;}
content div#conteudo div#perfil article p.conteudo span{margin:3px;}



content div#conteudo div#indicacoes div.indicacao-ver div.box div.processoNovas{ margin:0 auto; width:100%;  background-size:90%;  height:80px;}
content div#conteudo div#indicacoes div.indicacao-ver div.box div.processoEmAnalise{ margin:0 auto;  width:100%;   background-size:90%;  height:80px;}
content div#conteudo div#indicacoes div.indicacao-ver div.box div.processoEfetuadas{ margin:0 auto;  width:100%;  background-size:90%; height:80px;}
content div#conteudo div#indicacoes div.indicacao-ver div.box div.processoCanceladas{ margin:0 auto; width:100%;   background-size:90%;  height:80px;}


footer address{ width:90%;font-size:0.8em; float:none; margin:0 auto; border:0px; padding:5px;}
footer address h3{font-size:0.8em;}
footer address label{font-size:0.8em;}

footer div#tutoriais{ width:90%; float:none;font-size:1em; color:#fff; margin:0 auto;padding:5px;}
footer div#tutoriais h4{font-size:0.8em;}
footer div#tutoriais a img{ width:15px; margin-right:5px; margin-top:4px;}
footer div#tutoriais a{font-size:0.8em;}






}