/* CSS Document */
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);

* { font-family:Tahoma, Geneva, sans-serif; font-size:10pt; text-decoration:none; color:inherit; }
*:focus { outline:0px; }
body { background:#EEE; margin:auto; }
b { color:inherit; font-size:inherit; }

.leftsite-menu {
	color:#000;
	background-color:#FC0;
	font-weight:bold;
	line-height:20px;
	padding:5px;
	border-left:#000 5px solid;
}
.leftsite-menuitem {
	color:#333;
	line-height:30px;
	margin-left:10px;
}
.leftsite-menuitem div {
	margin-bottom:12px;
}

.leftsite-menuitem a:hover { color:#999; }
.leftsite-menuitem a:active { font-weight:bold; }

.titles {
	clear:both;
	color:#FC0;
	background-color:#000;
	font-weight:bold;
	line-height:20px;
	padding:15px 10px;
	border-left:#FC0 5px solid;
}
.subtitles {
	clear:both;
	color:#000;
	background-color:#EEE;
	font-weight:bold;
	line-height:20px;
	padding:15px 10px;
	border-left:#000 5px solid;
}

/* Box-Rodape */

#menu-rodape { background:#000; border-top:#F2CB3F 5px solid; border-bottom:#F2CB3F 5px solid; clear:both; }
#menu-rodape ul { margin:10px; padding:10px; list-style:square inside !important; display:inline-block; vertical-align:top; }
#menu-rodape li { margin:5px; padding:0px; color:#999; }
#menu-rodape li:hover { color:#000; }
#menu-rodape li#TitleMenu { font-size:1.3em; color:#FFF; border-bottom:#999 1px dotted; list-style:none; }
#menu-rodape ul#RedeSocial { margin:0px 5px; width:600px; list-style:square inside !important; display:inline-block; vertical-align:top; }
#menu-rodape li#RedeSocial { color:#CCC; list-style:none; }
#menu-rodape ul#Newsletter { margin:0px 5px; width:300px; list-style:square inside !important; display:inline-block; vertical-align:top; float:right; }
#menu-rodape li#Newsletter { margin:5px; padding:0px; color:#CCC; list-style:none; }
#menu-rodape label { color:#CCC; }
#menu-rodape input { margin:2px 0px; padding:5px; width:200px; }
#menu-rodape button { padding:10px; width:280px; }

#Creditos { background-color:#FFF; padding:20px; }

/* Formulários */

fieldset { margin:20px 5px; padding:5px; border:#069 1px dotted; }
legend { color:#000; padding:0px 10px; margin:0px 0px 20px 0px; font-weight:bold; }
button { cursor:hand; color:#000; }

#btn-voltar { float:right; padding:10px; }
#btn-editar { float:right; }

/* Sistema Adminstrativo */

#adm-header { background:#000; color:#EEE; font-size:2em; padding:20px; }
#adm-left-column { width:180px; border-right:#000 1px solid; }

#form-upd { margin:20px 0px; padding:0px; }
#form-upd label { color:#000; font-weight:bold; }
#form-upd input, select, textarea { font-size:9pt; margin:2px 0px 10px 0px; padding:10px; }
#form-upd button { font-size:9pt; margin:10px 0px; padding:10px; }
#form-upd #field { display:inline-block; margin:0px 10px; }
#form-upd #clear { clear:both; margin:0px 10px; }

.confirma { clear:both; display:block; width:100%; padding:10px; margin-top:10px; background:#FCD112; text-align:center; color:#000; font-weight:700; cursor:pointer; box-sizing:border-box; }
#form-msg { margin:20px 0px; padding:10px; }
#form-msg label { color:#000; font-weight:bold; }
#form-msg input, select, textarea { width:100%; font-size:9pt; margin:2px 0px 10px 0px; padding:10px; }
#form-msg submit { font-size:9pt; margin:10px 0px; padding:10px; }

/* WhatsApp */

a.linkWhats					{ position:fixed; width:60px; height:60px; bottom:90px; right:20px; z-index:9600;}
.imgWhats					{ animation-name: zoomWhats; animation-duration: 1s; -webkit-animation-name: zoomWhats; -webkit-animation-duration: 1s; }
   
@-webkit-keyframes zoomWhats 			{ from {width:0px;} to {width:60px;} }