html,
body {
	width: 100%;
	height: 100%;
	color: #222;
	line-height: 2.0;
	min-height: 100%;
	margin: 0;
	padding: 0;
	z-index: 0;
	font-family: Verdana;
}

body {
	background: #ADD8E6 url('../images/background.png') no-repeat center top;
	overflow-y: scroll; 
	min-width: 1200px;
	position: relative;
}

body.paciente {
	background: #ADD8E6 url('../images/paciente.jpg') no-repeat center top;
	overflow-y: scroll;
	background-size: 100%;
}

body.medico {
	background: #ADD8E6 url('../images/medico.jpg') no-repeat center top;
	overflow-y: scroll;
	background-size: 100%;
}

body.cadastromedico {
	background: #ADD8E6 url('../images/cad.jpg') no-repeat center top;
	overflow-y: scroll;
	background-size: 100%;
}

#loginpaciente
{
	background: #ADD8E6 url('../images/paciente.jpg') no-repeat center top;
	overflow-y: scroll;
}

#principal {
	position: relative;
	padding: 0px 0px;
	width: 100%;
	min-width: 1200px;
	height: 100%;
	overflow: hidden;
}

.header {
	overflow: hidden;
	background: url("../images/bg_barra.png");
	    margin-bottom: 50px;


}

.paciente .header {
 margin-bottom: 155px;

}
.paciente #form{
	margin-left: 200px;
}

 #titulo {
 	display: inline-block;
 	width: 650px;
	text-align: right;
	float: right;
}

#bottom {
		text-decoration: underline;
		color: #00008B;
	}

.container {
	position: relative;
	width: 1060px;
	margin: 0 auto;

}

#barra-logo {
	position: relative;	
	padding: 5px 0px;
	z-index: 999;
}

#site {
	position: relative;
    min-height: 100%;
}

/************************************
 * LOGO PRINCIPAL
 */
.logo,
#logo {
	position: relative;
	line-height: 0;
	margin-top: 12px;
	width: 100px;
	float: left;
}

#logo img {
	width: 150px;
}

.logo:first-child {
	margin-right: 10px;
}

.logo a {
	display: block;
	padding: 23px 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.logo a.botao_paciente {
	background: #378b36;
}

.logo a.botao_paciente:hover {
	background: #006400;
}

.logo a.botao_medico {
	background: #0b7cc1;
}

.logo a.botao_medico:hover {
	background: #104E8B;
}


/************************************
 * RODAPÉ
 */

#rodape {
	position: absolute;
	height: 50px;
	width: 100%;
	bottom: 0;
	z-index: 80;
}

.footer {
	background: url("../images/bg_barra.png");
    width: 100%;
}

.footer.container {

    
}

/************************************
 * LOGOS RODAPÉ
 */
.logos {
	padding-top: 15px;
	width: 200px;
}

	.logos img {
		height: 25px;
	}

	.logos.fright {
		width: 240px;
	}

	.logos.fright a:last-child {
		margin-left: 25px;
	}

/************************************
 * LOGO CLIENTE
 */
#logo_cliente {
	width: 350px;
	padding: 0 0 30px 0px;
	padding-bottom: 0;
	margin-bottom: 20px;

}

#logo_cliente {
	width: 350px;
	padding: 0 0 30px 0px;
	padding-bottom: 0;
	margin-bottom: 20px;

}

/************************************
 * Browsers
 */

#browsers {
	width: 400px;
	padding-left: 40px;
}


/*
#logo_cliente img {
	height: 64px;
}
*/

#title {
	padding: 0 0 20px 360px;
	color: #1C1C1C;
}
/*
#content {
	background: #e9e9e9;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	width: 500px;
	padding: 40px 40px 40px;
}
*/
#form {
	display: block;
	position: relative;
}

#form > * {
	z-index: 999;
}

#captcha {
	width: 200px;
	height: 100px;
	border: 1px solid #bdbdbd;
}

#captcha img {
	width: 200px;
	height: 100px;
}

.fieldCaptcha {
	background: url("../images/arrow_right.png") no-repeat 30px 0px;
	padding: 0px 0 0 120px;
}

hr {
	height: 0px;
	border: 0px;
	border-top: 1px solid #c6c6c6;
	border-bottom: 1px solid #f4f4f4;
	margin: 40px 0;
}

.hrAcessar {
	margin-top: 10px;
	margin-bottom: 15px;
}

.divAdobe {
	position: relative;
	width: 560px;
	padding-left: 350px;
	margin: 0 auto;
	line-height: 35px;
}

.form_falha {
	margin-top: 15px;
	display: block;
	color: #990000;
	font-size: 14px;
}

/** IMAGENS **/

.imgPaciente {
	position: absolute;
	top: -80px;
	width: 350px;
	z-index: 0;
	right: 10px;
}

.imgMedico {
	position: absolute;
	width: 388px;
	top: -300px;
	right: -50px;
	z-index: 0 !important;
}

.imgCadastroMedico {
	position: absolute;
	width: 450px;
	top: -300px;
	right: -50px;
	z-index: 0 !important;
}

.imagemHome {
	position: absolute;
	width: 500px;
	top: -80px;
	right: 10px;
	z-index: 0 !important;
}

/** INPUTSSSSSSSSS */
.w{}
	.w input{float: left;}
	.w label{
		float: left;
		width: 90%;
		font-size: 13px !important;
		color: #999;
	}
	.w label a {
		color: #999;
	}
	.w label a:hover {
		text-decoration: underline;
		color: #333;
	}

input[type="submit"],
input[type="button"] {
	position: relative;
	border: 0px;

	padding: 9px 20px;
	color: #FFFAFA;

	

	background: #8B0A50; /* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 90%, #cccccc 90%, #bfbfbf 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(91%,#cccccc), color-stop(90%,#cccccc), color-stop(92%,#bfbfbf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 90%,#cccccc 90%,#bfbfbf 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 90%,#cccccc 90%,#bfbfbf 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cccccc 90%,#cccccc 90%,#bfbfbf 90%); /* IE10+ */
	background: linear-gradient(to bottom, #cccccc 90%,#cccccc 90%,#bfbfbf 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */
    
}
	input[type="button"]:hover,
	input[type="submit"]:hover {
		color: #FFFAFA;
		background: #666666; /* Old browsers */
		background: -moz-linear-gradient(top, #8B0A50 90%, #8B0A50 90%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#8B0A50), color-stop(90%,#8B0A50)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #8B0A50 90%,#8B0A50 90%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #8B0A50 90%,#8B0A50 90%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #8B0A50 90%,#8B0A50 90%); /* IE10+ */
		/*background: linear-gradient(to bottom, #b10069 90%,#047bc6 90%); /* W3C */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#585858',GradientType=0 ); /* IE6-9 */
	}

input [type="med"],
input [type="button"]{


	position: relative;
	border: 0px;

	padding: 9px 20px;
	color: #FFFAFA;

	

	background: #1C1C1C; /* Old browsers */
	background: -moz-linear-gradient(top, #ed0f69 90%, #ed0f69 90%, #bfbfbf 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(91%,#ed0f69), color-stop(90%,#ed0f69), color-stop(92%,#bfbfbf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ed0f69 90%,#ed0f69 90%,#bfbfbf 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ed0f69 90%,#ed0f69 90%,#bfbfbf 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ed0f69 90%,#ed0f69 90%,#bfbfbf 90%); /* IE10+ */
	/*background: linear-gradient(to bottom, #ed0f69 90%,#ed0f69 90%,#ed0f69 90%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */
}
input[type="button"]:hover,
	input[type="med"]:hover {
		color: #FFFAFA;
		background: #666666; /* Old browsers */
		background: -moz-linear-gradient(top, #666666 90%, #585858 90%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#666666), color-stop(90%,#585858)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #666666 90%,#585858 90%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #666666 90%,#585858 90%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #666666 90%,#585858 90%); /* IE10+ */
	/*	background: linear-gradient(to bottom, #ed0f69 90%,#ed0f69 90%); /* W3C */
	/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#585858',GradientType=0 ); /* IE6-9 */
	}






input[type="submit"],
input[type="button"] {
	position: relative;
	border: 0px;
margin-bottom: 50px;
	padding: 11px 2px;
	color: #FFFAFA;
	margin-left: 60px;
margin-top: 8px;
font-size: 20px;
	

	background: #FFFAFA; /* Old browsers */
	background: -moz-linear-gradient(top, #8B0A50 90%, #8B0A50 90%, #bfbfbf 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(91%,#D02090), color-stop(90%,#cccccc), color-stop(92%,#bfbfbf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b10069 90%,#b10069 90%,#b10069 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 90%,#cccccc 90%,#bfbfbf 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b10069 90%,#cccccc 90%,#bfbfbf 90%); /* IE10+ */
	/*background: linear-gradient(to bottom, #CCCEAB  90%,#cccccc 90%,#CCCEAB 90%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */
}




input[type="button"].voltar {
background: #b10069;
}
input[type="button"].voltar:hover {
background: #b10069;
}
 
input[type="submit"].acesso {
background: #0b7cc1;
}
input[type="submit"].acesso:hover {
background: #104E8B;
}
input[type="button"].cadastro {
	background: #378b36;
}
input[type="button"].cadastro:hover {
background: #006400;
}



.hide{
	display: none;
}
.termos.erros{
	color: #c33;
	float: left;
	clear: both;
	overflow: hidden;
	font-size: 12px !important;
	line-height: 16px;
}
.termos.erros img{
	float: left;
	margin-right: 10px;
}
.msgerro{
  height: 20px;
  clear: both;
  padding-top: 10px;
}
input[type="text"],
input[type="password"] {

	position: relative;
	outline: none;

	width: 167px;
	height: 41px;
	font-size: 20px;
	padding: 3px 22px;
	color: #999999;

	border: 0px;
	border: 1px solid rgba(54 ,54 ,54, 1);
	border-left: 1px solid rgba(54, 54 ,54, 1);

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

	-webkit-box-shadow: 1px 1px 1px 0px #efefef inset;
	-moz-box-shadow:    1px 1px 1px 0px #efefef inset;
	box-shadow:         1px 1px 1px 0px #efefef inset;
}

/** CADASTRO DO MÉDICO */
.formCadastro input[type="text"] {
	width: 390px;
}

.formCadastro input[type="text"],
.formLogin input[type="text"],
.formCadastro input[type="password"],
.formLogin input[type="password"] {
	margin-bottom: 18px;
}

.inputIdentificador { margin-right: 40px; }
.inputExame { margin-right: 40px; }
.inputData {}
.formCadastro input[type="text"].inputCidade { width: 262px; margin-right: 20px; }
.formCadastro input[type="text"].inputEstado { width: 61px }
.formCadastro input[type="text"].inputConselho { width: 262px; margin-right: 20px; }
.formCadastro input[type="text"].inputEstadoConselho { width: 61px }





.cadeado,
.voltar,
.esqueci,
.criarConta {
	width: auto;
	padding-left: 15px;
	background: url('../images/cadeado.png') no-repeat 0 5px;
	text-decoration: none;
	border-bottom: 1px solid #999;
}

.voltar { background: url('../images/back.png') no-repeat 0 5px; }

.esqueci { background: none; padding-left: 0; }

.voltar:hover,
.cadeado:hover,
.esqueci:hover,
.criarConta:hover {
	color: #4876FF;
	border-bottom: 1px solid #666;
}

.criarConta {
	background: url('../images/criar-conta.png') no-repeat 0 2px;
}

.criarConta {
	padding-bottom: 2px;
	padding-left: 20px;
}

#j_password-error {
	margin-left: 40px;
}

/** HOME */

.botoes {
	position: relative;
	margin: 40px auto 0;
	width: auto;
}

.botao {
	display: block;
	width: 200px;
	font-size: 20px;
	float: left;
	margin: 0 50px 0 0;

	text-decoration: none;
	text-align: center;

	position: relative;
	border: 0px;

	padding: 7px 0;
	color: #4876FF;

	

	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 90%, #cccccc 90%, #bfbfbf 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(91%,#cccccc), color-stop(90%,#cccccc), color-stop(92%,#bfbfbf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 90%,#cccccc 90%,#bfbfbf 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 90%,#cccccc 90%,#bfbfbf 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cccccc 90%,#cccccc 90%,#bfbfbf 90%); /* IE10+ */
	background: linear-gradient(to bottom, #cccccc 90%,#cccccc 90%,#bfbfbf 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */
}

	.botao:hover {
		color: #fff;
		background: #666666; /* Old browsers */
		background: -moz-linear-gradient(top, #666666 90%, #585858 90%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#666666), color-stop(90%,#585858)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #666666 90%,#585858 90%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #666666 90%,#585858 90%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #666666 90%,#585858 90%); /* IE10+ */
		background: linear-gradient(to bottom, #666666 90%,#585858 90%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4876FF', endColorstr='#585858',GradientType=0 ); /* IE6-9 */
	}

hr.hrWhite {
	border: 0px;
	height: 0px;
	width: 100%;
	border-bottom: 3px solid #fff;
	margin: 5px 0 !important;
}

.sucesso {
	background: url('../images/ok.gif') 0px 10px no-repeat;
	color: green;
	padding: 12px 0 10px 30px;
	display: none;
}

.erro {
	background: url('../images/erro.png') 0px 10px no-repeat;
	color: #930000;
	padding: 12px 0 10px 30px;
}


/************************************
* MODAL
*/
.window{
    display:none;
	width: 500px;
	height: 160px;
    position:absolute;
    left:0;
    top:0;
    background:#e9e9e9;
    z-index:9900;
    padding:5px;
    border-radius:20px;
    -webkit-box-shadow: 0 0 9px rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 9px rgba(0,0,0,.6);
    -o-box-shadow: 0 0 9px rgba(0,0,0,.6);
    -ms-box-shadow: 0 0 9px rgba(0,0,0,.6);
    box-shadow: 0 0 9px rgba(0,0,0,.6);
}
.window.termos{
	width: 990px;
	height: 520px;
}
.window.termos p{
	  font-size: 15px;
}
 
#mascara{
    display:none;
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
}
 
.fechar{
	display:block; 
	text-align:right;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 300;
	text-decoration: none;
	color: #666666;
}
.fechar:hover{ color: #0c2f59; text-decoration: underline;}
.fechar span{
	display: inline-block;
	font-size: 21px;
	background-color: #0c2f59;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	border-radius: 100%;
	width: 35px;
	height: 35px;
	text-align: center;
}
#form { overflow:
	hidden;
	 }

.fecharModal{
	display:block; 
	text-align:right;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 300;
	text-decoration: none;
	color: #666666;
}
.fecharModal:hover{ color: #0c2f59; text-decoration: underline;}
.fecharModal span{
	display: inline-block;
	font-size: 21px;
	background-color: #0c2f59;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	text-align: center;
}
.window .titleBox{
	float: left;
	color: #fff;
	background-color: #0c2f59;
	display: inline-block;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;;
	font-size: 20px;
	padding:0px 18px 3px;
	border-radius: 30px;
}
.window .textBox{
	clear: both;
	padding: 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 19px;
	line-height: 30px;
	font-weight: 300;
}

.window .textBox strong { font-weight: 800; }


			#principal {
				z-index: 999;
			}

			.video { 
			    position: fixed;
			    top: -15px;
			    left: 0px;
			    min-width: 100%;
			    width: auto;
			    height: auto;
			    z-index: 10;
			}

			 .container {
				margin: 0 auto;
				background: transparent;
				z-index: 100;
			}
			
			.container,
			.content {
				position: relative;
				z-index: 30;
			}
			div#footer {
				position:absolute;
				width:100%;
				bottom:30; /* stick to bottom */
				text-align: center;
				background: url(images/inovapar.png) repeat-x bottom;
			}

	div#footer .inter{
		height: 85px;
		background: url(images/inovapar.png) no-repeat center top;
		vertical-align: middle;
		margin-top: 15px;
	}

.formCadastro input[type="text"], 
.formCadastro input[type="password"] {
	margin-bottom: 10px;
}


#form label {
  display: block;
  padding-left: 0px;
  font-size: 17px;
  margin-left: 0px;
  margin-bottom: 20px;
  width: 308px;
  line-height: 21px;
}

label.error {
	margin-top: 0px;
}

#form {
	display: block;
	margin: 0 auto;
	width: 930px;
}

.msgerro {
	height: 20px;
	clear: both;
	padding: 0px;
	margin-bottom: 20px;
}


.btAcessar {
	margin-top: 20px;
}
.paciente .btAcessar{
margin-top: 20px;
margin-left: 50px;

}
.btAcessar input {
	padding: 11px;
}

.btAcessar input[type="submit"] {
	margin-left: 0;
}

.btCadastrese {
	margin-top: 20px;
}

.btCadastrese a {
	display: block;
	padding: 11px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: #378b36;
	text-decoration: none;
	font-size: 20px;
	line-height: 23px;
}

	.btCadastrese:hover {
		background: #006400;
	}


input[name='btconfirmar'] {
	margin-top: 0px !important;
}