/*
MPPIT - Global Internet System
Arquivo		: style.css - CSS3 Aprovado!
Descrição	: Estilo padrão do sistema.
Pendências	: Documentar. Padronizar.
Alteração	: Marcos Paulo Dias França - MP@ - 03/10/2012
*/

/*Defaults Styling*/

@media print {
	div#exibir_menu, div#ocultar_menu, div#botao, div#menu_lateral {
		display: none;
	}
}

/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,header,section,footer {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0; 
}

body, html {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

body{
	position: relative;
}

a, a:visited {
	color:#333;
	text-decoration: none;
}

textarea, input {
	color: #404040;
	background:#FFF; 
	border: 1px solid #cdcdcc;
	padding: 4px 4px; 
	margin: 2px 0; 
	font-size: 12px;
	line-height: 1;
}

	textarea:focus, input:focus {
	background: #fff;
	outline: none; }
	
	input[type="radio"], input[type="checkbox"] {
		width: auto;
		display: inline;
		margin-right: 6px; }
	
	input[type="submit"], .button { 
		cursor: pointer;
	}				
		input[type="submit"]:active, .button:active { margin: 2px 0 0; }
		
		.button:hover, .button:visited { color: #fff; }
 
	select, option {
	background: #fff;
	color: #000; }

ol, ul {list-style: none;}

h1 {
	font-size: 12px;
	line-height: 18px;
	padding: 4px 8px;
	margin: 0;
	color: #00ff00; /* verde */
	font-weight: normal; 
}
 
h2 {
	font-size: 16px;
	line-height: 22px;
	padding: 6px 12px;
	margin: 0;
	color: #aa00ff;  /* roxo */
	font-weight: normal; 
}

h3 {
	font-size: 20px;
	line-height: 26px;
	padding: 8px 16px;
	margin: auto;
	color: #ff0000; /* vermelho */
	font-weight: normal;
	text-align: center;
}	

h4 {
	font-size: 10px;
	line-height: 16px;
	padding: 2px 4px;
	margin: auto;
	color: #805030; /* marrom */
	font-weight: normal;
	text-align: center;
}	

.centra {
	margin:auto;
	width:100%;
	text-align: center;
}

.rodape
{
	margin:auto;
	text-align: center;
	width:100%;
	font-size: 10px;
	line-height: 14px;
	padding: 6px 12px;
	color: #ffff00;
	font-weight: normal; /* amarelo */
}
	
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}

#header {
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:50px;
}

#container {
	width:483px; 
    margin:0 auto;
}

#footer {
  background-color:#999;
  font-family:Verdana, Geneva, sans-serif;
  font-size:12px;
  color:#fff;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:20px;
  padding-top:3px;
  z-index:100;
  display:none;
}

TD{font-family: Arial; font-size: 8pt;}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 95%; margin: 0; padding: 0; margin-left:auto; margin-right:auto;}
.flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 95%; display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 4px solid #fff; position: relative;}
.flexslider .slides  li {position: relative; margin-left:0px;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {position: relative;}


/* Caption style */
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 15px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(theme/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: -21px;}

/* Control Nav */
.flex-control-nav {position: absolute; bottom: -30px; left: 50%; display:none;} /* set negative margin-left equal to half the width on the control-nav for perfect centering */
.flex-control-nav li {margin: 0 0 0 5px; float: left;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/* Sidebar */
aside {
	z-index:101;
	width: 200px; /* MP@14/09/12 - Troca do tamanho do Menu de 258px */
	height: 100%;
	position: absolute;
	top: 0;
	left: -200px; /* MP@14/09/12 - Troca do tamanho do Menu de -258px */
	background: #131313 repeat-y right;
	overflow: auto;
	opacity: 0.8; /* MP@14/09/12 - Transparência do Menu */
}
	
	aside section {
		padding-top: 3px; }
	
	aside li, aside label, aside h2 {
		list-style: none;
		background: #1c1c1c no-repeat top right; 
		border-bottom: 1px solid #000000; 
		font-size: 11px;
		line-height: 12px;
		color: #ffffff;
		text-shadow: 0px 1px 1px #000; }
		
		aside label { border: none; }
				
		aside li:active { background: #303030 url(images/sidebar-list-hover.jpg) no-repeat top right; }
		
		aside a, aside a:visited {
			padding: 8px 20px;
			display: block;
			font-weight: bold;
			color: #ffffff; } /* MP@14/09/12 - Cor dos itens do menu */
			
			aside a:hover { color: #c6c6c6; } /* MP@14/09/12 - Cor quando passa por cima dos itens do menu */
			
			aside li.active a { color:#bdceff; } /* MP@14/09/12 - Cor do item quando está mostrando a página relativa a ele */
			
		aside label {
			padding: 8px 20px;
			display: block; 
			color: #c6c6c6; }
			
		aside li span, aside li a:hover span {
			color: #ffffff;
			display: block;
			background: #be1d1e url(images/color-red/sidebar-count.jpg) repeat-x top;
			float: right;
			margin-top: -1px;
			line-height: 12px;
			padding: 1px 5px; 
			text-shadow: 0 -1px 1px #8d0013; }
			
		/* Newsletter Subscription */
		aside form div { 
			height: 66px; 
			background: #1c1c1c url(images/sidebar-list.jpg) no-repeat bottom right;
			position: relative;
		}
			
	aside h2 {
		border-top: 1px solid #000000;
		padding: 8px 20px; 
		font-weight: 900; /* MP@14/09/12 - Trocado de bold. 900 = máximo */
		color: #ffffff; /* MP@14/09/12 - Cor do texto da saudação */
		background: #282828 no-repeat top right; }
	
	/* Social Media Icons */
	#socialize li a, #contact li a, .address div { padding: 8px 20px 8px 50px; }
	
		.twitter a { background: url(images/icons/icon-twitter.png) no-repeat left; }
		
		.facebook a { background: url(images/icons/icon-facebook.png) no-repeat left; }
		
		.flickr a { background: url(images/icons/icon-flickr.png) no-repeat left; }
		
		.linkedin a { background: url(images/icons/icon-linkedin.png) no-repeat left; }
		
		.forrst a { background: url(images/icons/icon-forrst.png) no-repeat left; }
		
		.web a { background: url(images/icons/icon-web.png) no-repeat left; }
		
		.email a { background: url(images/icons/icon-email.png) no-repeat left; }
		
		.phone a { background: url(images/icons/icon-phone.png) no-repeat left; }
		
		.address a { background: url(images/icons/icon-address.png) no-repeat left; }
		
		.address div { background: url(images/icons/icon-address.png) no-repeat left; }
		
	.twitter a, .facebook a, .flickr a, .linkedin a, .forrst a, .web a, .email a, .phone a, .address a, .address div {background-position: 20px 4px;}

			.address div { background-position: 20px 16px; }
			

		/* Sidebar Toggle */
		.controls {
			z-index:102;
			background: #404040; /* MP@01/10/12 - Cor da borda do botão do menu */
			float: left;
			top:0px;
			position:absolute;
			margin-left:0px;
			padding-bottom:3px;
			padding-right:3px;
			padding-top:3px;
			}
			
			.controls a, .controls img { display: block; }
			
			.controls img { width: 17px; }
			
			.controls a {
				cursor: pointer; 
				border-top: 1px solid #5c5c5c; 
				background: #131313 repeat-x top; /* MP@01/10/12 - Cor do Botão do Menu */
				opacity: 0.8;
				padding: 6px 9px 8px; }
				
				.controls a:active { 
					padding: 7px 9px;
					opacity: 0.3; } /* MP@14/09/12 - Transparência do botão quando o menu está ativo - Precisa do .controls.active im também */
				
			.controls.active img { opacity: 0.3; }  /* MP@14/09/12 - Transparência do botão quando o menu está ativo - Precisa do opacity acima */