/*///////////////////////////////

check-list:
1. formatar fonte default no body
2. formatar a:link, hover, active, visited
3. usar titulos com tag H1, H2...
4. usar tag nav para menu e address para endereço da empresa

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */



@charset "UTF-8";
/* CSS Document */



/*----------------------------------------------------
[CONTEÚDO CSS]


1. Reset CSS
2. Propriedades Comuns
	2.1. @font-face
	2.2. TAG HTML (H1, BODY, A:LINK ...)
	2.3. Formatacao de textos
	
	2.4. CSS Complemento de outros scripts
		. Slide simples (empresa.php)
		
	2.5. Colunas 1/2 - 1/3 - 1/4
		2.5.1. TaglineBox1 classes
	2.6. Botoes

	
3. Propriedades de estruturacao geral (DIVs)
	3.0 Interface
	3.1 Cabeçalho
		.logoPosic
		#menuprincipal
		#breadcrumbs
	3.2 Meio/Content
		. botoes do menu principal
		#contentAll
	3.3 Rodapé
		#buffoC e #buffoC.hover
	
	
4. Propriedades de estruturacao especifica (DIVs)

	4.1 home.php
	4.2 empresa.php
	4.3 contato.php


----------------------------------------------------*/




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




/* 2. Propriedades Comuns
----------------------------------------------------*/
	
	/*2.1. @font-face*/
		
		@font-face {
			font-family: muli;
			src: url('../_fonts/muliregular.eof');
			src: url('../_fonts/muliregular.eot?#iefix') format('embedded-opentype'),
			url('../_fonts/muliregular.ttf') format('truetype'),
			url('../_fonts/muliregular.svg#muliregular') format('svg');
			font-weight: normal;
			font-style: normal;
		}
		
		.font_montserrat {
			font-family: muli;
		}
		
		
		@font-face {
			font-family: mulilight;
			src: url('../_fonts/mulilight.eof');
			src: url('../_fonts/mulilight.eot?#iefix') format('embedded-opentype'),
			url('../_fonts/mulilight.ttf') format('truetype'),
			url('../_fonts/mulilight.svg#mulilight') format('svg');
			font-weight: normal;
			font-style: normal;
	
		}
		
		.font_mulilight {
			font-family: mulilight;
		}
		
		
		
		
		
		@font-face {
			font-family: arb;
			src: url('../_fonts/arb.eof');
			src: url('../_fonts/arb.eot?#iefix') format('embedded-opentype'),
			url('../_fonts/arb.ttf') format('truetype'),
			url('../_fonts/arb.svg#arb') format('svg');
			font-weight: normal;
			font-style: normal;
	
		}
		
		.font_arb {
			font-family: arb;
		}
		
		
		
		
	
	/*2.2. TAG HTML (H1, BODY, A:LINK ...)*/
	
	
	body {
		font-family:muliligth, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#999;
		line-height:22px;
	}
	
	h1{
		color:#06C;
		font-size:18px;
		/*text-shadow:1px 1px #ccc;*/
		margin:0 0 10px 0;
	}
	h2{
		color:#09C;
		font-size:16px;
		/*text-shadow:1px 1px #ccc;*/
		margin:0 0 5px 0;
	}
	h3{
		color:#09C;
		font-size:14px;
		/*text-shadow:1px 1px #ccc;*/
	}
	h4{
		color:#09C;
		font-size:12px;
		/*text-shadow:1px 1px #ccc;*/
	}
	
	
	blockquote{
		background-color:#F8F8F8;
		margin:10px 0 10px 30px;
		padding:10px;
		border-left:4px #00CC00 solid;
		font-style:italic;
	}
	
	address{
		font-style:normal;
	}
	
	a:link{
		text-decoration:none;
	}
	a:hover{
		text-decoration:none;
		color:#0C3;
	}
	a:visited{
		text-decoration:none;
		color:#66C;
	}
	
	a:active{
		text-decoration:none;
	}
	
	.clear{
		clear:both;
	}
	
		
		
		
	/*2.3. Formatacao de textos*/
	
	


	
	
	
	
	/*2.4. CSS Complemento de outros scripts (nomedapagina.php)*/





	/*2.5. Colunas 1/2 - 1/3 - 1/4*/
	
	/*2 colunas*/
		#coluna1_2{
			width:46%; 
			float:left; 
			margin:1%;
			padding:1%; 
		}
	
	
	/*3 colunas*/
		#coluna1_3 {
			width:29.4%; 
			float:left; 
			margin:1%;
			padding:1%; 
		}
		
	/*4 colunas*/
		#coluna1_4 {
			width:21%; 
			float:left; 
			margin:1%;
			padding:1%; 
		}

	
	/*2col_13_23 A*/
		#colunaA13 {
			width:31%; 
			float:left; 
			margin:1%;
			padding:1%; 
		}
		#colunaA23 {
			width:61%; 
			float:left; 
			margin:1%;
			padding:1%; 
		}
		
	/*2col_23_13 B*/
		
		#colunaB13 {
			width:64.6%; 
			float:left; 
			margin:1%;
			padding:1%; 
		}
		#colunaB23 {
			width:31.3%; 
			float:left; 
			margin:1%;
			padding:1%; 
		}

	/*2.6. Botoes*/
		.botao{
			display:inline-block;
			background-color: #ccc;
			color:#444;
			padding:10px 20px;
			text-decoration:none;
			box-decoration:none;
			box-sizing:border-box;
			font-size:14px;
			border:0px;
			cursor:pointer;	
			box-shadow: 1px 1px 1px #999;
			border-radius:4px;
		}
			.botao:hover{
				background-color:#666;
				cursor:pointer;
			}
			
			.confirmColor{
				background-color:#090;
				color:#fff;
			}
			.cancelColor{
				background-color:#F90;
				color:#fff;
			}
			.inativeColor{
				opacity:0.3;
				cursor:default;
			}
			
			
			/*2.5.1. TaglineBox1 classes*/
			.taglinebox1{
				background-color:#F4F4F4;
				border-bottom:solid 2px #00CC33;
			}
			.taglinebox2{
				background-color:#F4F4F4;
				border-top:solid 2px #00CC33;
			}
			
			.taglinebox3{
				background-color:#F4F4F4;
				border:solid 1px #00CC33;
			}


/* 3. Propriedades de formatação da página especifica
----------------------------------------------------*/
	
	/*3.1 Cabeçalho*/
	#interface{
		width:980px;
		margin:0 auto;
	}
	
	#topo{
		height:50px;
	}
		.logoPosic{
			float:left;
		}
		#menuPrincipal{
			width:700px;
			float:right;
			margin:15px 0 0 0;
			word-spacing:30px;
		}
			#menuPrincipal a:link{
			}
			#menuPrincipal a:hover{
			}
			#menuPrincipal a:visited{
			}
			#menuPrincipal a:active{
			}
	
	/*3.2 Conteúdo*/
	#contentAll{
		height:400px;
	}
		#breadcrumb {
			color:#CCC;
			margin:5px 0 10px 0;
			cursor:pointer;
			list-style:none;
			
		}
		#breadcrumb li{
			display:inline;
		}
		#breadcrumb .active{
			color:#C90;
		}
		#breadcrumb li + li:before {
		  padding: 0 5px;
		  color: #cccccc;
		  content: "/\00a0";
		}
		
	
		/*botoes do menu principal*/
		.botaoMenuP{
		/*	width:160px;
			height:18px;
			margin:0 0 7px 0;
			padding:30px 6px 6px 0;
			background-color:#141210;
			text-align:right;
			display: block;
			cursor:pointer;*/
		}
		
		/*	#botaoMenuP:hover {
			background-color:#063;
		}*/
		#mp_projetos:hover {}
		#mp_empresa:hover {/*background-color:#302B27;*/}
		#mp_imprensa:hover {}
		#mp_contato:hover {}
	
	
		/*3.3 Rodapé*/
		
		#base{
			height:20px;
		}
			#address{
				width:85%;
				float:left;
			}
		
		
			#buffoC{
				width:10%;
				text-align:right;
				font-size:10px;
				opacity: 0.5;
				filter: alpha(opacity=50);
				float:right;
			}
			
			#buffoC:hover{
				opacity: 0.9;
				filter: alpha(opacity=90);
			}
			
/*-------------------------------------------------*/	
	



/* 4. Propriedades de estruturacao especifica (DIVs)
----------------------------------------------------*/


	/*4.1 home.php*/


	/*4.2 empresa.php*/
	
	
	/*4.3 contato.php	*/
	
	
	
	
/*-------------------------------------------------*/