@media (max-width: 680px) {
	
	body{
		margin:0;
		padding:0;
		/*background-color:gray;*/
	}


    hr{
        border:0;
        background-color: #c1d7e8;
        height: 1px;
        margin:20px 0;
		float:left;
		width:100%;
    }

	fieldset{
		border:1px solid #CCC;
		margin:20px 0;
	}
	

	
	li{
		line-height:35px;
		padding:0;
		margin:0;
	}
	ul{
		padding:0;
		margin:0;
		list-style-type:none;
		margin-top:15px;
	}
	i{
		/*background:#94a4b7;*/
		padding:4px 6px 4px 0;
		color:#3e7fca;
		border-radius:50px;
		margin:0 8px 0 0;
		font-size:18px;
	}
	
	/******* estrutura *******/
	#conteudo{
		width:90%;
		height:auto;
		float:left;
		margin:0 5%;
		margin-bottom:55px;
	}
	#topo{
		background:#0A3362;
		background-image:url('../imgs/bg-icone.png');
		background-repeat:no-repeat;
		background-position:right;
		border-radius: 10px;
		width:100%;
		height:auto;
		float:left;
		padding:25px 0;
		margin-top:20px;
		vertical-align:middle;
	}
	#descricao{
		width:100%;
		height:auto;
		margin:25px 0;
		float:left;
		font-family: 'Montserrat', sans-serif;
		font-size:15px;
		color:#555;
	}	
	#boxLeft{
		width:100%;
		height:auto;
		float:left;
		border:0px solid red;
	}
	#boxRight{
		width:100%;
		height:auto;
		float:right;
		border:0px solid red;
	}
	#malha{
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-image:url('../imgs/malha.png');
	}
	#boxNav{
		float:left;
		width:100%;
		border:0px solid red;
		text-align:center;
		margin-top:12px;
	}
	/******* estrutura *******/



	/******* imagem *******/	
	.logo{
		width:70%;
		height:auto;
		margin:5px auto;
		display:block;
	}
	
	
	.previwe{
		width:98%;
		padding:1%;
		border:1px solid #ddd;
		float:left;
	}
	
	.tela{
		width:96%;
		margin:0 2%;
		display:block;
		margin-top:85px;
		display:none;
	}
	.telaMob{
		width:96%;
		margin:0 2%;
		display:block;
		margin-top:50px;
	}
	
	.bt-nav{
		width:40px;
		margin:0 20px;
		cursor:pointer;
	}
	
	.bt-fecha{
		position:relative;
		width:100px;
		float:right;
		cursor:pointer;
		margin-bottom:1px;
	}
	img.bt-fecha:hover{
		opacity: 1;
		filter: brightness(115%);
	}
	
	
	.logoBloco{
		cursor:pointer;
		width:70%;
		border:3px solid #e6e6e6;
		margin:20px 15%;
	}
	img.logoBloco:hover{
		border:3px solid #999;
	}
	/******* imagem *******/	



	/******* form *******/
	.campoGr{
		padding:15px 10px;
		width:92%;
		border-radius:4px;
		color:#555;
		background-color:#F6F6F6;
		border:0;
		margin:5px 0; 
		font-size:16px;
		border:1px solid #ddd;
	}
	.campoMe{
		padding:15px 10px;
		width:65%;
		border-radius:4px;
		color:#555;
		background-color:#F6F6F6;
		border:0;
		margin:5px 0; 
		font-size:16px;
		border:1px solid #ddd;
	}
	.campoMeMenor{
		padding:15px 10px;
		width:65%;
		border-radius:4px;
		color:#555;
		background-color:#F6F6F6;
		border:0;
		margin:5px 0; 
		font-size:16px;
		border:1px solid #ddd;
	}
	.campoPe{
		padding:15px 10px;
		width:65%;
		border-radius:4px;
		color:#555;
		background-color:#F6F6F6;
		border:0;
		margin:5px 0; 
		font-size:16px;
		border:1px solid #ddd;
	}
	.campoList{
		padding:5px 10px;
		width:94%;
		border-radius:4px;
		color:#555;
		background-color:#fdffbc;
		border:0;
		margin:5px 0; 
		font-size:16px;
	}	
	label{
		font-family: 'Montserrat', sans-serif;
		font-size:13px;
		color:#999;
		display:block;
		margin-top:20px;
	}
	input.btnBlue{
		padding:25px 0;
		width:100%;
		border-radius:8px;
		color:#555;
		background-color:#194170;
		border:0;
		margin:30px 0; 
		display:block;
		color:#FFF;
		font-weight:bold;
		font-size:14px;
	}
	input.btnBlue:hover{
		background-color:#0679BF;
		cursor:pointer;
	}
	button.btnBlue{
		padding:20px 0;
		width:100%;
		border-radius:8px;
		color:#555;
		background-color:#194170;
		border:0;
		margin:30px 0; 
		display:block;
		color:#FFF;
		font-weight:bold;
		font-size:16px;
		float:left;
	}
	button.btnBlue:hover{
		background-color:#0679BF;
		cursor:pointer;
	}
	.select{
		padding:5px 8px;
		width:40%;
		border-radius:4px;
		color:#555;
		background-color:#F6F6F6;
		border:0;
		margin:10px 0; 
		font-size:16px;
		border:1px solid #ddd;
	}
	/******* form *******/




	/******* blocos *******/
	.descEvento{
		font-family: 'Montserrat', sans-serif;	
		font-size:13px;
		color:#555;
		width:auto;
		padding:8px 12px;
		background-color:#E7F2F9;
		border-radius:8px;
	}
	.boxInfo{
		width:auto;
		height:auto;
		border:0px solid blue;
		padding:15px 30px;
		background-color:#FFD500;
		border-radius:8px;
		margin-top:20px;
		text-align:center;
	}
	div.boxInfo:hover{
		background-color:#FFDE33;
	}
	.alerta{
		background-color:#FFE6E6;
		width:95%;
		padding:8px;
		font-family: 'Montserrat', sans-serif;	
		font-size:14px;
		color:#555;
	}
	/******* blocos *******/








	/******* textos *******/

	.link{
		font:normal 14px calibri,verdana, arial;	
		color:#555;
		margin-top:-2px;
		text-decoration:underline;
		float:left;
		cursor:pointer;
	}
	span.link:hover{
		text-decoration:underline;
		color:#3e7fca;
	}
	.tituloPage{
		font-family: 'Montserrat', sans-serif;	
		color:#0679BF;
		font-size:25px;
		display:inline;
		margin-top:22px;
		float:left;
	}
	.tit{
		font-family: 'Montserrat', sans-serif;	
		color:#555;
		font-size:25px;
	}

	.titBig{
		font-family: 'Montserrat', sans-serif;	
		color:#3e7fca;
		font-size:20px;
		width:100%;
		float:left;
		margin:18px 0;
	}

	.txt{
		font:normal 18px calibri,verdana, arial;	
		color:#555;
	}

	.cptch{
		font-family: 'Montserrat', sans-serif;	
		color:#555;
		font-size:14px;
	}
	
	.leg{
		font:normal 15px calibri,verdana, arial;
		color:#555;
		display:block;
	}
	.atxt{
		font:normal 18px calibri,verdana, arial;	
		color:#FFF;
		background:#888;
		padding:10px 16px;
		border-radius:6px;
		margin:20px 0 20px 0;
		display:table;
		cursor:pointer;
	}
	div.atxt:hover{
		background:#555;
	}
	/******* textos *******/




}