@charset "utf-8";
a {text-decoration: none;}@charset "utf-8";
body {
background-color:#FFF;
color:#000;
font-size:16pt;
font-family: Montserrat, Arial;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
height:100%;
}

.logo {
	width:100px;
	position:absolute;
	top:0px;
	left:10px;
}
.menu {
	font-family: Montserrat, Arial;
	font-size:12pt;
	padding:10px;
	height:20px;
	border:none;
}
.menu a:link{color:#333;}
.menu a:visited{color:#333;}
.menu a:hover{color:#999;}

.respiro {
	height:50px;
}
.box {
	font-family: Montserrat, Arial;
background-color:#FFF;
color:#333;

}
.box a:link{color:#666;}
.box a:visited{color:#666;}
.box a:hover{color:#F30;}
.minibox{
	font-family: Montserrat, Arial;
		border:solid 1px #FFFFFF;
		box-shadow: 1px 1px 3px #333;
-moz-box-shadow: 1px 1px 3px #333;
-webkit-box-shadow: 1px 1px 3px #333;
background-color:#FFF;
color:#666;
}
.minibox a:link{color:#666;}
.minibox a:visited{color:#666;}
.minibox a:hover{color:#F30;}

.formulario{
	font-family: Montserrat, Arial;
border:solid 1px #CCC;
box-shadow: 1px 1px 3px #999 inset;
-moz-box-shadow: 1px 1px 3px #999 inset;
-webkit-box-shadow: 1px 1px 3px #999 inset;
background-color:#FFF;
padding-left:2px;
color:#666;
}

.linha{
	text-align:left;
	font-size:12pt;
	padding:2px 20px 2px 20px;
	color:#666;
}
.linha:nth-child(odd)		{ background-color:#F8F8F8; }
.linha:nth-child(even)		{ background-color:#EDEDED; }
.linha a:hover{color:#CCC;}
.form1 {
		text-align:left;
	font-size:12pt;
	padding:7px;
	color:#666;
	display:inline-block;
	width:50%;
	max-width:300px;
}
.form2 {
	width:120px;
	display:inline-block;
	text-align:right;	
}
.bandeira {
	font-family: Montserrat, Arial;
	text-align:center;
	background-color:#f14e4e;
	padding:6px 8px 6px 8px;
	font-size:12pt;
	color:#fff;
}
.linhacinza{
	font-family: Montserrat, Arial;
	text-align:center;
		background-color:#cdcdcd;
	padding:6px 8px 6px 8px;
	font-weight:bold;
	font-size:12pt;
	color:#666;

}

.alerta {
		font-family: Montserrat, Arial;
	background-color:#f14e4e;
	font-weight:bold;
	color:#FC0;
	text-align:center;
	font-size:10pt;
	position:fixed;
	top:30px;
	left:0px;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	font-size:20pt;
	z-index:100;
-moz-box-shadow: 0px 0px 40px #999;
-webkit-box-shadow: 0px 0px 40px #999;

	
	
}
.linhadstk {
	font-family: Montserrat, Arial;
	background-color:#fff;
	text-align:center;
	padding:2px 50px 2px 50px;
	font-size:10pt;

	
}
.linhadstk a:link{color:#f14e4e;}
.linhadstk a:visited{color:#f14e4e;}
.linhadstk a:hover{color:#F00;}

.circle {
	font-family: Montserrat, Arial;
	background-color:#F30;
	border-radius:  25px ;
-webkit-border-radius: 25px ;
-moz-border-radius:  25px ;

	}
.circle a:link{color:#FFF;}
.circle a:visited{color:#FFF;}
.circle a:hover{color:#FF0;}

.botao {
	font-family: Montserrat, Arial;
		background-color:#f14e4e;
		color:#FFF;
	padding:2px 6px 2px 6px;
	cursor:pointer;
	position:static;
	font-size:12pt;
}
.menucel {
	display:none;
}

/* --------------- CELULARES -------------- */	

@media only screen and (max-width: 700px) {
	.menuzao {
			background-color:#f81a0f;
			color:#FFF;
	}
	.menu a:link{color:#FFF; }
.menu a:visited{color:#FFF; }
.menu a:hover{color:#FFFF00; }

.formulario{
	font-size:15pt;
	width:100%;
}
.botao {
	
	width:100%;
	font-size:15pt;
}
.form1 {

	max-width:600px;
	width:90%;
}

.form2 {
	width:100%;
	display:inline-block;
	text-align:left;	
}
body {
	background-image:url(../img/bgmobile.jpg);
background-position:top center;
background-size:cover;
background-attachment: fixed;
font-size:15pt;
}
.logo {
	width: auto;
	position:relative;
	top:-5px;
	height:30px;
}
.menu {
		border-bottom:solid 1px #fff;
	box-shadow: 0px 0px 6px #333;
-moz-box-shadow: 0px 0px 6px #333;
-webkit-box-shadow: 0px 0px 6px #333;
	background-color:#f81a0f;
	color:#fff;
	font-weight:bold;
	padding:10;
}
.menu a:link{color:#FFF;}
.menu a:visited{color:#FFF;}
.menu a:hover{color:#FFFF00;}
.menupc {
	display:none;
}
.menucel {
	display:block;
}

.box {
width:94%;
background-color:#222222;
color:#FFF;
	border:solid 1px #6b6b6b;
	font-size:7pt;
		box-shadow: 1px 1px 3px #333;
-moz-box-shadow: 1px 1px 3px #333;
-webkit-box-shadow: 1px 1px 3px #333;
}
.minibox {
background-color:#222222;
color:#FFF;
	border:solid 1px #6b6b6b;
	font-size:7pt;
}
.bandeira {
	text-align:left;
	background-image:url(../img/bandeira.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:right;
	background-color:#f81a0f;
	font-weight:bold;
		font-size:10pt;
	padding:2px 20px 2px 20px;

}
.linhacinza{
	text-align:left;
		font-size:10pt;
	padding:2px 20px 2px 20px;
	color:#323232;

}

.linha{
	text-align:left;
		font-size:12pt;
	padding:2px 20px 2px 20px;
	color:#333;
}
.linha:nth-child(odd)		{ background-color:#F8F8F8; }
.linha:nth-child(even)		{ background-color:#EDEDED; }
.linha a:hover{color:#CCC;}

.linhadstk {
			font-size:9pt;
	padding:2px 20px 2px 20px;
			background-color:#f81a0f;
	color:#CCC;
	font-weight:bold;

}
.linhadstk a:link{color:#FFF;}
.linhadstk a:visited{color:#FFF;}
.linhadstk a:hover{color:#CCC;}


.alerta {
	font-size:16pt;
	
	
}

}

