﻿/*--------RESET CSS----------*/


* {
padding: 0;
margin: 0;
border: 0;
font-family: "Futura Md BT";
font-size:14px;
color:#817f7f;
text-decoration: none;
}

body {
	line-height: 1.5;
	background-image:url('../img_layout/fundo_formas.png');
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#2c59a5;
	
}

a{
	color:#817f7f;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}



/* GERAL */


#pai{
	width:100%;
	margin-left:auto;
	margin-right:auto;	
}

#box_topo{
	width:1024px;
	height:183px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
}

#logomarca{
	width:139px;
	height:181px;
	float:left;
	margin-left:20px;
}

#slogan{
	width:355px;
	height:	32px;
	float:right;
	margin-right:10px;
}

#slogan p{
	color:#094098;
}

#central_atend{
	width:674px;
	height:68px;
	float:right;
	background-image:url('../img_layout/central.png');
	background-repeat:no-repeat;
	margin-right:22px;
}

#email{
	width:100px;
	margin-left:385px;
	margin-top:25px;
	float:left;
}

#email a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#email a:hover{
	color:#2c59a5;
}

#orcamento{
	width:80px;
	float:right;
	margin-top:18px;
	margin-right:50px;
	line-height:normal;
}


#orcamento a:hover{
	color:#2c59a5;
}


/*************** MENU *********************/


nav
{	
	width:820px;
	height:33px;
	text-align:center;
	z-index:100;
	float:left;
	margin-left:35px;
	margin-top:50px;
}

nav ul li
{
	height:33px;
	display:inline-block;
	position:relative;
	float:left;	
}

nav ul li a
{
	width:135px;
	height:23px;
	color:#354362;
	display:block;
	padding-top:3px;
	padding-bottom:10px;
	background-image:url('../img_layout/menu.jpg');
	background-repeat:no-repeat;
	float:left;
	margin-right:-1px;
	font-size:18px;
	
}

nav ul li a:hover, nav ul li a.ativo
{
	background-image:url('../img_layout/menu2.jpg');
	background-repeat:no-repeat;	
}

nav li ul 
{		
	position: absolute;
	left: -102px;
	top:37px;
	display: none; /* não mostra os submenus (NONE)*/		
}

nav li:hover ul 
{
	display: block; /* Fazendo o menu Funcionar */
	margin-left:100px; /* Posição do submenu */
	width:642px; /* Tamanho da faixa do submenu (LARGURA)*/
	height:25px; /* Tamanho da faixa do submenu (ALTURA)*/	
	
}	

nav ul 
{
	/*list-style: none; Tira o marcador*/
	margin:0; /*Espaço topo entre o item principal e o submenu*/
	padding:0;/*Espaço topo e esquerdo entre o item principal e o submenu*/		
}

nav ul li ul li a 
{	
	width:auto;
	color:#b3d438;
	font-size:15px;	
	background-image:none;
	margin-right:10px;
	padding-left:20px;
}

nav ul li ul li a:hover 
{
	color:#4274b6;
	font-size:15px;	
	background-image:none;
}

.marcador
{
	background-image:url('../img_layout/marcador.png');
	background-position:left;
	background-repeat:no-repeat;
	margin-top:-13px;
}

.marcador a{
	margin-top:2px;
	margin-left:-2px;
}


/***** FIM MENU ******/

/***** FAIXA ******/

#faixa-azul{
	width:100%;
	height:16px;
	background-color:#0d2b63;
}

/***** FIM FAIXA ******/


/***** CENTRO ******/

#box_centro{
	width:1024px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;	
}


/* BANNER */

#banner{
	height:425px;
	margin-left:20px;
	padding-top:28px;
}

/* GERAL - QUADROS */

#quadros-links{
	height:170px;
	margin-left:21px;
}

.quadros{
	width:231px;
	height:150px;
	border:thin #d7dfe1 solid;
	border-radius: 15px;	
	float:left;
	margin-left:-1px;
}


/* QUADRO 1 */

.q1{
	width:80px;
	height:150px;
	float:left;
}


.q1 img{
	margin-left:30px;
	margin-top:35px;
}

.q2{
	width:131px;
	height:100px;
	float:left;
	margin-top:30px;
	text-decoration:underline;
}

.q2 a{
	font-size:12px;
}

.q2 a:hover{
	color:#2c59a5;
}

.q2 span{
	font-size:20px;
}


/* QUANDRO 2 */


#revista{
	margin-left:40px;
	margin-top:42px;	
}

#revista img{
	float:left;
	margin-right:7px;
}

#revista span{
	float:left;
	font-size:20px;
	margin-top:23px;
	text-decoration:underline;
}

#revista a{
	float:left;
	font-size:12px;
	text-decoration:underline;
}

#revista a:hover{
	color:#2c59a5;
}

/* QUANDRO 3 */

#curriculo{
	margin-left:15px;
	margin-top:22px;	
}

#curriculo img{
	float:left;
	margin-top:20px;
}

#curriculo a{
	float:left;
	font-size:20px;
	text-decoration:underline;
	margin-left:15px;
}

#curriculo a:hover{
	color:#2c59a5;
}

/* QUANDRO 4 */

#tour{
	width:231px;
	height:150px;
	background-image:url('../img_layout/tour.png');
	background-repeat:no-repeat;
	background-position:center center;
	
}

#tour span{
	font-size:12px;
	text-decoration:underline;
	margin-left:107px;
}

#tour a{
	font-size:20px;
	text-decoration:underline;
	margin-left:107px;
}

#tour a:hover{
	color:#2c59a5;
}


/* SOBRE A JVL */

#sobre{
	height:215px;
	margin-left:21px;
}

#sobre-empresa{
	width:303px;
	height:180px;
	float:left;
	margin-top:27px;
}

#sobre span{
	font-size:18px;
	color:#1b2755;
}

#sobre h4{
	font-size:12px;
	margin-bottom:10px;
	color:#1b2755;
	font-weight:normal;
}

#sobre p{
	color:#1b2755;
	line-height:normal;
}

#sobre-botao{
	width:96px;
	height:22px;
	background-image:url('../img_layout/saiba.png');
	background-repeat:no-repeat;
	float:right;
	margin-top:20px;
	margin-right:25px;
	text-align:center;
}

#sobre-botao a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;	
}

#sobre-botao a:hover{
	color:#bcd903;
}

#face{
	width:505px;
	height:191px;
	float:left;
	border:thin #474d50 solid;
	margin-left:115px;
}

/* PARCEIROS */

#parceiros{
	width:100%;
	height:88px;
	background-color:#d7dfe1;
	
}

#img-parceiros{
	width:1024px;
	height:88px;
	background-image:url('../img_layout/parc.jpg');
	margin-left:auto;
	margin-right:auto;
	border-left:thin #abacac solid;
	border-right:thin #abacac solid;
}

#faixa_branca{
	width:1024px;
	height:26px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
}

footer{
	width:1024px;
	height:110px;	
}

#box-rodape{
	width:1024px;
	height:110px;
	margin-left:auto;
	margin-right:auto;	
}

#box-rodape p{
	color:#000;
	margin-left:20px;
	float:left;
	padding-top:40px;
}

#box-rodape img{
	float:right;
	padding-bottom:20px;
	padding-top:20px;
	margin-right:50px;
}

/***** CENTRO ******/


/********* INTERNAS - GERAL ******************/

#texto{
	margin-left:35px;
	margin-right:35px;
	padding-top:28px;
	text-align:justify;
	padding-bottom:100px;
}

#titulo{
	font-size:20px;
	color:#022487;
	margin-left:35px;
	padding-top:28px;
}

/* EQUIPE */

#equipe{
	height:1200px;
}

#foto-equipe{
	text-align:center;
	float:left;
	border:thin #add237 dashed;
	margin-right:8px;
	margin-top:8px;
}

#foto-equipe p{
	background-color:#022487;
	margin-top:-3px;
	color:#fff;
}

/* INTERNAS - CONTATO */


#Fitems{
	font-size:14px;
	margin-right:5px;
	font-family:"Century Gothic";
}

#ret2{
	width:320px;
	height:25px;
	border:thin #C0C0C0 solid;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#ret3{
	width:401px;
	height:25px;
	border:thin #C0C0C0 solid;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#selecoes{
	width:280px;
	height:25px;
	border:thin #C0C0C0 solid;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#uf{
	width:110px;
	height:25px;
	border:thin #C0C0C0 solid;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#obs{
	width:390px;
	height:100px;
	border:thin #C0C0C0 solid;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#bt{
	width:100px;
	height:30px;
	background-color:#022487;
	border:thin #cbdbea solid;
	text-align:center;
	margin-left:50px;
	margin-top:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	cursor:pointer;
	color:#fff;
}

#ret1{
	width:150px;
	height:25px;
	border:thin #C0C0C0 solid;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}



/* PRODUTOS - Geral */

/*MENU LATERAL*/

#box_centroProdutos{
	width:1024px;
	height:1200px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;	
}

#box_centroProdutos2{
	width:1024px;
	height:1400px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;	
}

#box_menu_lateral
{	
	float:left;
	margin-top:35px;
	width:260px;
	font-family:"MyriadPro-Regular";
	font-size:17px;
}

.item
{
	width:200px;
	height:30px;
	padding-left:10px;
	padding-bottom:8px;
	margin-left:30px;
	border-bottom:thin #CCCCCC solid;
	
}
.item span
{
	color:#000;
	font-weight:lighter;
}


.sub-item
{
	width:200px;
	height:30px;
	padding-top:8px;
	padding-left:10px;
	margin-left:30px;
	font-size:15px;
	border-bottom:thin #CCCCCC solid;
}

.sub-item a:hover
{
	color:#2c59a5;
}


/* CENTRO PAGINA */

#meio-produtos
{
	width:720px;
	float:left;	
	margin-left:30px;
}

#centro_produtos2
{
width:1010px;
height:500px;
margin:0 auto 0 auto;
}

#imagem-produto
{
	width:680px;
	height:190px;
	padding-top:45px;
}

#itens-col1
{
	width:300px;
	padding-top:45px;
	padding-left:5px;

	font-family:"MyriadPro-Regular";
	font-size:15px;
	float:left;
}

#itens-col1 p
{
	font-size:16px;
	font-weight:bold;
	color:#2c59a5;
	text-transform:uppercase;
	text-decoration:underline;
}

#itens-col1 li
{
	
	list-style-image:url('../img_layout/marcador.png');
	margin-left:40px;
}


#itens-col2
{
	width:350px;
	padding-top:45px;
	font-family:"MyriadPro-Regular";
	font-size:15px;
	float:right;
}


#itens-col2 p
{
	font-size:16px;
	font-weight:bold;
	color:#2c59a5;
	text-transform:uppercase;
	text-decoration:underline;
}
#itens-col2 li
{
	
	list-style-image:url('../img_layout/marcador.png');
	margin-left:40px;
}

#menu-img
{
	width:500px;
	height:352px;
	padding-top:45px;
	padding-left:5px;
	margin-left:30px;	
}

#menu-img img
{
	width:500px;
	height:56px;
	padding-top:5px;
	padding-left:5px;

	cursor:pointer;
}

#menu-img img:hover
{

	width:500px;
	height:56px;
	padding-left:55px;
	margin-left:30px;
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
}



/* TRABALHE CONOSCO */


#box_trabalhe{
	width:1024px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;	
}



/* INSTITUCIONAL - fotos */

/* GALERIA */

#box_galeria
{
	width:1024px;
	background-color:#fff;
	float:left;
	height:850px;
	margin-top:-50px;
}

#box_img
{
	float:left;
	margin-left:75px;
	margin-right:35px;
}

#box_img .foto-int
{
	float:left;
	max-width:160px;
	max-height:120px;
	margin:0 15px 15px auto;	
	border:thin #999999 dashed;
}


/* Parceiros */

#box-parceiros
{
	width:541px;
	height:40px;
	text-align:center;
	padding-left:37px;
	padding-top:36px;
}


/*** FONTE FACE ****/

@font-face {
			    font-family: 'Futura Md BT';
			    src: url('futuramdbtmedium.eot');
			    src: url('futuramdbtmedium.eot?#iefix') format('embedded-opentype'),
			         url('futuramdbtmedium.woff') format('woff'),
			         url('futuramdbtmedium.ttf') format('truetype'),
			         url('futuramdbtmedium.svg#Futura Md BT') format('svg');
			    font-weight: normal;
			    font-style: normal;
}

@font-face {
			    font-family: 'Myriad Pro';
			    src: url('myriadpro-regular.eot');
			    src: url('myriadpro-regular.eot?#iefix') format('embedded-opentype'),
			         url('myriadpro-regular.woff') format('woff'),
			         url('myriadpro-regular.ttf') format('truetype'),
			         url('myriadpro-regular.svg#Myriad Pro') format('svg');
			    font-weight: normal;
			    font-style: normal;
}

