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

img { border:0; }

@font-face {
    font-family: 'Script MT Bold';
    src:url(../font/SCRIPTBL_0.TTF) format('truetype');
    src:url(../font/SCRIPTBL_0.woff) format('woff');

    font-style: normal;
    font-weight: normal;
}

html, body {
	width: 100%;
	margin: 0;
}

#tudo{
	width: 100%;
	min-width: 990px;
	position: relative;
	z-index: 0;
	top: 415px;
}

#fixa{
	width: 100%;
	position: fixed;
	z-index: 999;
}

#topo01{
	width: 100%;
	height: 250px;
	background-image: url(imagens/fd_topo.png);
	background-repeat:repeat;
}

#topo02{
	width: 990px;
	margin: 0 auto;
	padding-top: 20px;
}

#topo03{
	width: 990px;
	position: relative;
}

#logomarca{
	background-image:url(imagens/logomarca.png);
	position:relative;
	float: left;
	height:80px;
	width:368px;
	margin-top:25px;
}

#endereco-topo{
	width: 450px;
	height: 50px;
	position: relative;
	float: right;
}

#redes_sociais{
	width: 140px;
	position: relative;
	float: right;
}

#linha-horizontal{
	border-top: solid;
	border-top-color:#356aa0;
	width: 600px;
	float: right;
}

#linha-horizontal02{
	border-bottom:#333 dotted 1px;
	width: 650px;
	float: left;
}

#menu{
	width: 600px;
	height: 45px;
	position:relative;
	float: right;
	padding: 0;
	margin: 0;
}


#menu li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
}

#menu li a:link, #menu li a:visited,  #menu li a:active{
	float:left;
	font-family:"Century Gothic";
	font-size:16px;
	text-align:center;
	width:100px;
	height:2px;
	line-height:40px;
	color:#009;
	text-decoration:none;
	display:block;
	
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
}

#menu li a:hover{
	background: #356aa0; /* Old browsers */
	background: -moz-linear-gradient(top,  #356aa0 0%, #2f4e8c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#356aa0), color-stop(100%,#2f4e8c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #356aa0 0%,#2f4e8c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #356aa0 0%,#2f4e8c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #356aa0 0%,#2f4e8c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #356aa0 0%,#2f4e8c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#2f4e8c',GradientType=0 ); /* IE6-9 */

	border-radius: 0 0 8px 8px;
	background-color:#356aa0;
	padding: 14px 0 2px 0;
	color:#fff;
	height: 40px;
	line-height: 40px;
	
}

#mulher_midia{
	background-image: url(imagens/mulher_midia.png);
	height: 230px;
	width: 256px;
	position: absolute;
	z-index:0;
	left: 760px;
	top: 100px;
}

#brushes{
	background-image:url(imagens/brushes.png);
	height: 250px;
	width: 400px;
	position: absolute;
	top: 95px;
}

#midia_system{
	width: 334px;
	position: absolute;
	left: 526px;
	top: 150px;
	z-index: 1;
}

#tarja_colorida{
	width: 100%;
	height: 65px;
	position: relative;
	
	background: #273b71;
	background: -moz-linear-gradient(left,  #273b71 0%, #4284b7 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#273b71), color-stop(100%,#4284b7));
	background: -webkit-linear-gradient(left,  #273b71 0%,#4284b7 100%);
	background: -o-linear-gradient(left,  #273b71 0%,#4284b7 100%);
	background: -ms-linear-gradient(left,  #273b71 0%,#4284b7 100%);
	background: linear-gradient(to right,  #273b71 0%,#4284b7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273b71', endColorstr='#4284b7',GradientType=1 );


	box-shadow: 0px 0px 10px #000000;
}

#conteudo1{
	width: 990px;
	height: 175px;
	margin: 0 auto;
}


#slogan{
	width: 990px;
	height: 65px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#next1{
	width: 45px;
	height: 65px;
	position: absolute;
	top: 0px;
	right: 195px;
	cursor: pointer;
	background: url(banner/next.png) no-repeat;
}
#prev1{
	width: 45px;
	height: 65px;
	position: absolute;
	top: 0px;
	left: 197px;
	cursor: pointer;
	background: url(banner/prev.png) no-repeat;
}

#divisoria01{
	width: 990px;
	height: 5px;
	top: -25px;
	background-color:#333;
	opacity: 0.5;
	position: relative;
}

#divisoriaConteudo {
	position: relative;
	width: 100%;
	height: 20px;
	/*margin-top: 415px;*/
	background-color:#D39B16;
}

#conteudo_site{
	width: 990px;
	height: 480px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#grupo-links{
	width:990px;
	top: -25px;
	margin: 0 auto;
	position:relative;
}

#lista-links-inferior{
	width: 250px;
	position:relative;
	float:left;
	margin: 0 auto;
	padding: 5px inherit;
}

#textura_home{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-image: url(imagens/t_home.png);
	background-repeat:no-repeat;
}

#textura_empresa{
	position: relative;
	width: 990px;
	margin: 0 auto;
	background-image: url(imagens/t_emp.png);
	background-repeat:no-repeat;
}

#textura_servicos{
	position: relative;
	width: 990px;
	margin: 0 auto;
	background-image: url(imagens/t_serv.png);
	background-repeat:no-repeat;
}

#textura_contato{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-image:url(imagens/t_cont.png);
	background-repeat:no-repeat;
}

#links02{
	width: 360px;
	position:relative;
	margin: 0 auto;
	padding: 0;
}


#links02 li {
	float: left;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: inline-block;
	position: relative;
}

#links02 li a:link, #links02 li a:visited,  #links02 li a:active{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	width:250px;
	height:25px;
	line-height:25px;
	color:#333;
	text-decoration:none;
	display:block;
	
	/*background: url(imagens/over.png) no-repeat;*/
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
}

#links02 li a:hover{
	color:#333;
	height: 25px;
	line-height:25px;
	background-color: #eee;
	
}

#acesso_rapido{
	width: 990px;
	height: 100px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#rodape{
	width: 100%;
	height: 40px;
	background-color:#333;
}

.txt_rodape{
	font-family:"Century Gothic";
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	color:#CCC; 
}

.txt_box_form{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 12px;
	line-height: 14px;
	text-align:left;
}

.botao{
	background-color:#85b785;
	color:#fff;
	border:1px solid #a9d3aa;
	border-radius: 5px;
	padding: 5px;
	cursor:pointer;
	box-shadow: 0px 0px 3px #789a80;
}


.sub_tit{
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	margin:0;
}

.textos_conteudo{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	line-height: 180%;
	text-align: justify;
}

.titulos{
	font-family:"Century Gothic";
	font-size: 16px;
	color:#333;
	text-align:center;
	font-weight:bold;
}

.titulos02{
	font-family:'Script MT Bold';
	font-size: 35px;
	color:#39C;
	text-align:left;
}

.links_ms{
	font-family:Arial, Helvetica, sans-serif;
	color:#609084;
	font-size: 12px;
	line-height:26px;
	text-align:left;
	cursor: pointer;
	text-decoration:none;
}

.links_ms:hover{
	color: #333;
	text-decoration:none;
}

.txt_box{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size: 12px;
	line-height: 14px;
	text-align:left;
	border-radius:5px;
	background-color:#eee;
}

.txt_box_bt{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size: 12px;
	line-height: 14px;
	text-align:left;
}

.subMenu1{
	cursor:pointer;
	background:url(imagens/sub1.png);
	background-position:top;
	background-repeat:no-repeat;
	width: 247px;
	height: 160px;
	position: relative;
	float: left;
	z-index:1;
}

.subMenu1a{
	background:url(imagens/sub1a.png);
	background-position:top;
	background-repeat:no-repeat;
	width: 247px;
	height: 160px;

	opacity: 0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	-ms-transition: opacity 200ms ease-in;
}

.subMenu1a:hover{
	opacity: 1;
}


.subMenu2{
	cursor:pointer;
	background:url(imagens/sub2.png);
	background-position:top;
	background-repeat:no-repeat;
	width: 247px;
	height: 160px;
	position: relative;
	float: left;
	z-index:1;
}

.subMenu2a{
	background:url(imagens/sub2a.png);
	background-position:top;
	background-repeat:no-repeat;
	width: 247px;
	height: 160px;

	opacity: 0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	-ms-transition: opacity 200ms ease-in;
}

.subMenu2a:hover{
	opacity: 1;
}

.subMenu3{
	cursor: pointer;
	background: url(imagens/sub3.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 247px;
	height: 160px;
	position: relative;
	float: left;
	z-index: 1;
}

.subMenu3a{
	background:url(imagens/sub3a.png);
	background-position:top;
	background-repeat:no-repeat;
	width: 247px;
	height: 160px;

	opacity: 0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	-ms-transition: opacity 200ms ease-in;
}

.subMenu3a:hover{
	opacity: 1;
}

.subMenu4{
	cursor:pointer;
	background:url(imagens/sub4.png);
	background-position:top;
	background-repeat:no-repeat;
	width: 247px;
	height: 160px;
	position: relative;
	float: left;
	z-index:1;
}

.subMenu4a{
	background:url(imagens/sub4a.png);
	background-position:top;
	background-repeat:no-repeat;
	width: 247px;
	height: 160px;

	opacity: 0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	-ms-transition: opacity 200ms ease-in;
}

.subMenu4a:hover{
	opacity: 1;
}


.font01{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 40px;
	color:#666;
}

.font02{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#333;
}

.tit_lista {
	font-family:"Century Gothic";
	line-height:30px;
	color:#006699;
	text-decoration: none;
	font-size:18px;
	text-align: center;
	
}

.links02{
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	size: 12px;
	line-height: 180%;
	cursor: pointer;
}

.links02:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	size: 12px;
	line-height: 180%;
}