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


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);

html, body, div, span, applet, object, iframe, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
vertical-align: baseline;
font-family: 'Open Sans', sans-serif;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
color:#001B28;
}
:focus {
outline: 0;
}

body {
background: white;
line-height: 1;
color: black;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
content: “”;
}
blockquote, q {
quotes: “” “”;
}


/* ESTILOS GERAIS */

p{
	margin-bottom:20px;
	font-size:100%;
	font-weight:300;
	line-height:20px;
	}
	
	
h1{
	font-size:300% !important;
	font-weight:300 !important;
	}


h2{
	font-size:150%;
	font-weight:400;
	line-height:28px;
	}
	
	
h3{
	font-size:130%;
	font-weight:300;
	line-height:25px;
	}
	
	
h4{
	font-size:110%;
	font-weight:300;
	line-height:25px;
	}
	
	
h6{
	font-size:80%;
	font-weight:300;
	line-height:20px;
	}
	
	

.barraTituloLaranja{
	border-bottom:2px #EA9957 solid;
	height:65px;
	text-transform:uppercase;
	}
	
.laranja{
	color:#EA9957;
	}
	
.laranjaBKGUm{
	background:#EA9957;
	}
	
	
.verdeBKGUm{
	background:#3FA979;
	}
	
.cinzaBKGUm{
	background:#E4E4E4;
	}
	
	
	
.azulBKGUm{
	background:#251F66;
	}
	
	
.imgAuto{
	width:100%;
	padding-bottom:20px;
	height:auto;
	}
	
.imgEspaco{
	padding:20px;
	margin:20px;
	}
	
	
.imgEsquerdaUm{
	float:right;
	margin:0 50px;
	}
	
	
.imgRadius{
	border-radius:90px;
	}
	
.center{
	text-align:center;
	}
	
.right{
	text-align:right;
	}
	
strong{
	font-weight:700;
	color:inherit;
	}
	
.uppercase{
	text-transform:uppercase;
	}
	
	
#areaGeral{
	width:100%;
	float:left;
	}
	
	
.blocoAreaConteudo{
	width:1000px;
	margin:0 auto;
	padding:40px 0;
	}
	
	
.blocoAreaComum{
	float:left;
	width:100%;
	}
	
	
.blocoAreaBlocoEstilos{
	width:90%;
	margin:0 auto;
	}
	
.blocoAreaBlocoEstilos li{
	padding-left:10px;
	line-height:30px;
}
	
	

.espacoHorizontalUm{
	height:40px;
	width:100%;
	clear:both;
	}


.espacoHorizontalDois{
	height:20px;
	width:100%;
	clear:both;
	}
	
.espacoHorizontalTres{
	height:10px;
	width:100%;
	clear:both;
	}
	
	
.espacoHorizontalQuatro{
	height:5px;
	width:100%;
	clear:both;
	}
	

.topoMargin{
	top:-10px;
	}


.frente{
	z-index:1;
	opacity:.99;
	}
	
	
.rodapeEmail, .rodapeTelefone{
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
	}
	
	
.rodapeEmail a{
	text-decoration:none;
	color:#fff;
	}
	
	
.radiusUm{
	border-radius:10px;
	background:#eeeeee;
	}
	
	
	
	
	
/* ESILOS DE FUNDO */
.fundoAzul{
	background:#03537E;
	color:#fff;
	}
	
.fundoAzul:hover{
	background:#02486F;
	cursor:pointer;
	}
	
.fundoAzul li, .fundoAzul h3, .fundoAzul p{
	color:#fff;
}

.fundoAzulMargens{
	padding:0 30px;
	}
	
	
	
.fundoCinza{
	background:url(imagens/fundoCinzaBKG.png) repeat-x #EFEFEF;
	}
	
.fundoCinzaDois{
	background:#C7C7C7;
	color:#001926;
}

.fundoCinzaTres{
	background:#DDDDDD;
	color:#001A27;
	}
	
.fundoCinza:hover{
	}
	
.fundoCinza li, .fundoCinza h2{
	color:#001B28;
}

.fundoCinzaTresMargens{
	margin:0 0 0 30px;
	}
	
.fundoCinzaMargensDois{
	padding:0 100px;
	}
	
	
	
.fundoVermelho{
	background:#BF1C1C;
	color:#fff;
	}
	
.fundoVermelhoDois{
	background:#E85D5D;
	color:#fff;
	}

	
.fundoVermelhoTres{
	background:#E33737;
	color:#fff;
	}

	
.fundoVermelho:hover{
	background:#02486F;
	cursor:pointer;
	}
	
.fundoVermelho li, .fundoVermelho h3, .fundoVermelho p,
.fundoVermelhoDois li, .fundoVermelhoDois h3, .fundoVermelhoDois p,
.fundoVermelhoTres li, .fundoVermelhoTres h3, .fundoVermelhoTres p{
	color:#fff;
}


	
	
	
/* MENU PRINCIPAL */	

#menu ul{

	}


#menu ul li{
	/*background:url(imagens/barraBotao.png) no-repeat;*/
	float:left;
	height:70px;
	}


#menu a:link{
	/*	background:url(imagens/menuFundoSeparador.png) no-repeat; */
	text-decoration:none;
	color:#fff;
	line-height:60px;
	padding:5px 35px;
	display:block;
	text-transform:uppercase;
	}
	
#menu a:hover{
	background:url(imagens/menuFundoHover.png) repeat-x;
	}
	
#menu a:visited{
	color:#fff;
	}
	
#menu a:active{
	background:url(imagens/menuFundoHover.png) repeat-x;
	}


.menuAreaConteudo{
	width:1000px;
	margin:0 auto;
	}

#inscrevase-menu-item {
    background-color: #02486f;
    float: right !important;
	left:20px;
    font-weight: bold;
    opacity: 0.9;
	margin-right:0px;
}



.menuLojaVirtual	{
	float:right !important;
	font-weight:bold;
	margin-right: 30px;
	}
	
.menuLojaVirtual a{
	padding-left:80px !important;
	background:url(imagens/menuLojaVirtualFundo.jpg) no-repeat;
	}

	
.menuLojaVirtual a:hover{
	background:url(imagens/menuLojaVirtualFundoHover.jpg) no-repeat !important;
	}
	
	
	
.menuOndeComprar{
	float:right !important;
	font-weight:bold;
	margin-right: 30px;
	}
	
.menuOndeComprar a{
	padding-left:80px !important;
	background:url(imagens/menuOndeComprarFundo.jpg) no-repeat;
	}

	
.menuOndeComprar a:hover{
	background:url(imagens/menuOndeComprarFundoHover.jpg) no-repeat !important;
	}


/* LISTA ESTILOS */	
.listaCheck{
	font-size:95%;
	line-height:30px;
	font-weight:300;
	list-style-image:url(imagens/listaCheckImg.png);
	}
	


	
	
/* COLUNAS */	
.coluna5050{
	width:48%;
	float:left;
	min-height:100px;
	}
	
	
	
.coluna141414141414{
	width:16%;
	float:left;
	min-height:100px;
	}
	
	
	
.paddingEsqUm{
	margin-left:4%;
	}
	
.paddingDirDois{
	padding-right:2%;
	}
	
.paddingEsqDois{
	padding-left:2%;
	}



.coluna303030{
	width:29%;
	float:left;
	min-height:100px;
	padding:0 2%;
	}
	
	
.coluna2020202020{
	width:16%;
	float:left;
	min-height:100px;
	padding:0 2%;
	}
	
	
.coluna252525{
	width:23%;
	float:left;
	min-height:200px;
	padding:0 5%;
	}
	
.coluna252525:hover{
	background:#E4E4E4;
	cursor:pointer;
}
	
	


	
/* BLOCO HEAD */
#head{
	background:url(imagens/headFundo.jpg) repeat-x;
	min-height:183px;
	float:left;
	width:100%;
	}
	
#headMarmiQuent{
	background:url(imagens/headFundoMarmiQuent.png) repeat-x;
	min-height:183px;
	float:left;
	width:100%;
	}
	
#headArea{
	width:1000px;
	margin:0 auto;	
	}
	
#logo{
	background:url(imagens/logoIzumiIndustria.png) no-repeat;
	width:178px;
	height:112px;
	float:left;
	margin-top:20px;
	}
	
#logoMarmiQuent{
	background:url(imagens/logoMarmiQuent.png) no-repeat;
	width:308px;
	height:104px;
	float:left;
	margin-top:40px;
	}
	

	
#logoParceiros{
	margin-top:55px;
	float:right;
	width:500px;
	height:68px;
}


#logoParceirosMarmiQuent{
	background:url(imagens/diferencialMarmiQuent.png) no-repeat;
	margin-top:55px;
	float:right;
	width:500px;
	height:68px;
}


/* BLOCO MENU PRINCIPAL */
#menu{
	background:url(imagens/menuFundo.png) repeat-x;
	min-height:60px;
	float:left;
	width:100%;
    z-index: 10;
}
	
	
	
	
	
/* BLOCO BANNER */

	
#bannerHome{
	background:url(imagens/homeBanner.jpg) center no-repeat #E7F4FC !important;
	min-height:421px;
	float:left;
	width:100%;
	}


#banner{
	background: #fff;
	min-height:505px;
	float:left;
	width:100%;
	padding-top:0px;
	}
	
#bannerArea{
	margin: 0 auto;
	position: relative;
    width: 1000px;
	}
	


/* BLOCO DE ESTILOS*/


.blocoEstiloBarras{
	background:url(imagens/blocoEstiloBarrasFundo.png) repeat;
	min-height:500px;
	float:left;
	width:100%;
	padding:0 0 40px 0;
	}
	
	
.blocoEstiloCinza{
	background:#f5f5f5;
	min-height:500px;
	float:left;
	width:100%;
	padding:0 0 40px 0;
	}
	
	
.blocoEstiloCinzaDois{
	background:#e9e9e9;
	min-height:250px;
	float:left;
	width:100%;
	padding:0 0 40px 0;
	}
	
	
.blocoEstiloCinzaBarra{
	background:url(imagens/fundoCinzaBKG.png) repeat-x #EFEFEF;
	min-height:300px;
	float:left;
	width:100%;
	padding:0 0 40px 0;
	}
	
	
	
.blocoEstiloCinzaBarras{
	background:#f5f5f5;
	min-height:300px;
	float:left;
	width:100%;
	padding:0 0 40px 0;
	}
	
	
.blocoEstiloBranco{
	background:#fff;
	min-height:300px;
	float:left;
	width:100%;
	padding:0 0 40px 0;
	}
	
	
.fonteBranco{
	color:#fff !important;
	}
	
	
	
.blocoEstiloLaranja{
	background:url(imagens/blocoEstiloLaranjaFundo.png) repeat-x #EB8F3D;

	float:left;
	width:100%;
	padding:0 0 40px 0;
	color:#fff;
	}
	
	
.blocoEstiloLaranja h1, .blocoEstiloLaranja h2, .blocoEstiloLaranja h3, .blocoEstiloLaranja p,  .blocoEstiloLaranja li{
	color:#fff;
}




.blocoEstiloVerde{
	background:url(imagens/blocoEstiloVerdeFundo.png) repeat-x #71CBA2;

	float:left;
	width:100%;
	padding:0 0 40px 0;
	color:#fff;
	}
	
	
.blocoEstiloVerde h1, .blocoEstiloVerde h2, .blocoEstiloVerde h3, .blocoEstiloVerde p{
	color:#fff;
}



.blocoEstiloVerdeDois{
	background:url(imagens/blocoEstiloVerdeDoisFundo.png) repeat-x #71CBA2;

	float:left;
	width:100%;
	padding:0 0 40px 0;
	color:#fff;
	}
	
	
.blocoEstiloVerdeDois h1, .blocoEstiloVerdeDois h2, .blocoEstiloVerdeDois h3, .blocoEstiloVerdeDois p,  .blocoEstiloVerdeDois li{
	color:#fff;
}



.blocoEstiloAzul{
	background:url(imagens/blocoEstiloAzulFundo.png) repeat-x #251662;

	float:left;
	width:100%;
	padding:0 0 40px 0;
	color:#fff;
	}
	
	
.blocoEstiloAzul h1, .blocoEstiloAzul h2, .blocoEstiloAzul h3, .blocoEstiloAzul p{
	color:#fff;
	/*font-size:300%; 
	font-weight:300;*/
}




.blocoEstiloAzulDois{
	background:url(imagens/blocoEstiloAzulDoisFundo.png) repeat-x #E4E4ED;

	float:left;
	width:100%;
	padding:0 0 40px 0;
	color:#fff;
	}
	
	
.blocoEstiloAzulDois h1, .blocoEstiloAzulDois h2, .blocoEstiloAzulDois h3, .blocoEstiloAzulDois p, .blocoEstiloAzulDois li{
	color:#393953;
}


	

.blocoEstiloVertices{
	background:url(imagens/blocoEstiloVerticesFundo.jpg) repeat;
	min-height:500px;
	float:left;
	width:100%;
	padding:0 0 40px 0;
	}
	
	
.blocoEstiloQuadriculado{
	background:url(imagens/blocoEstiloQuadriculadoFundo.png) repeat;
	min-height:500px;
	float:left;
	width:100%;
	padding:0 0 40px 0;
	}
	
	
	
	
.blocoEstiloRodape{
	background:url(imagens/blocoEstiloRodapeFundo.png) #71CBA2 repeat-x;
	float:left;
	width:100%;
	padding:0;
	}
	
	
.blocoAreaConteudoRodape{
	width:1000px;
	margin:0 auto;
	min-height:100px;
	padding:0;
	}
	
.blocoEstiloRodape h3, .blocoEstiloRodape p{
	color:#fff;
}
	
	
	
	
.blocoGamesDesenvolvidos{
	float:left;
	margin: 0 6%;
	width:88%;
	}
	
	
	
/* ESTILOS DOS TITULOS DOS BLOCOS*/


.tituloEstiloAzul{
	background:url(imagens/tituloEstiloAzulFundo.png) repeat-x;
	height:245px;
	float:left;
	width:100%;
	}

.tituloEstiloAzulConteudo{
	background:url(imagens/tituloEstiloAzulSeta.png) no-repeat;
	width:1000px;
	margin:0 auto;
	min-height:185px;
	padding:60px 0 0;
}

.tituloEstiloAzulConteudo h1{
	color:#fff;
}





.tituloEstiloVerde{
	background:url(imagens/tituloEstiloVerdeFundo.png) repeat-x;
	height:245px;
	float:left;
	width:100%;
	}

.tituloEstiloVerdeConteudo{
	background:url(imagens/tituloEstiloVerdeSeta.png) no-repeat;
	width:1000px;
	margin:0 auto;
	min-height:185px;
	padding:60px 0 0;
}

.tituloEstiloVerdeConteudo h1{
	color:#fff;
}




.tituloEstiloVermelho{
	background:url(imagens/tituloEstiloVermelhoFundo.png) repeat-x;
	height:245px;
	float:left;
	width:100%;
	}

.tituloEstiloVermelhoConteudo{
	background:url(imagens/tituloEstiloVermelhoSeta.png) no-repeat;
	width:1000px;
	margin:0 auto;
	min-height:185px;
	padding:60px 0 0;
}

.tituloEstiloVermelhoConteudo h1{
	color:#fff;
}






.tituloEstiloAmarelo{
	background:url(imagens/tituloEstiloAmareloFundo.png) repeat-x;
	height:245px;
	float:left;
	width:100%;
	}

.tituloEstiloAmareloConteudo{
	background:url(imagens/tituloEstiloAmareloSeta.png) no-repeat;
	width:1000px;
	margin:0 auto;
	min-height:185px;
	padding:60px 0 0;
}

.tituloEstiloAmareloConteudo h1{
	color:#fff;
}




/* ESILOS DAS TABELAS */
.estiloTabela{
	border:solid 1px #fff;
	}
	
.estiloTabela h3{
	text-transform:uppercase;
	}
	
.estiloTabela td{
	padding:20px 20px;
	vertical-align:top;
	border:solid 1px #fff;
	}	
	
	
.tblLocaisUnidades p{
	font-size:12px;
	}






/* ESTILO FORMULÁRIOS */

#formularioContato{
	}
	
.clienteNome,
.clienteEmail,
.clienteTelefone,
.clienteCidade,
.clienteEstado,
.clienteAssunto{
	line-height:30px;
	height:30px;
	width:80%;
	}
	
.clienteMensagem{
	}
	
	
	
	
	

/* EFEITOS DE TRANSIÇÃO */
.transicaoUm{
	background:#f3f3f3;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}
	
.transicaoUm:Hover{
	background:#E1E1E1;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor:pointer;
	}