/* CSS Document */

.black_Arial_08 {color: #444;font-family: Arial, Helvetica, sans-serif;font-size: 0.500em;}
.black_Arial_08B {color: #444444; font-weight: 400; font-family:  Arial, Helvetica,sans-serif;font-size: 0.500em;}
.black_Arial_10 {color: #444444;font-family:  Arial, Helvetica,sans-serif;font-size: 0.625em;}
.black_Arial_10B {color: #444444; font-weight: 400; font-family:  Arial, Helvetica,sans-serif;font-size: 0.625em;}
.black_Arial_11 {color: #444444;font-family:  Arial, Helvetica,sans-serif;font-size: 0.688em;}
.black_Arial_11B {color: #444444; font-weight: 400; font-family:  Arial, Helvetica,sans-serif;font-size: 0.688em;}
.black_Arial_12 {color: #444444;font-family:  Arial, Helvetica,sans-serif;font-size: 0.750em;}
.black_Arial_12B {color: #444444; font-weight: 400; font-family:  Arial, Helvetica,sans-serif;font-size: 0.750em;}
.black_Arial_13 {color: #444444;font-family:  Arial, Helvetica,sans-serif;font-size: 0.813em;}
.black_Arial_13B {color: #444444; font-weight: 400; font-family:  Arial, Helvetica,sans-serif;font-size: 0.813em;}
.black_Arial_14 {color: #444444;font-family:  Arial, Helvetica,sans-serif;font-size: 0.875em;}
.black_Arial_14B {color: #444444; font-weight: 400; font-family:  Arial, Helvetica,sans-serif;font-size: 0.875em;}
.black_Arial_16 {color: #444444;font-family:  Arial, Helvetica,sans-serif;font-size: 1.000em;}
.black_Arial_16B {color: #444444; font-weight: 400; font-family:  Arial, Helvetica,sans-serif;font-size: 1.000em;}
.black_Arial_18 {color: #444444;font-family:  Arial, Helvetica,sans-serif;font-size: 1.125em;}
.black_Arial_18B {color: #444444; font-weight: 400; font-family:  Arial, Helvetica,sans-serif;font-size: 1.125em;}
.black_Arial_20 {color: #444444;font-family:  Arial, Helvetica,sans-serif;font-size: 1.250em;}
.black_Arial_20B {color: #444444; font-weight: 400; font-family:  Arial, Helvetica,sans-serif;font-size: 1.250em;}

.white_Arial_10B {color: #FFFFFF; font-weight: 400; font-family:  Arial, Helvetica,sans-serif;font-size: 0.750em;}
.white_Arial_14B {color: #FFFFFF; font-weight: 400; font-family:  Arial, Helvetica,sans-serif;font-size: 0.875em;}
.white_Arial_16B {color: #FFFFFF; font-weight: 400; font-family:  Arial, Helvetica,sans-serif;font-size: 1.000em;}
.red_Arial_12B {color:#FF0000; font-weight: 400; font-family:  Arial, Helvetica,sans-serif;font-size: 0.750em;}
.red_Arial_14B {color:#FF0000; font-weight: 400; font-family:  Arial, Helvetica,sans-serif;font-size: 0.875em;}

#logo_Empresa {margin-top:0.5em;}

body {margin:0;
		padding:0;
		text-align:center; /* hack para o IE */
		font-family: Arial, Helvetica,Verdana, sans-serif;
		font-size:0.875em;
		width:100%;
		background-color:#7094C4;
}
.links_login	{float:left;
				width:90%;
				padding-left:0.5em;
				text-align:left;
				}

.conteudo_menu	{float:left;
				width:94%;
				height:auto;
				margin-left:3%;
				padding-bottom:1%;
				background-color:#FFFFFF;
				box-shadow: 3px 3px 15px #444;
			   -webkit-box-shadow: 3px 3px 15px #444;
			   -moz-box-shadow: 3px 3px 15px #444;
			   	z-index:1;
/*				background-image:url(back_image.jpg);
				background-repeat:no-repeat;
				background-size:cover;
*/				}
.figura_master	{clear:both;
				width:20%;
				height:20%;
				margin-top:1.5em;
				}
.figura_master_index	{float:left;
				width:20%;
				margin-top:6%;
				padding-left:3%;
				}


.top_left		{float:left;
				width:auto;
				text-align:center;
				height:auto;
				margin-left:2%;
				z-index:0;
				}
				
.top_right		{float:right;
				width:auto;
				text-align:center;
				height:3.000em;
				margin-right:2%;
				color: #444444;
				font-family:  Arial, Helvetica,sans-serif;
				font-size: 0.688em;
				z-index:0;
				}
.home_login		{float:left;
				width:40%;
				margin-left:30%;
				height:15.000em;
				background-color:#DDDDDD;
				box-shadow: 0px 5px 10px #aaa;
			   -webkit-box-shadow: 0px 5px 10px #aaa;
			   -moz-box-shadow: 0px 5px 10px #aaa;
			  	z-index:4;
				}
			
.label			{float:left;
				width:22%;
				padding-right:0.1em;
				text-align:right;
				color:#444444;
				}
.dados			{float:right;
				width:76%;
				padding-left:0.1em;
				text-align:left;
				font-family:  Arial, Helvetica,sans-serif;
				}
				
.label_large	{float:left;
				width:44%;
				padding-left:1%;
				text-align:left;
				color:#444444;
				}

.conteudo	{float:left;
			width:94%;
			margin-left:3%;
			height:auto;
			background-color:#FFFFFF;
			box-shadow: 3px 3px 15px #444;
		   -webkit-box-shadow: 3px 3px 15px #444;
		   -moz-box-shadow: 3px 3px 15px #444;
		   z-index:2;
			}
.forms		{clear:both;
				width:80%;
				height:auto;
				border:1px #444444 solid;
				border-radius: 3px;
				margin-top:1.0em;
				padding-top:0.5em;
				z-index:4;
				}
.rpt		{clear:both;
				width:100%;
				height:auto;
				margin-top:1.0em;
				}

#upload			{height:auto;
				}

.mapa_site	{width:100%;
			background-color:#376092;
			height:0.5em;
			text-align:left;
			}
.botton		{width:100%;
			clear:both;
			background-color:#FFFFFF;
			height:40px;
			padding:0;
			margin:0;
			line-height:35px;
			text-align:center;
			font-weight:600;
			color:#555555;
			}

input		{border-radius:4px;
			color: #444444; 
			font-weight: bold;
			font-family:  Arial, Helvetica,sans-serif;
			font-size: 1.000em;
			}
li			{font-weight: bold;
			font-family:  Arial, Helvetica,sans-serif;
			font-size: 1.000em;
			}
			
.calendario		{float:left;
				width:35%;
				height:auto;
				margin-top:5.0em;
				margin-left:2.0em;
				padding-top:1.0em;
				}
.index_msgs		{float:left;
				width:25%;
				height:auto;
				margin-top:5.0em;
				margin-left:2.0em;
				padding:0;
				border:1px #444444 solid;
				border-radius: 4px;
				background-color:#C8D6E8;

/*(first value applies to top-left corner, second value applies to top-right corner, third value applies to bottom-right corner, and fourth value applies to bottom-left corner)*/

				
				}
				
#index_le_msgs	{float:left;
				width:25%;
				height:auto;
				margin-top:5.0em;
				margin-left:2.0em;
				padding:0;
				border:1px #444444 solid;
				border-radius: 4px;
				background-color:#C8D6E8;
				display:none;
				}
				
.index_locs		{float:left;
				width:25%;
				height:auto;
				margin-top:5.0em;
				margin-left:2.0em;
				padding:0;
				border:1px #444444 solid;
				border-radius: 4px;
				background-color:#C8D6E8;
				}
				
.previsao_tempo	{float:right;
				width:20%;
				height:auto;
				margin-top:5.0em;
				margin-left:2.0em;
				padding-top:1.0em;
				}
				
.mensagem		{clear:both;
				width:100%;
				padding-top:0.2em;
				height:auto;
				text-align:center;
				
				}
.menu{
	padding:0;
	margin:0;
	margin-left:1.0em;
	margin-top:0.5em;
	font-size: 1.1em;
	list-style:none; 
	border:1px solid #c0c0c0; 
	float:left;
	background-color:#C8D6E8;
	font-family:Verdana,  Arial, Helvetica,sans-serif;
}

.menu li{
	position:relative; 
	float:left; 
	border-right:1px solid #c0c0c0; 
}
.menu li a{color:#333; text-decoration:none; padding:0.30em 1.0em; display:block;}
 
.menu li a:hover{
	background:#BBB; 
	color:#7094C4; 
	-moz-box-shadow:0 3px 10px 0 #CCC; 
	-webkit-box-shadow:0 3px 10px 0 #ccc; 
	text-shadow:0px 0px 5px #fff; 
}

.menu li:hover ul, .menu li.over ul{display:block;}
.menu li ul li{
	border:1px solid #c0c0c0; 
	background-color:#C8D6E8;
	display:block; 
	width:9em;
}

#blocoDia	{width:16%;
			 float:left;
			 display:none;
			 font-size:1.2em;
			 }
			 
#blocoSem	{width:26%;
			 float:left;
			 font-size:1.2em;
			 }
#blocoQui	{width:26%;
			 float:left;
			 display:none;
			 font-size:1.2em;
			 }
#blocoMes	{width:26%;
			 float:left;
			 display:none;
			 font-size:1.4em;
			 }

#financeiro_periodo	{float:left;
				width:44%;
				padding-left:1%;
				text-align:left;
				color:#444444;
				}

#financeiro_resumo	{float:left;
		margin-left:2%;
		width:43%;
		height:auto;
		padding:0;
		border:1px #444444 solid;
		border-radius: 4px;
		background-color:#C8D6E8;
		}

#financeiro_pagamentos	{float:left;
		margin-left:4%;
		width:43%;
		height:auto;
		padding:0;
		border:1px #444444 solid;
		border-radius: 4px;
		background-color:#C8D6E8;
		}

#financeiro_pacotes	{float:left;
		margin-left:4%;
		margin-top:1.0em;
		width:43%;
		height:auto;
		padding:0;
		border:1px #444444 solid;
		border-radius: 4px;
		background-color:#C8D6E8;
		}

#financeiro_locacoes	{float:left;
		margin-left:2%;
		width:43%;
		height:auto;
		padding:0;
		border:1px #444444 solid;
		border-radius: 4px;
		background-color:#C8D6E8;
		}

#financeiro_fixos	{float:left;
		margin-left:4%;
		width:43%;
		height:auto;
		padding:0;
		border:1px #444444 solid;
		border-radius: 4px;
		background-color:#C8D6E8;
		}

#financeiro_cancelamentos	{float:left;
		margin-left:2%;
		width:43%;
		height:auto;
		padding:0;
		border:1px #444444 solid;
		border-radius: 4px;
		background-color:#C8D6E8;
		}

#financeiro_previsto	{float:left;
		margin-left:4%;
		width:43%;
		height:auto;
		padding:0;
		border:1px #444444 solid;
		border-radius: 4px;
		background-color:#C8D6E8;
		}

@media screen and (min-width: 601px) {
	.menu li  ul{
		position:absolute; 
		top:1.76em; 
		left:0;
		background-color:#7094C4; 
		display:none;
	}   
#blocoTipo	{font-size:1.4em;
			 float:left;
			 margin-right:1.0em;
			 width:auto;
			 margin-left:4.0em;
			 }
.index_locs		{margin-top:6.2em;}

}
@media screen and (max-width: 600px) {
	.conteudo 	{	width:100%;
					left:0%;
					top:0%;
					margin:0%;
					padding:0%;
				}
	.conteudo_menu	{width:100%;
					left:0%;
					top:0%;
					margin:0%;
					padding:0%;
					background-image:none;
				}
	.home_login		{clear:both;
					width:90%;
					height:22.0em;
					margin-top:2.0em;
					margin-left:5%;
					padding-left:0.5em;
					text-align:left;}
					
	.top_right 	{	float:left;
					width:100%;
					height:auto;
					font-size:1.400em;
				}
	.menu_home	{padding-top:0.500em;
				width:90%;
				margin-left:5%}
				
	.figura_master	 {width:30%;
					height:30%;
				margin-left:0;
				margin-top:1.0em;
				}
				
	.figura_master_index	 { display:none;}
	.index_msgs		{float:left;
				width:96%;
				height:auto;
				margin-left:0.3em;
				padding:0.2em;
				border:1px #444444 solid;
				border-radius: 3px;
				}

	#index_le_msgs		{float:left;
				width:96%;
				height:auto;
				margin-left:0.3em;
				padding:0.2em;
				border:1px #444444 solid;
				border-radius: 3px;
				display:none;
				}

	.index_locs		{float:left;
				width:96%;
				height:auto;
				margin-left:0.3em;
				padding:0.2em;
				border:1px #444444 solid;
				border-radius: 3px;
				}

	.label			{float:left;
					width:100%;
					padding-right:0;
					text-align:left;
					color:#444444;
					}
	.dados			{float:left;
					width:100%;
					padding-left:0;
					text-align:left;
					}
	.forms		{clear:both;
					width:96%;
					border:0;;
					margin-top:1.0em;
					margin-left:2%;
					padding-top:0.5em;
					}


	.mapa_site {height:0.3em;}
	.mapa_site p { font-size:0.200em;
					color:#FFFFFF;}

	.botton	{font-size:0.8em;
			line-height:2.5em;
			height:auto;}
			
/*------------------------------------------------ */		
			
	.menu{	margin-left:0;
			border:1px solid #C0C0C0;
			font-size: 1.2em;}
			
	.menu li ul{text-align:left;}
		
	.menu li a{padding:0;}

	.menu li  ul{
		display:none;
	}   

	.menu li:hover ul, .menu li.over ul{display:block;}

	ul {position:relative;
		display:block;
		}
	li {position:relative;
		width:95%;
		border:1px solid #C0C0C0;
		font-size:1.2em;
		text-align:left;
		padding:0.3em;
		display:block;}
	
	
	#blocoDia	{clear:both;
				 width:96%;
				 margin-top:1.0em;
				 display:none;
				 font-size:1.2em;
				 }
				 
	#blocoSem	{clear:both;
				 width:96%;
				 margin-top:1.0em;
				 font-size:1.2em;
				 }
	#blocoQui	{clear:both;
				 width:96%;
				 margin-top:1.0em;
				 display:none;
				 font-size:1.2em;
				 }
	#blocoMes	{clear:both;
				 width:96%;
				 margin-top:1.0em;
				 margin-left:2%;
				 display:none;
				 font-size:1.4em;
				 }
	#blocoTipo	{clear:both;
				 width:auto;
				 margin-left:1%;
				 display:inline;
				}
	
	#financeiro_periodo	{clear:both;
				width:96%;
				padding-left:1%;
				text-align:center;
				}
	#financeiro_resumo	{clear:both;
			width:96%;
			height:auto;
			margin-top:1.0em;
			margin-left:2%;
			border:1px #000000 solid;
			border-radius: 3px;
			}
	
	#financeiro_pagamentos	{clear:both;
			width:96%;
			height:auto;
			margin-left:2%;
			margin-top:1.0em;
			border-radius: 3px;
			}
	
	#financeiro_pacotes	{clear:both;
			width:96%;
			height:auto;
			margin-left:2%;
			margin-top:1.0em;
			border-radius: 3px;
			}
	
	#financeiro_locacoes	{clear:both;
			width:96%;
			height:auto;
			margin-left:2%;
			margin-top:1.0em;
			border-radius: 3px;
			}
	
	#financeiro_fixos	{clear:both;
			width:96%;
			height:auto;
			margin-left:2%;
			margin-top:1.0em;
			border-radius: 3px;
			}
	
	#financeiro_cancelamentos	{clear:both;
			width:96%;
			height:auto;
			margin-left:2%;
			margin-top:1.0em;
			border-radius: 3px;
			}
	
	#financeiro_previsto	{clear:both;
			width:96%;
			height:auto;
			margin-left:2%;
			margin-top:1.0em;
			border-radius: 3px;
			}
	
/*------------------------------------------------ */		
	
	
	
	
	.calendario		{float:left;
					width:94%;
					height:auto;
					margin:0;
					margin-left:3%;
					padding:0;
					text-align:center;
					}
	.top_left 	{	float:left;
					width:100%;
					height:auto;
				}
	.previsao_tempo {display:none;}
}	
			
</style>