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

* {margin:0px; padding:0px;}

body {
	width:100%; height:100%;
	float:left;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}

body a{
	text-decoration:none;
	color:inherit;
}

body img {
	border:none;
}

#topo {
	width:100%; height:198px;
	margin:0 auto;
	background-color:#f9f9f9;
	border-bottom:4px solid #FFF;
}
#centra_tp {
	width:970px; height:198px;
	margin:0 auto;
}

#logo {
	width:483px; height:146px;
	float:left;
	margin-top:20px;
	background-image:url(Imagens_BG/logo.png);
	background-repeat:no-repeat;
	display:table;
}

#centra_tp p {
	width:300px; height:auto;
	display:table;
	float:right;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	text-align:right;
	font-weight:bold;
}

#meio {
	width:100%; height:auto;
	background-color:#d7d7d7;
	float:left;
	display:table;
}

#menu {
	width:100%; height:39px;
	float:left;
	border-bottom:4px solid #FFF;
	display:table;
	background-color:#d7d7d7;
}
#menu ul {
	width:880px; height:39px;
	list-style:none;
	display:table;
	margin:0 auto;
}
#menu ul a .home {
	width:91px; height:39px;
	background-image:url(Imagens_BG/bt_home.png);
	background-repeat:no-repeat;
	float:left;
	background-position:top;
	display:table;
	margin-right:15px;
}
#menu ul a:hover .home {
	width:91px; height:39px;
	background-image:url(Imagens_BG/bt_home.png);
	background-repeat:no-repeat;
	float:left;
	background-position:bottom;
}
#menu ul a .sobre {
	width:151px; height:39px;
	background-image:url(Imagens_BG/bt_quem.png);
	background-repeat:no-repeat;
	float:left;
	background-position:top;
	display:table;
	margin-right:15px;
}
#menu ul a:hover .sobre {
	width:151px; height:39px;
	background-image:url(Imagens_BG/bt_quem.png);
	background-repeat:no-repeat;
	float:left;
	background-position:bottom;
}
#menu a .ativo{
	width:151px; height:39px;
	background-image:url(Imagens_BG/bt_quem.png);
	background-repeat:no-repeat;
	float:left;
	background-position:bottom;
}
#menu ul a .servicos {
	width:124px; height:39px;
	background-image:url(Imagens_BG/bt_servicos.png);
	background-repeat:no-repeat;
	float:left;
	background-position:top;
	display:table;
	margin-right:15px;
}
#menu ul a:hover .servicos {
	width:124px; height:39px;
	background-image:url(Imagens_BG/bt_servicos.png);
	background-repeat:no-repeat;
	float:left;
	background-position:bottom;
}
#menu ul a .prod {
	width:131px; height:39px;
	background-image:url(Imagens_BG/bt_produtos.png);
	background-repeat:no-repeat;
	float:left;
	background-position:top;
	display:table;
	margin-right:15px;
}
#menu ul a:hover .prod {
	width:131px; height:39px;
	background-image:url(Imagens_BG/bt_produtos.png);
	background-repeat:no-repeat;
	float:left;
	background-position:bottom;
}
#menu ul a .quali {
	width:162px; height:39px;
	background-image:url(Imagens_BG/bt_qualific.png);
	background-repeat:no-repeat;
	float:left;
	background-position:top;
	display:table;
	margin-right:15px;
}
#menu ul a:hover .quali {
	width:162px; height:39px;
	background-image:url(Imagens_BG/bt_qualific.png);
	background-repeat:no-repeat;
	float:left;
	background-position:bottom;
}
#menu ul a .parceiros {
	width:141px; height:39px;
	background-image:url(Imagens_BG/bt_parceiros.png);
	background-repeat:no-repeat;
	float:left;
	background-position:top;
	display:table;
	margin-right:10px;
}
#menu ul a:hover .parceiros {
	width:141px; height:39px;
	background-image:url(Imagens_BG/bt_parceiros.png);
	background-repeat:no-repeat;
	float:left;
	background-position:bottom;
}
#menu ul a .contato {
	width:116px; height:39px;
	background-image:url(Imagens_BG/bt_contato.png);
	background-repeat:no-repeat;
	float:left;
	background-position:top;
	display:table;
	margin-right:15px;
}
#menu ul a:hover .contato {
	width:116px; height:39px;
	background-image:url(Imagens_BG/bt_contato.png);
	background-repeat:no-repeat;
	float:left;
	background-position:bottom;
}


#conteudo {
	width:970px; height:auto;
	display:table;
	margin:0 auto;
	padding-bottom:15px;
}

#base {
	width:970px; height:auto;
	display:table;
	margin:0 auto;
}

#base .exibe {
	width:280px; height:318px;
	margin-top:10px;
	margin-left:35px;
	background-color:#d7d7d7;
	float:left;
}
#base .exibe h3 {
	width:280px;
	float:left;
	margin-top:5px;
	margin-bottom:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#333;
	text-align:center;
}
#base .cx_base {
	width:258px; height:258px;
	float:left;
	margin-left:11px;
}
#base .cx_base img {
	float:left;
	width:258px; height:258px;
}

#autor {
	width:970px; height:47px;
	float:left;
	margin-top:25px;
	border-top:1px solid #999;
}
#autor p {
	width:970px; height:47px;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	line-height:47px;
}
#autor p a{
	color:#3385AC;
	font-weight:bold;
}
#autor p a:hover{
	color:#666;
}

#fot {
	width:710px; height:407px;
	float:left;
	background-color:#FFF;
	box-shadow:3px 3px 8px #666, -3px -3px 8px #666;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:20px;
}
#fot .slide {
	width:691px; height:389px;
	float:left;
	margin:9px;
}
#fot .slide img{
	width:691px; height:389px;
	float:left;
}
#fot .texto {
	width:517px; height:147px;
	float:right;
	background-image:url(Imagens_BG/bg_texto.png);
	background-repeat:repeat;
	margin-top:-170px;
	z-index:10;
	position:relative;
}
#fot .texto h2 {
	width:490px; height:112px;
	float:right;
	margin-top:17px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#FFF;
	font-weight:normal;
}
#fot .texto h2 span {
	font-size:35px;
	font-weight:bold;
}

#prev {
	width:79px; height:128px;
	float:left;
	background-image:url(Imagens_BG/seta_esq.png);
	background-repeat:no-repeat;
	margin-top:140px;
	margin-left:40px;
	cursor:pointer;
	position:relative;
	z-index:15;
}

#next {
	width:79px; height:128px;
	float:left;
	background-image:url(Imagens_BG/seta_dir.png);
	background-repeat:no-repeat;
	margin-top:140px;
	cursor:pointer;
	position:relative;
	z-index:15;
}

#conteudo .titulo {
	width:970px; height:auto;
	display:table;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#666;
	border-bottom:1px solid #f9f9f9;
	padding-bottom:5px;
}

#conteudo .sobre {
	width:970px; height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	text-align:justify;
	line-height:160%;
}
#conteudo .sobre img {
	width:300px; height:250px;
	float:left;
	border:3px solid #F9F9F9;
	margin-right:10px;
	margin-top:5px;
}

#conteudo .cursos {
	width:970px; height:auto;
	float:left;
	margin-bottom:25px;
}
#conteudo .cursos p{
	width:500px; height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	float:left;
	padding-bottom:20px;
	border-bottom:1px solid #444;
}
#conteudo .cursos img {
	width:150px; height:auto;
	float:left;
	margin-left:100px;
	border:2px solid #F9F9F9;
	margin-top:15px;
}

#esq {
	width:400px; height:auto;
	display:table;
	float:left;
}
#esq input{
	width:380px; height:30px;
	padding:5px;
	float:left;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	border:1px solid #666;
}
#esq textarea{
	width:380px; height:80px;
	padding:5px;
	float:left;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	border:1px solid #666;
}
#esq p {
	width:400px; 
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	margin-bottom:5px;
}
#esq .bt {
	width:100px; height:40px;
	float:left;
	border:0px;
	margin-left:-5px;
}

#dir {
	width:500px; height:auto;
	display:table;
	float:right;
	margin-top:20px;
}
#dir iframe {
	border:2px solid #666;
}

#parceiros {
	width:940px; height:auto;
	display:table;
	float:left;
	margin-left:30px;
	margin-bottom:20px;
}

#conteudo .servicos {
	width:500px;
	float:left;
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#999;
	border-bottom:1px solid #999;
	padding-bottom:5px;
}

#conteudo .prod {
	width:280px; height:200px;
	float:left;
	margin:15px;
	border:4px solid #CCC;
}





.boxgrid{  
    width: 280px;  
    height: 200px;  
    margin:10px;  
    float:left;  
    background:#161613;  
    border: solid 2px #999;  
    overflow: hidden;  
    position: relative;  
}  
.boxgrid img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;
	width:280px; height:200px; 
}
.boxcaption{  
    float: left;  
    position: absolute;  
    background: #000;  
    height: 100px;  
    width: 100%;  
    opacity: .8;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
}
.captionfull .boxcaption {  
    top: 260;  
    left: 0;  
}  
.caption .boxcaption {  
    top: 220;  
    left: 0;  
}  
.boxgrid h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#FFF;
	float:left;
	margin-left:20px;
	margin-top:10px;
}
