body{margin:0px; background-image:url(images/bg_1.jpg); background-repeat:repeat-x;  }

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

.root{width:100%; height:auto; margin:auto;}

.topo{width:100%; height:120px; float:left; background-image:url(images/bg_topo.jpg); background-repeat:no-repeat; text-align:right; padding-top:26px;}

.conteudo{width:95%; height:auto; float:left; margin-left:5%;  }

.rodape{width:100%; height:120px; margin:auto;}

.menu{width:100%; height:111px; float:left; margin-top:60px;}

#menuPrincipal{width:auto; float:right;}

#menuPrincipal ul{list-style:none; }

#menuPrincipal ul li{ display:inline; float:left; background:linear-gradient(#5A5A5A, #000000);  height:64px; margin-left:5px; float:left;}

#menuPrincipal ul li a{ text-decoration:none; color:#ffffff; font-size:14px; float:left; font-family: 'Open Sans', sans-serif; font-weight:bold; padding-top:12px; padding-left:12px; padding-right:12px; height:50px; }    

#menuPrincipal ul a:hover{ color:#ffffff; background:#000000; float:left; height:55px; margin-top:4px;}


.rodapeTxt{width:100%; height:auto;  float:left; margin-top:15px;color:#ffffff; font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:15px; text-align:center;}

.texto{width:100%; height:auto; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}


figure.foto-legenda{ border:8px solid white; box-shadow: 2px 2px 4px black; position:relative;}
figure.foto-legenda img{ width:100%; height:100%;}
figure.foto-legenda figcaption{ position:absolute; top:0px; background-color: rgba(0,0,0,.4); color:#FFFFFF; width:100%; height:100%; padding:10px; box-sizing: border-box; opacity:0; transition: opacity 1s;}
figure.foto-legenda:hover figcaption{ opacity:1;}

footer#rodape { width:100%; height:auto; background-color:#252525; float:left; margin-bottom:10px;}

article#principal{width:95%; margin-bottom:30px;}

article#principal h2 { font-size:20px; color:#666666; font-family: 'Open Sans', sans-serif; margin:0; padding-top:25px; }

article#principal h3 { font-size:16px; color:#333; font-family: 'Open Sans', sans-serif; margin:0; padding-bottom:5px; }

article#principal h4 { font-size:17px; color:#5E5E5E; font-family: 'Open Sans', sans-serif; margin:0; padding-bottom:5px; text-align:justify; }

article#principal p {font-family: 'Open Sans', sans-serif; font-size:14px; color:#666666; text-align:justify;}

article#principal p#center {font-family: 'Open Sans', sans-serif; font-size:14px; color:#666666; text-align:center;}

article#principal span#esquerda {width:48%; float:left;  height:auto;} 

article#principal span#direita {width:48%; float:left; margin-left:4%; padding-top:20px; height:auto; margin-bottom:20px; text-align:right;} 


article#principal li {font-family: 'Open Sans', sans-serif; font-size:14px; color:#666666; margin-bottom:10px; text-align:left; list-style:square;}

.form{width:450px; height:auto; float:left; margin-left:285px;} 


article#principal form { border:5px solid white; box-shadow: 2px 2px 40px #666666; margin-bottom:40px; margin-top:20px; width:410px; height:260px;; background-color:#E9E9E9;font-family: 'Open Sans', sans-serif; font-size:12px;  padding:20px; font-weight:bold; color:#666666; border-radius:10px;}

article#principal form#webmail { border:5px solid white; box-shadow: 2px 2px 40px #666666; margin-bottom:40px; margin-top:40px; width:260px; height:120px;; background-color:#E9E9E9;font-family: 'Open Sans', sans-serif; font-size:12px;  padding:20px; font-weight:bold; color:#666666; border-radius:10px; margin-left:35%;}


article#principal iframe { border:5px solid white; box-shadow: 2px 2px 40px #666666; }

#banner{width:100%; position:relative; margin-top:-1px;box-shadow: 2px 2px 40px #666666;}




figure.legenda{ border:6px solid #ffffff; box-shadow: 2px 2px 40px #666666; position:relative;  width:30%; height:29%; float:left; margin:1%; margin-bottom:15px; border-radius:10px;}
figure.legenda img{ width:100%; height:auto;}
figure.legenda figcaption{ position:absolute; top:0px; background-color:rgba(0,0,0,.4); color:#FFFFFF; width:100%; height:100%; padding:10px; box-sizing:border-box; opacity:1; transition: opacity 1s; }
figure.legenda:hover figcaption{ opacity:0;}
figure.legenda div.txtLegenda{color:#FFFFFF; position:absolute; top:0; font-family:Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size:26px; font-weight:bold; text-align:center; width:100%; margin-top:42%;}



parceiros.legenda{ border:6px solid #ffffff; box-shadow: 2px 2px 40px #666666; position:relative;  width:20%; height:29%; float:left; margin:1.7%; margin-bottom:15px; border-radius:10px;}
parceiros.legenda img{ width:100%; height:auto;}
parceiros.legenda figcaption{ position:absolute; top:0px; background-color:rgba(0,0,0,.4); color:#FFFFFF; width:100%; height:100%; padding:10px; box-sizing:border-box; opacity:1; transition: opacity 1s; }
parceiros.legenda:hover figcaption{ opacity:0;}
parceiros.legenda div.txtLegenda{color:#FFFFFF; position:absolute; top:0; font-family:Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size:14px; font-weight:bold; text-align:center; width:100%; margin-top:42%;}


equipe.legenda{ border:6px solid #ffffff; box-shadow: 2px 2px 40px #666666; position:relative;  width:14%; height:29%; float:left; margin:4.6%; margin-bottom:15px; border-radius:10px;}
equipe.legenda img{ width:100%; height:auto;}
equipe.legenda figcaption{ position:absolute; top:0px; background-color:rgba(0,0,0,.4); color:#FFFFFF; width:100%; height:100%; padding:10px; box-sizing:border-box; opacity:1; transition: opacity 1s; }
equipe.legenda:hover figcaption{ opacity:0;}
equipe.legenda div.txtLegenda{color:#FFFFFF; position:absolute; top:0; font-family:Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size:14px; font-weight:bold; text-align:center; width:100%; margin-top:98%; margin-top:100%;}



.assinatura{color:#2A2B30; text-align:center; padding-bottom:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}


.direita{width:70%; height:auto; float:left; margin-left:5%;}

.esquerda{width:25%; height:auto; float:left; background-color:#252525; text-align:center;}

.txtHome{width:48%; height:auto; float:left; margin-right:4%;  margin-bottom:20px; margin-top:20px;}

.faceHome{width:48%; height:auto; float:left; margin-bottom:20px; margin-top:20px;}