/* Main.css - Marcelo Rocha - 04/2017 */

	/*
	- Estes são as configurações variáveis para este site -
	
	font-family:Tahoma; 	(v1 - Atual)
	font-family:Verdana;	(v2)
	font-family:Arial;		(v3)
	background-color: #006749; (v1)
	background-color: #006C46; (v2 - atual)
	font-size: 16px; (cabeçaho e corpo )
	font-size: 12px; (rodapé )
	*/
	
/* - Reset CSS - */
*, *:after, *:before{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family:Tahoma;
}

/* - Para todas as páginas - */
/* Corpo da página */
body{
	margin: auto;
	width: 100%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	line-height: 130%;
	font-size: 16px;
	background:#ffffff; /*branco*/
}

/* Cabeçalho */
header{
	margin: auto;
	width: 100%;
	height:160px;
	font-size: 16px;
	background: url(../images/logoID-2.jpg) no-repeat top center;
	background-color:#006C46;
}

/* Rodapé */
footer{
	position: fixed;
	margin: auto;
	width: 100%;
	bottom: 0px;
	height:30px;
	padding-top: 5px;
	font-size: 12px;
	text-align:center;
	color:#ffffff;
	background-color:#222222;
}

/* Miolo da página */
#conteudo{
	margin-top:0px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
	top:300px;
	height:650px;
	overflow:auto;
}

/* Centralização dos componentes e largura da página */
#central{
	position: absolute;
	width: 1000px;
	left:50%;
	margin-left: -500px;
}

/* Menu principal e submenus (se houver) */
.menu{
	position: absolute;
	top: 120px;
	left: 195px;
	width: 910px;
}

	.menu ul{
		list-style-type: none;
	}

	
	.menu > .menu-itens > li{
		float: left;
		display:inline;
		height: 40px;
		/*width: 130px;*/
		padding-top: 10px;
		padding-right: 10px;
		padding-left: 10px;
		text-align:center;
		/*border: 1px solid #ffffff;*/
	}

	.menu a{
		text-decoration: none;
		color: #ffffff;
		text-shadow: inherit;
		background-color: inherit;
	}

	.menu li:hover{
		border-bottom: 5px solid black;
		text-shadow: 3px 3px 1px black;
		/*background-color: #585858;*/
	}

	/* Mostra o submenu no evento de mouse hover */
	.menu > .menu-itens > li:hover > .menu-subitens{
		display: block;
	}
	/* Configura o estilo do submenu */
	.menu > .menu-itens > li > .menu-subitens{
		position: absolute;
		top: 39px;
		left: -1px;
		width: 130px;
		z-index: 1000;
		display: none;
		background-color: #006C46;
		border: 1px solid #ffffff;
	}
	/* Configura os links do submenu */
	.menu > .menu-itens > li > .menu-subitens > li{
		width: 130px;
		height: 50px;
		text-align:center;
		vertical-align: middle;
		border: 1px solid #ffffff;
	}

/* - Menu IDIOMA - */
/* The container <div> - needed to position the dropdown content */
.idioma {
    position: absolute;
	top: 0px;
	right: 0px;
	font-size: 12px;
}

/* Dropdown Button */
.idiomabtn {
	width: 90px;
	color: white;
	padding: 10px;
	border: none;
	cursor: pointer;
	background-color: #006249;
	display: none;
}

/* Dropdown Content (Hidden by Default) */
.idioma-itens {
    position: relative;
    min-width: 90px;
    z-index: 1000;
	/* Variaveis com a tag BUTTON ativada
	background-color: #f9f9f9; - com botão
    box-shadow: 3px 3px 1px black; */
    display: block;
}

/* Links inside the dropdown */
.idioma-itens a {
    color: black;
    padding: 1px 3px;
    text-decoration: none;
	/* Variaveis com a tag BUTTON DESAtivada */
	color: white;
	text-align: right;
    display: block;
}

/* Show the dropdown menu on hover */
.idioma:hover .idioma-itens {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.idioma:hover .idiomabtn {
    background-color: #006249;
	box-shadow: 3px 3px 1px black;
}

/* Change color of dropdown links on hover */
.idioma-itens a:hover {
	/* Variaveis com a tag BUTTON DESAtivada */
	/*border-bottom: 1px solid black;*/
	text-shadow: 3px 3px 1px black;
	/* Variaveis com a tag BUTTON ativada
	background-color: #f1f1f1;*/
}

/* Nome da empresa em destaque */
.bsr{
	font-weight: bolder;
	color: #006C46;
}	

/* Nome da parceria em destaque */
.par-destaque{
	font-weight: bolder;
}	

/* Alinhamento à esquerda para rodapé */
.esquerda{
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
}	

/* Alinhamento à direita para rodapé */
.direita{
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
}	

/* -- Páginas Específicas 
/* Página HOME */
#principal{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 600px;
	padding: 15px;
	padding-top: 155px;
	text-align: justify;
	background: url(../images/cidade-manhav2.jpg) no-repeat top center;
}
	#principal h1{
		line-height: 150%;
	}

	#principal ul, #recursos ul{
		list-style-type: indent;
		padding: 15px;
	}

	#destaque1 h4, #destaque2 h4, .box h4{
		line-height: 150%;
	}
	
	#destaque1 p, #destaque2 p, .box p{
		text-align: justify;
	}

	#destaque1 a, #destaque2 a{
		position:absolute;
		right: 0px;
		bottom: 0px;
		padding: 15px;
		text-decoration: none;
	}
	
/* Página CONTATOS */
#aviso-contato{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 50px;
	width: 960px;
	margin: 10px;
	padding: 10px;
	text-align: center;
	border-bottom: 1px solid #006749;
}

#telefones{
	position: absolute;
	top: 125px;
	left: 340px;
}

#emails{
	position: absolute;
	top: 325px;
	left: 0px;
}

	#emails a{
		text-decoration: none;
		color: white;
	}

	.box{
		width: 320px;
		height:140px;
		padding: 20px;
		color: white;
		background-color: #006C46;
	}

#viaskype{
	position: absolute;
	top: 325px;
	left: 680px;
}

#formulario{
	display: none;
	position: absolute;
	top: 320px;
	left: 510px;
	right: 0px;
	height: 300px;
	padding:15px;
	opacity: 0.7;
	color: white;
	background-color: #006749
}

/* Página NOSSOS SERVIÇOS */
.ramos{
	display: inline;
	list-style-type: none;
	height: 250px;
	width: 1000px;
	padding-bottom: 20px;
}

	.ramos li{
		height: 245px;
		width: 250px;
		float: left;
		overflow: hidden;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
	}
	
	.ramos p{
		position: absolute;
		top: 200px;
		line-height: 25px;
		width: 248px;
		text-align: center;
		color: white;
		background-color: #006749;
	}

/* Página PARCERIAS */ 
#parcerias{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 520px;
	padding: 20px 0px 20px 335px;
	text-align: justify;
	background: rgba(0, 0, 0, 0.5);
	background: url(../images/desktop-fundo.jpg) no-repeat top left;
	list-style-position: inside;
}

	#parcerias li, #missao p{
		padding-top: 20px;
		padding-left: 20px;
	}

#parceria-st{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 520px;
	padding: 20px 0px 20px 335px;
	text-align: justify;
	background: rgba(0, 0, 0, 0.5);
	background: url(../images/partner-st.jpg) no-repeat top left;
	list-style-position: inside;
}

#missao{
	position: absolute;
	top: 400px;
	left: 0px;
	height: 200px;
	padding: 15px;
	text-align: justify;
}

	#missao img{
		height: 200px;
		width: 200px;
		float: left;
		margin-left: 50px;
		margin-right: 70px;
	}

.clientes {
	padding-top: 20px;
	padding-bottom: 20px;
}

	.clientes h3{
		padding-bottom: 10px;
	}
	.clientes ol{
		list-style-type: none;
	}

	.clientes li{
		float: left;
		min-height: 125px;
		min-width: 165px;
		max-width: 165px;
		padding-top: 5px;
		text-align: center;
		/*border: 1px solid #000000;*/
	}

	.clientes img{
		height: 68%;
		width: 68%;
	}

.perfil{
	height:250px;
	width: 1000px;
	border-bottom-color: #006749;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-color: #006749;
	border-left-width: 1px;
	border-left-style: solid;
}

	.perfil img{
		padding-right: 10px;
		float: left;
		overflow: hidden;
	}

	.perfil a{
		padding-left: 10px;
		padding-right: 10px;
		text-align: justify;
	}

	.antigo{
		height:60px;
		padding: 5px;
	}

	.novidade{
		height:60px;
		padding: 5px;
		border: 4px solid #006749;
		/*border-color: #006749;
		border-width: 3px;
		border-style: solid;
		/*font-weight: bold;*/
	}
	
.tiposervico{
}	

	.tiposervico img{
		width: 380px;
		height: 405px;
		float: right;
	}	
	.tiposervico ul{
		line-height: 160%;
		list-style-type: none;
	}	

	.tiposervico li{
		width: 580px;
		padding-top: 5px;
		padding-left: 20px;
		border-bottom: 1px solid #006749;
	}

	.tiposervico p{
		position: relative;
		left: 670px;
		text-align: left;
		width: 250px;
		
	}

#servicesalt-mosaico{
	position: relative;
	top: 0px;
	left: 0px;
	height: 606px;
	width: 320px;
	padding: 20px;
	float: left;
	border-left: 1px solid #006C46;
	border-right: 1px solid #006C46;
	border-bottom: 1px solid #006C46;
	background: url(../images/estrategia.jpg) no-repeat bottom left;
}

#servicesalt{
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	border-collapse: collapse;
	list-style-position: outside;
}

	#servicesalt ul{
		text-align: left;
		padding-left: 20px;
	}

	#servicesalt th, #servicesalt td{
		text-align: left;
		padding: 10px;
		border-bottom: 1px solid #006C46;
	}

	#servicesalt th{
		text-align: center;
	}