body{
  background-color:     #faf9f9;
  color:                #525252;
  font-family: 			Arial, sans-serif;
  font-size:            11px;
  font-style:           normal;
  font-weight:          normal;
  letter-spacing:       normal;
}

a, a:hover, a:visited{
	color: #1f5865;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

h1{
	color: #1f5865 !important;
}

.small{
    font-size: 12px !important;
}

#container{
	background: #FFFFFF;
	width: 860px;
	height: 522px;
 	margin: 0 auto;
}

#container #logoIndex{
	margin: 70px auto 30px auto;
	width: 360px;
	height: 145px;
	text-align: center;
}

.js-container{
	width: 100%;
	height: 490px;
}

#container #logoIndex img{
	width: 250px;
	margin-left: 100px;
}

#container #logoIndex h1{
	font-size: 14px;
	margin: 15px 0 0 0;
}

#social{
	height: 20px;
	position: absolute;
	top: 0;
	width: 860px;
	display: none;
}

#social ul{
	list-style-type: none;
	float: right;
	margin: 5px 0 0 0;
}
#social ul li{
	float: left;
	height: 13px;
	margin: 0 5px;
}

#container #content{
	border: 1px solid #808285;
	margin: 30px 0 0 0;
	padding: 15px;
	height: 490px;
	position: relative;
}

#container #content #logo{
	float: right;
	width: 200px;
	height: 75px;
	margin: 40px 0 0 0;
}

#container #content #logo #logoImg {
	float: right;
}

#container #content #logo #logoImg img{
	width: 150px;
	/*height: 53px;*/
}

#container #content #logo h1{
	font-size: 11px;
	float: right;
	margin: 5px 0 0 0;
}

#container #content #menu{
	float: right;
	margin: 60px -15px 0 0;
	height: 52px;
}

#container #content #menu ul{
	float: right;
	list-style-type: none;
	background: #1f5865;
	padding: 5px 8px;
	width: 494px;
}

#container #content #menu ul li{
	float: left;
	background: #1f5865;
	padding: 0 16px;
}
#container #content #menu ul li a{
	color: #FFFFFF;
}

#container #content #menu #submenu {
	height: 50px;
	width: 510px;
	float: right;
}
#container #content #menu #submenu ul{
	background: none;
	float: right;
	list-style-type: none;
	padding: 5px 5px;
	width: 500px;
	height: 21px;
}

#container #content #menu #submenu ul.contactos{
	width: 225px !important;
}
#container #content #menu #submenu ul.machines{
	width: 390px !important;
}
#container #content #menu #submenu ul.services{
	width: 450px !important;
}
#container #content #menu #submenu ul li{
	float: left;
	background: none;
	padding: 0 13px;
	border-left: 1px solid #A7A9AC;
}
#container #content #menu #submenu ul li a{
	color: #525252;
	
}
#container #content #menu #submenu ul li.first{
	border: none;
}

#container #content #subContainer{
	margin: 35px 0 0 0;
}

#container #content .maquinas{
	width: 492px !important;
	margin: 35px auto 0 auto !important;
}

#container #content #subContainer .box{
	width: 152px;
	height: 130px;
	border-bottom: 4px solid #1f5865;
	float: left;
	margin: 0 6px;
}
#container #content #subContainer .box:hover{
	border-bottom: 4px solid #FFFFFF;

}
#container #content #subContainer .box img{
	border: 1px solid #4D4D4F;
}

#container #content #subContainer .box h2{
	margin: 5px 0 0 0;
	text-align: center;
	font-weight: bold;
}

#container #content #subContainer .box h2.under{
	padding: 13px 0 0 0;
}

#container #content #subContainer #imgLeft{
	position: absolute;
	top: 33px;
}



#container #content #subContainer #text{
	float: right;
	width: 495px !important;
	height: 180px !important;
	color: #525252 !important;
	font-size: 13px !important;
} 

#container #content #subContainer #text h2{
	font-size: 21px;
	margin: 0 0 25px 0;
}
#container #content #subContainer #text h3{
	color: #1f5865;
	text-decoration: underline;
	margin: 10px 0 0 0;
}

#container #content #subContainer #text p{
	margin: 10px 0 0 0;
	line-height: 17px;
}

#container #content #subContainer #text p.first{
	margin: 0;
}

#container #content #subContainer #text ul.textUl{
	color: #1f5865;
	list-style-image: url(../images/circle.png);
	padding: 0 0 0 10px;
}

#container #content #subContainer #text ul.textUl li{
	margin: 5px 0 0 5px;
}

#container #content #subContainer #text ul.textUl li span{
	color: #525252 !important;
}


#container #content #subContainer #requestForm{
	float: right;
}

#contacts{
	float: right;
	color: #808285;
	width: 494px;
	margin-top: 15px;
}

h1.c{
	color: #525252 !important;
	font-size: 21px !important;
}

p.c{
	font-size: 14px !important;
	line-height: 17px !important;
        margin: 0 !important
}
p.c-small{
	font-size: 11px !important;
	line-height: 17px !important;
        margin: 0 !important
}

p.first-c{
	font-size: 14px !important;
}

p.middle-c{
	margin-top: 10px  !important;
        font-size: 14px !important;
}

#footer{
	color: #525252;
	height: 15px;
	padding: 10px 0;
}

#footer a{
	color: #525252;
	text-decoration: none;
}

/************************
 *
 * Background images
 *  
 ************************/
.empresa{
	background: url('../images/empresaSide.jpg') no-repeat;
}
.missao{
	background: url('../images/missaoValoresSide.jpg') no-repeat;
}
.vending{
	background: url('../images/beneficiosVendingSide.jpg') no-repeat;
}
.clientes{
	background: url('../images/clientesSide.jpg') no-repeat;
}
.certificacao{
	background: url('../images/certificacaoSide.jpg') no-repeat;
}
.maquinascafebebidasquentes{
	background: url('../images/maquinaCafeBebiDasQuentesSide.jpg') no-repeat;
}
.maquinassnacksbebidasfrias{
	background: url('../images/maquinaSnacksBebidasFriasSide.jpg') no-repeat;
}
.maquinasbebidasfrias{
	background: url('../images/maquinaBebidasFriasSides.jpg') no-repeat;
}
.armazenamentotransporte{
	background: url('../images/armazenamentoTransporteSide.jpg') no-repeat;
}
.reposicaoprodutos{
	background: url('../images/reposicaoProdutosSide.jpg') no-repeat;
}
.assistenciatecnica{
	background: url('../images/assistenciaTecnicaSide.jpg') no-repeat;
}
.cafebebidasquentes{
	background: url('../images/cafebebidasquentesSide.jpg') no-repeat;
}
.snacksbebidasfrias{
	background: url('../images/snacksbebidasfriasSide.jpg') no-repeat;
}
.produtosdia{
	background: url('../images/produtosdiaSide.jpg') no-repeat;
	margin: 0 0 0 -15px !important;
	width: 843px !important;
}
.linhasaude{
	background: url('../images/linhasaudeSide.jpg') no-repeat;
	margin: 0 0 0 -15px !important;
	width: 843px !important;
}
.linhajunior{
	background: url('../images/linhajunioSider.jpg') no-repeat;
	margin: 0 0 0 -15px !important;
	width: 843px !important;
}

/**************
 * 
 *  Tools
 * 
 **************/
.hide{
	display: none;
}

.clear{
	clear: both;
}

.left{
	float: left;
}

.right{
	float: right;
}

.margin-10{
	margin: 0 0 0 10px;
}

.margin-0{
	margin: 0 !important;
}
.blue{
	color: #1f5865;
}
.products{
	padding-left: 0px !important;
}
.productsLi{
	padding: 0 7px !important;
}
.wrapper{
	width: 860px;
	margin: 0 auto;
}
.active{
	font-weight: bold;
}
.bi{
	font-weight: bold;
	font-style: italic;
}
.i{
	font-style: italic;
}
.b{
	font-weight: bold;
}
.l{
    color: #1f5865;
    text-decoration: underline;
}
.logo{
	color: #1f5865;
}
.home{
	background: #E6E7E8;
}
.formulario{
	color: #525252 !important;
	font-size: 21px;
}
.haccp{
	color: #525252;
}

/***************************
 *
 *  Form send mail styles
 * 
 */

.formularioMail{
	position: relative;
}

.mail{
width:400px;
margin:auto;
}
#formail{
width: 494px;
} 
#formail label{
display: block;
margin: 10px 0;
}
#formail input{
height: 15px;
width: 493px;
}

#message{
background: #f8f8f8;
resize: none;
overflow: hidden;
}
#sendmail{
cursor: pointer;
display: block;
margin-top: 10px;
margin-right: -1px;
margin-bottom: 13px;
float: right;
}
#clearmail{
cursor: pointer;
display: block;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 13px;
float: right;
}
#response{
display: none;
position: absolute;
border: none;
background: none;
left: -200px;
top: 50px;
width: 230px;
line-height: 120%;
}
a.certificado,
a.certificado:visited,
a.certificado:focus,
a.certificado:active{
    position:relative;
    float: left;
    margin-top: 10px;
    width: 200px;
    height: 275px;
}

a.certificado img{
    position:relative;
    float: left;
    width: 100%;
}