body {
	font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}

a {
	color:inherit;
	text-decoration:none;
}

/* TOPO & LOGOS -------------------------------------------------------------------------------------------------------------- */

.home_topo {
	width:100%;
	height:75px;
	vertical-align:middle;
	background:white url(../images/degrade.jpg) no-repeat bottom right ;
	position: relative;
}

.logo_rodape_deck {
	display:inline-block;
	width:280px;
	height:30px;
	font-size:10px;
	text-align:center;
}

.logo_tech {
	height:22px;vertical-align:middle;margin:0px 0px 4px 4px;
}
.logo_sistema {
	height:23px;vertical-align:middle;margin-bottom:2px;
}
.logo_sistema_top {
	float:left;height:54px;margin-top:10px;margin-left:10px;
}
.logo_instituto {
	float:left;height:42px;margin-top:16px;margin-left:20px;
}
.logo_entidade {
	position:absolute;left:70%;top:0px;height:78px;
}
.logo_comodo {
	float:right;height:30px;margin-right:20px;margin-top:-25px;
}

.flag_div {
    bottom: 5px;
    right: 25px;
    position: absolute;
}

.flag {
    display: inline-block; 
    margin-right: 10px;
    vertical-align: middle;
}

/* MENU -------------------------------------------------------------------------------------------------------------- */

.home_menu_deck {
	background:#626a6e;
	border-bottom:2px solid white;
	height:40px;
	vertical-align:middle;
	text-align:left;
	color:white;
}

.menu_item {
	font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:90.01%;
	display:inline-block;
	color:white;
	background:#1B3281;
	cursor:pointer;
	padding:10px;
	padding:10px;padding-bottom:7px;
	margin-left:5px;
}

.menu_item:hover {
	color:#DDDFE4;
	background:#152766;
}

/* FORM DE LOGIN -------------------------------------------------------------------------------------------------------------- */

.home_form {
	display:inline;
	float:right;
	margin-right:30px;
	background:none;
}

.home_form_button {
	display:inline;
	float:right;
	margin-right:30px;
	background:none;
}

.to_animate {
	border-radius:4px;
	height:0;
	background-color:#f3f3f3;
	width:300px;
	border: 2px solid #5e5e5e;
}

.home_input {
	vertical-align:middle;
	border-radius:4px;
	border:1px solid #c4c4c4;
	height:30px;
	padding:2px;
	padding-left:24px;
	font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
	width:250px;
	color:gray;
	margin-top:15px;
}

.home_input_user {
	background:white url(../images/icouser.png) no-repeat center left ;
}

.home_input_pass {
	background:white url(../images/icopass.png) no-repeat center left ;
}

.home_input_cnpj {
	background:white url(../images/cnpj.png) no-repeat center left ;
}

.home_button {
	vertical-align:middle;
	border-radius:4px;
	border:1px solid #c4c4c4;
	height:30px;
	width:150px;
	font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#1B3281;
	font-weight:bold;
	margin-top:5px;
	cursor:pointer;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.home_azure {
	color:white;
	background: #6db3f2;
	background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
	background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );

}

/* ITENS -------------------------------------------------------------------------------------------------------------- */

.home_titulo {
	font-family: "Trebuchet MS",Georgia,"Times New Roman",Times,serif;
	font-weight:bold;
	font-size:130.01%;
	text-transform: uppercase;
	margin-bottom:20px;
	color:inherit;
}

.c_green { color:#92B558; }

.home_text {
	font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.himagem_1 {
	background:white url(../images/construction-site-build-construction-work.jpg) no-repeat;
	background-size: cover;
}
.himagem_1 img{
	height: 100%;
	margin: auto;
	display: block;
}
.home_imagens {
	background-size:cover;
    background-attachment:fixed;
	height:435px;
}
.home_imagens_contato {
	background-size:cover;
    background-attachment:fixed;
	height:120px;
}

.home_block {
	display:inline; display:inline-block;
}

.home_content {
	color:white;
	position:relative;
	text-align:justify;
	top:24px;
	left:50px;
	font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
	
	background:rgba(81,75,121,0.6);
	padding:24px;
	width:82%;
}
.home_content_white {
	color:#666666;
	position:relative;
	text-align:justify;
	top:24px;
	left:50px;
	font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
	
	background:rgba(255,255,255,0.9);
	padding:24px;
	width:82%;
}
.home_content_light {
	color:#555555;
	position:relative;
	text-align:justify;
	top:20%;
	left:50px;
	font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
	background:rgba(231,231,231,0.8);
	padding:40px;
	width:80%;
}

.home_content li {
	margin-top:10px;
	margin-bottom:10px;
}

.home_bloco {
	display:inline-block;
	font-weight:bold;
}

.home_shadow {
	background:white url(../images/pc_degrade_transp_gray.png) repeat-x;
	position:relative;
	width:100%;
	height:24px;
	top:0px;
	left:0px;
}

.home_rodape {
	background:white url(../images/pc_degrade_transp_gray.png) repeat-x;
	padding:30px 0px;
	text-align:center;
	width:100%;
	height:40px;
	color:#999999;
	position:fixed;
	bottom:0;
}

#homologacao_sign {
	background-color:#AC1714;color:#FF6666;margin:-2 auto;padding: 8px;text-align:right;
}

@media (max-width : 780px) {
	.home_form {
		display:block; 
		text-align:center;
		margin:0px;
		height:40px;
		float:none;
		background:#f3f3f3;
	}
	.home_form_button { 
		display:block;
		text-align:center;
		margin:0px;
		height:40px;
		float:none;
		padding-left:20px;
		padding-right:20px;
	}
	.home_menu_deck { height:80px; }
	.home_content   { top:10%; left:20px; }
	.himagem_1 img{
		height: 100%;
		margin: auto;
		display: block;
		max-width: 100%;
	}
}
@media (max-width : 580px) {
	.home_topo      { height:72px; }
	.logo_techsocial{ height:30px; }
	.logo_tech      { height:30px; }
	.logo_sistema   { height:30px; }
	
	.home_form   { padding:4px; margin:auto; width:95%; height:112px; background:#f3f3f3; border:1px solid white; border-bottom:3px solid white; border-radius:10px; }
	.home_input  { width:90%; }
	.home_button { width:90%; }
	.home_content   { top:10px; left:10px; }
	
	
	.home_content ul { margin:0px;padding-left:20px;font-size:90.01%; }
}