@charset "UTF-8";

body
{margin:0}

.bgfundo
{background:url(img/bg.jpg);
background-repeat: repeat;
}

.bgfundo2
{background:url(img/box4.jpg);
background-position:top center;
}

.logotop
{	text-align:center;
position:relative;
top:-20px;
}

#cf {
  position:relative;
  height:328px;
  width:412px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

@keyframes cfFadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

#cf img.top {
animation-name: cfFadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 5s;
animation-direction: alternate;
}


.float{float:right;width:328px;height:412px;}

/* Base Styles */
#cssmenu > ul,
#cssmenu > ul li,
#cssmenu > ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu > ul {
  position: relative;
  z-index: 597;
}
#cssmenu > ul li {
  float: left;
  min-height: 1px;
  line-height: 1.3em;
  vertical-align: middle;
}
#cssmenu > ul li.hover,
#cssmenu > ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu > ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu > ul ul li {
  float: none;
}
#cssmenu > ul ul ul {
  top: 1px;
  left: 99%;
}
#cssmenu > ul li:hover > ul {
  visibility: visible;
}
/* Align last drop down RTL */
#cssmenu > ul > li.last ul ul {
  left: auto !important;
  right: 99%;
}
#cssmenu > ul > li.last ul {
  left: auto;
  right: 0;
}
#cssmenu > ul > li.last {
  text-align: right;
}
/* Theme Styles */
#cssmenu > ul {
  border-bottom: 2px solid #d1ac66;
  font-family: Calibri, Tahoma, Arial, sans-serif;
  font-size: 18px;
  
  width: 1252px;
  zoom: 1;
}
#cssmenu > ul:before {
  content: '';
  display: block;
}
#cssmenu > ul:after {
  content: '';
  display: table;
  clear: both;
}
#cssmenu > ul li a {
  display: inline-block;
  padding: 10px 58.20px;
}
#cssmenu > ul > li.active,
#cssmenu > ul > li.active:hover {
  background-color: #d1ac66;
}
#cssmenu > ul > li > a:link,
#cssmenu > ul > li > a:active,
#cssmenu > ul > li > a:visited {
  color: #0f1c28;
}
#cssmenu > ul > li > a:hover {
  color: #ffffff;
}
#cssmenu > ul ul ul {
  top: 0;
}
#cssmenu > ul li li {
  background-color: #ffffff;
  border-bottom: 1px solid #ebebeb;
  font-size: 14px;
}
#cssmenu > ul li.hover,
#cssmenu > ul li:hover {
  background-color: #F5F5F5;
}
#cssmenu > ul > li.hover,
#cssmenu > ul > li:hover {
  background-color: #d1ac66;
  -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
}
#cssmenu > ul a:link,
#cssmenu > ul a:visited {
  color: #0f1c28;
  text-decoration: none;
}
#cssmenu > ul a:hover {
  color: #0f1c28;
}
#cssmenu > ul a:active {
  color: #0f1c28;
}
#cssmenu > ul ul {
  border: 1px solid #CCC \9;
  -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15);
  width: 280px;
}



.view {
   width: 236px;
   height: 315px;
   float: left;
   
   overflow: hidden;
   position: relative;
   text-align: center;
   
   cursor: default;
     
}



.view .mask, .view .content {
   width: 236px;
   height: 315px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view img {
   display: block;
   position: relative;
}

.view a.info {
   
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:0px;
   width:180px;
   height:120px;
}

.effect img {
   opacity:1;
   transform:scale(1,1);
   transition: all 0.2s ease-in;
}

.effect .mask {
   
   overflow:visible;
   width:236px;
   height:200px;
   background-color:rgba(1,40,73,0.8);
   transform:translateY(255px);
   transition: transform 0.3s ease-in;
}

.effect a.info {
   
   transform:translateY(265px);
   transition: transform 0.3s ease-in;
}



.effect:hover .mask {
   opacity: 1;
   transform: translateY(175px);
}

.effect:hover a.info {
   opacity:1;
   transform:translateY(185px);
}

#gmap img { max-width: 9999px !important; position: static; margin: 0; } /* fix for map zoom control */
#gmap { width: 100%; height: 100%; }


.textorodape
{font-family: Calibri, Tahoma, Arial, sans-serif;
  font-size: 18px; color:#FFFFFF;
  text-align:center}
  
h1.texto
{font-family: Calibri, Tahoma, Arial, sans-serif;
  font-size: 28px; color:#d1ac66;
  text-align:justify}

h2.texto
{font-family: Calibri, Tahoma, Arial, sans-serif;
  font-size: 28px; color:#FFFFFF;
  text-align:center}
  
  
.texto
{font-family: Calibri, Tahoma, Arial, sans-serif;
  font-size: 18px; color:#0f1c28;
  text-align:justify}