@charset "utf-8";
#logosocepsi {
	float: left;
	clear: left;
	min-height: 210px;
}
.has-error {
	color: #FF0000;
	font-size: large;
}

#cabecalho {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
	font-weight: normal;
	color: #081736;
	margin-bottom: 10px;
}
#cabecalho h1 {
	font-weight: bolder;
	font-size: 400%;
	margin-bottom: -17px;
}
#cabecalho h3 {
	font-weight: bold;
	margin-bottom: -21px;
}
.corpodosite {
	background-color: #D9E0F1;
}
#cabecalho h4 {
	margin-bottom: -16px;
	margin-top: 31px;
}
.principal {
	text-align: center;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #232666;
	font-size: large;
}
.principal .esquerda ul {
	text-align: left;
}

ul .sublista {
	left: 30px;


}



.fotodireita {
	float: left;
}
.segundo {
	clear: both;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 3px;
}
.corpodosite .principal ul {
	text-align: left;
}
.corpodosite .principal .img-responsive {
	margin-left: auto;
	margin-right: auto;
}
.ulprimeironivel {

}
.form-input {
	border: medium inset #A4C0DD;
}
#btnenviar {
	border: medium outset #A4C0DD;
	background-color: #CFCFEA;
	color: #232360;
	border-radius: 9px;
}
#btnenviar:hover {
	background-color: #E3DDFF;
}
#btnenviar:active {
	background-color: #EFECFF;
	border-style: inset;
}
#form_inscricao {
	text-align: left;
}
#form_inscricao form fieldset {
	border: medium inset #FFFFFF;
	margin-left: 10px;
	margin-right: 9px;
}
.btn-hipno16 {
	background-color: #6882FF;
	border: medium outset #EFECFF;
	border-radius: 11px;
	color: #FFFFFF;
	text-align: center;
	min-width: 150px;
	min-height: 40px;
}
.btn-hipno16:hover {
	background-color: #C7D1FF;
	color: #232360;
}
.btn-hipno16:active {
	color: #4242B6;
	background-color: #CFCFEA;
	border-style: inset;
}
.error {
	color: #FF0000;
	font-weight: bold;
	font-size: large;
}
.legenda_login {
	font-size: medium;
	text-align: center;
	color: #050086;
	font-weight: bold;
}
.login_form_small {
	width: 200px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.login_form_big {
	min-width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.legenda_login_tiny {
	color: #0A9600;
}
.login_form_tiny {
	font-size: small;
	font-weight: bolder;
}
#login_button_tiny {
	min-height: 25px;
	min-width: 73px;
	color: #FFFFFF;
	background-color: #2B3F7B;
	background-image: -webkit-linear-gradient(270deg,rgba(23,34,66,1.00) 0%,rgba(51,65,152,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(23,34,66,1.00) 0%,rgba(51,65,152,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(23,34,66,1.00) 0%,rgba(51,65,152,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(23,34,66,1.00) 0%,rgba(51,65,152,1.00) 100%);
	border-style: outset;
	border-color: #ABB4CE;
	border-radius: 13px;
}
#login_button_tiny:hover {
	background-image: -webkit-linear-gradient(270deg,rgba(0,16,61,1.00) 17.62%,rgba(173,193,248,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,16,61,1.00) 17.62%,rgba(173,193,248,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,16,61,1.00) 17.62%,rgba(173,193,248,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,16,61,1.00) 17.62%,rgba(173,193,248,1.00) 100%);
	color: #D3E8FF;
}
#login_button_tiny:active {
	border-style: inset;
	border-color: #515151;
	background-image: -webkit-linear-gradient(270deg,rgba(186,199,217,1.00) 0%,rgba(12,17,79,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(186,199,217,1.00) 0%,rgba(12,17,79,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(186,199,217,1.00) 0%,rgba(12,17,79,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(186,199,217,1.00) 0%,rgba(12,17,79,1.00) 100%);
	color: #000011;
}
.footer {
	background-image: -webkit-linear-gradient(270deg,rgba(125,147,209,1.00) 0%,rgba(15,22,43,1.00) 33.68%,rgba(15,22,43,1.00) 67.87%,rgba(125,147,209,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(125,147,209,1.00) 0%,rgba(15,22,43,1.00) 33.68%,rgba(15,22,43,1.00) 67.87%,rgba(125,147,209,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(125,147,209,1.00) 0%,rgba(15,22,43,1.00) 33.68%,rgba(15,22,43,1.00) 67.87%,rgba(125,147,209,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(125,147,209,1.00) 0%,rgba(15,22,43,1.00) 33.68%,rgba(15,22,43,1.00) 67.87%,rgba(125,147,209,1.00) 100%);
	margin-top: 15px;
	height: 50px;
	color: #FFFFFF;
	padding-top: 14px;
}
.nav.navbar-nav {
	font-size: large;
}
.nav.navbar-nav:hover {
	color: #000063;
}

.navbar-brand {
	font-weight: bold;
	font-size: large;
	color: #4C4C4C;
}
.navbar-brand:hover {
	color: #000000;
}
.listaindex {
	margin-left: 15%;
}






























@media (min-width : 520px ) and (max-width : 815px ){

.fotodireita {
	margin-left: auto;
	clear: both;
	float: none;
	margin-right: auto;


}
.esquerda {
	float: none;
	margin-left: auto;
	margin-right: auto;

}
.corpodosite .principal .ulprimeironivel {
	margin-left: 14%;
}






}

@media (max-width : 520px ){
.corpodosite #logosocepsi {
	float: left;

}
.corpodosite #logosocepsi #giflogo {
	width: 630px;
	height: 300px;
}
.corpodosite #cabecalho {
	min-width: 100%;
	margin-bottom: 25px;
}
.fotodireita {
	float: none;
	width: 80%;
	height: 80%;
	margin-left: auto;
	margin-right: auto;
}
.esquerda {
	margin-left: auto;
	margin-right: auto;
}
.corpodosite .principal .ulprimeironivel {
	margin-left: 0px;
}







}
.principal {
}
#giflogo {
	max-width: 420px;
	padding-top: 15%;
	padding-right: 15%;
	padding-bottom: 15%;
	padding-left: 15%;
	min-height: 210px;
}

.fotodireita {
}
.esquerda {
}
.sublista {
}

@media (max-width:920px) and (min-width:816px){
.esquerda {
	margin-left: auto;
	margin-right: auto;

}
.fotodireita {
	width: 50%;
	height: 50%;
}


}

@media screen{
}
.segundo {
}
.ulprimeironivel {
	margin-left: 25%;
}

@media screen{
}
.legenda_login_tiny {
}
#login_button_tiny {
}

@media (min-width:425px) and (max-width:590px){
#logosocepsi {
	margin-bottom: -46px;


}
#cabecalho {
	clear: left;


}
.esquerda {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}



}
.estreito {
	margin-left: 45%;
	margin-right: 8%;
}

@media (min-width:768px) and (max-width:991px){


}

@media (max-width:815px){
.corpodosite .principal .esquerda {
	margin-left: 5%;
	margin-right: 5%;
}

}

@media (min-width:816px) and (max-width:920px){
.corpodosite .principal .esquerda {
	margin-left: 55%;
	margin-right: 5%;
}

}

@media (min-width: 921px) and (max-width: 991px){
.corpodosite .principal .esquerda {
	margin-left: 35%;
	margin-right: 5%;
}

}

@media (min-width: 992px){
.corpodosite .principal .esquerda {
	margin-left: 33%;
	margin-right: 10%;
}
.principal a .img-responsive.img-rounded.fotodireita {
	margin-left: 5%;
}


}