@import url('reset.css');
@import url(fonts.css);
@import url(slides.css);
@import url(formularios.css);
@import url(http://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic);

html{
background: #F0F0F0;
}

body{
top: 0; 
margin: 0 auto;
padding:0;
height: 100%;
margin-bottom: 0px;
font-family: 'Muli', sans-serif;
font-size: 14px
}
.Wraper{
width: 1150px; 
margin: 0 auto;
position:relative;}

.Wraperx{
width: 1150px; 
margin: 0 auto;
min-height: 100%;
position:relative;
padding-bottom:50px;}

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

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

.Cotacao{
font-size: 12px;
vertical-align: middle !important;
}
.Cotacao:first-child img{ margin-top: -4px;}

.Topo{
top: 0; 
background: url(../img/topo.png) no-repeat;
background-position:center; 
height: 30px;
}

.CurvaTopo{background: url(../img/bgtopo.png) no-repeat; margin: 0 auto; height: 500px; background-size:100% 100%; margin-top: -420px; z-index: 100}

#LogoMenu{display: inline-block;}

.Logo{
top: 0; 
width: 100px; 
float: left;
z-index: 0
}

#Menu{ 
width: 800px; 
text-align: center; 
float: left; 
padding-left: 50px; 
padding-right: 50px; 
padding-top: 50px; 
}

.MenuItem{
width: 148px; 
padding-top: 10px;
height: 40px; 
margin-left: 10px;  
float: left;
background:url(../img/menu0.png);
text-decoration: none;
color: #192838;
font-style: italic;
font-size: 12px;
cursor: pointer;

}

/*BG POSITION -> LEFT TOP RIGHT BOTTOM*/

.MenuItem:hover{
background:url(../img/menu1.png);
font-weight: bold;
}

.hover{
background:url(../img/menu1.png);
font-weight: bold;
}

.MenuAtivo{background:url(../img/menuItem.png) no-repeat bottom left, url(../img/menuItem_.png) no-repeat top right;
background-position: 100px 0px,  -50px 0px;}

/* Chrome, Safari, Opera */
@-webkit-keyframes MenuItem
{
0% {background:url(../img/menuItem.png) no-repeat bottom left, url(../img/menuItem_.png) no-repeat top right;
background-position: -100px 0px, 150px 0px;}
25%  {background:url(../img/menuItem.png) no-repeat bottom left, url(../img/menuItem_.png) no-repeat top right;
background-position: 100px 0px, -50px 0px;}
}

/* Standard syntax */
@keyframes MenuItem
{0%   {background:url(../img/menuItem.png) no-repeat bottom left, url(../img/menuItem_.png) no-repeat top right;
background-position: -100px 0px, 150px 0px;}
25%  {background:url(../img/menuItem.png) no-repeat bottom left, url(../img/menuItem_.png) no-repeat top right;
background-position: 100px 0px, -50px 0px;}
}


.Footer{
position:absolute;
background:  #002E45;
width: 100%;
bottom:-10;
height: 40px;
font-family: 'PT Sans', 'sans-serif';
color: #FFF;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
font-size: 12px;
}

.Clear{clear: both}

.grid_3 .box-content{min-height: 80px;}

.grid_3 img{
display: block;
vertical-align:middle;
margin-left: auto;
margin-right: auto;
max-height: 80px;
max-width: 200px;}

.box img{
display: block;
vertical-align:middle;
margin-left: auto;
margin-right: auto;
max-height: 186px;
max-width: 100%;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;}

.box img:hover{ opacity: 0.8; }

.Header1{
	padding: 10px 10px;
	color: #192838;
	font-weight: 600;
	text-shadow: 0 1px 0 #222;
	border-bottom: 3px solid #F9A82B; 
	font-size: 24px; 
	font-family: 'Amaranth', 'sans-serif'; 
	text-align: left;
	margin-bottom: 20px;
}


.Clientes{

display: block;
vertical-align:middle;
margin-left: auto;
margin-right: auto;
max-height: 186px;
max-width: 20%;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
}


.Espaco{ height: 50px}