/*LINK nas paginas --------------------------- */

/*em index.html*/
a.produtos:link {text-decoration: none; color:#CC0000}
a.produtos:visited {text-decoration: none; color:#CC0000}
a.produtos:hover {text-decoration:none; background:#CC0000; color: #FFFFFF; border-bottom:4px solid #FFFFFF; }
a.produtos:active {text-decoration: none; color:#CC0000}
/**/
a.serv:link {text-decoration: none; color:#00CCCC}
a.serv:visited {text-decoration: none; color:#00CCCC}
a.serv:hover {text-decoration:none; background:#00CCCC; color: #FFFFFF; border-bottom:4px solid #FFFFFF; }
a.serv:active {text-decoration: none; color:#00CCCC}

/**/
a.vid:link {text-decoration: none; color:#993399}
a.vid:visited {text-decoration: none; color:#993399}
a.vid:hover {text-decoration:none; background:#993399; color: #FFFFFF; border-bottom:4px solid #FFFFFF; }
a.vid:active {text-decoration: none; color:#993399}

/**/
a.videos:link {text-decoration: none; color:#FF0A95}
a.videos:visited {text-decoration: none; color:#FF0A95}
a.videos:hover {text-decoration:none; background:#FF0A95; color: #FFFFFF; border-bottom:4px solid #FFFFFF; }
a.videos:active {text-decoration: none; color:#FF0A95}

/*link botoes*/

a.but:link {text-decoration: none; color:#456CE0}
a.but:visited {text-decoration: none; color:#456CE0}
a.but:hover {text-decoration:none; border-bottom:6px solid #CCCCCC}
a.but:active {text-decoration: none; color:#456CE0}



/* Espinha do menu */
#espinha {
width: 1030px;
background-color: white;
}

/* Espaco do logo mecmarco */
#blogo{
float: left;
width: 123px;
height: 77px;
text-align: left; 
padding-top: 1%;
padding-bottom: 1%;
}

/* botoes home, servicos, produtos, etc */
#bum, #bdois, #btres, #bquatro, #bcinco {
float: left;
width: 180px;
height: 47px;
text-align: center; 
padding-top: 1%;
padding-bottom: 1%;
}

/* Espaço para a barra de busca */
#busca{
float: left;
width: 800px;
height: 5px;
margin-left: 50px;
}

/* ----------------Corpo */
body {
width: 1023px;
margin-top: 0%;
margin-bottom: 1%;
margin-left: 8%;
}
                         
                         
/* Separador */
#sep{
float: left;
width: 1023px;
height:4px;
margin-top: 5px;
margin-bottom: 10px;
background-color: #EAEAEA;
}

/* ---------------coluna esquerda */
#esqueletoesq{
float: left;
width: 123px;
text-align: left; 
background-color: #EAEAEA;
height: 800px;
}

/* Box do telefone, contato e localizacao no menu esquerda */
#boxum, #boxdois, #boxtres{
float: left;
width: 123px;
height: 102px;
text-align: left; 
padding-top: 1%;
padding-bottom: 1%;
}

/*------------------- Coluna central */
#esqueletocentral{
width: 580px;
text-align: left; 
background-color: white;
float: left;
margin-left: 10px;
margin-right: 10px;
height: 800px;
}

/* Esqueleto central: 2 box, um ao lado do outro */
#boxpum, #boxpdois{
line-height:150%;
overflow: hidden;
float: left;
width: 285px;
height: 250px;
text-align: left; 
background-color: white;
margin-bottom: 5px;
} 

/* Borda direita no primeiro box para separação */
#boxpum{
margin-right: 10px;
}

/* box-linha*/
#boxpquatro{ 
width: 580px;
height: 500px; 
line-height:150%;
overflow: hidden;
float: left;
text-align: left; 
background-color: white;
margin-bottom: 5px;
}


/* -------------Coluna da direita */
#esqueletodir{
float: left;
width: 300px;
text-align: left; 
background-color: #EAEAEA;
height: 800px;
}

/* primeiro vídeo */
#boxvid{
float: left;
width: 300px;
height: 340px;
text-align: left; 
padding-top: 1%;
}


/*-----------------rodape */ 
}
#boxbotton{
float: left;
width: 1023px;
height: 100px; 
text-align: left; 
background-color: white;
}
#boxbottonin{
line-height:150%;
float: right;
width: 900px;
height: 100px; 
text-align: left; 
background-color: white;
}

/*--------------------------------------------------------------------*/

/*-----------------serviços*/ 

/* ---------------coluna esquerda */
#sesqueletoesq{
float: left;
width: 123px;
text-align: left; 
background-color: #EAEAEA;
height: 800px;
}

/*------------------- Coluna central */
#sesqueletocentral{
width: 580px;
text-align: left; 
background-color: white;
float: left;
margin-left: 10px;
margin-right: 10px;
height: 800px;
}

/* -------------Coluna da direita */
#sesqueletodir{
float: left;
width: 300px;
text-align: left; 
background-color: #EAEAEA;
height: 800px;
}

/*-----------------produtos*/ 

/* ---------------coluna esquerda */
#pesqueletoesq{
float: left;
width: 123px;
text-align: left; 
background-color: #EAEAEA;
height: 890px;
}

/*------------------- Coluna central */
#pesqueletocentral{
width: 580px;
text-align: left; 
background-color: white;
float: left;
margin-left: 10px;
margin-right: 10px;
height: 890px;
}

/* -------------Coluna da direita */
#pesqueletodir{
float: left;
width: 300px;
text-align: left; 
background-color: #EAEAEA;
height: 890px;
}

#boxlobo1, #boxlobo2{
line-height:150%;
overflow: hidden;
float: left;
width: 285px;
height: 120px;
text-align: left; 
background-color: white;
margin-bottom: 5px;
} 

/* Borda direita no primeiro box para separação */
#boxlobo1{
margin-right: 10px;
}

/*-----------------videos*/ 

/* ---------------coluna esquerda */
#vesqueletoesq{
float: left;
width: 123px;
text-align: left; 
background-color: #EAEAEA;
height: 1050px;
}

/*------------------- Coluna central */
#vesqueletocentral{
width: 770px;
text-align: left; 
background-color: white;
float: left;
margin-left: 10px;
margin-right: 10px;
height: 1050px;
}

/* -------------Coluna da direita */
#vesqueletodir{
float: left;
width: 110px;
text-align: left; 
background-color: #EAEAEA;
height: 1050px;
}

/* dois blocos, lado a lado, da sessão de videos*/
#boxv2, #boxv3, #boxv4, #boxv5, #boxv6{
line-height:150%;
overflow: hidden;
float: left;
width: 377px;
height: 335px;
text-align: left; 
padding-top: 1%;
margin-bottom: 5px;
background-color: #EAEAEA;
border-style: solid;
border-width: 1px;
border-color: #EAEAEA;
}
#boxv1{
line-height:150%;
overflow: hidden;
float: left;
width: 380px;
height: 335px;
text-align: left; 
padding-top: 1%;
margin-bottom: 5px;
background-color: white;
}

/* margem direita dos blocos 1, 3 e 5, da sessão de videos*/
#boxv1, #boxv3, #boxv5{
margin-right: 10px;
}


/*-----------------localização*/ 

/* ---------------coluna esquerda */
#lesqueletoesq{
float: left;
width: 123px;
text-align: left; 
background-color: #EAEAEA;
height: 760px;
}

/*------------------- Coluna central */
#lesqueletocentral{
width: 580px;
text-align: left; 
background-color: white;
float: left;
margin-left: 10px;
margin-right: 10px;
height: 760px;
}

/* -------------Coluna da direita */
#lesqueletodir{
float: left;
width: 300px;
text-align: left; 
background-color: #EAEAEA;
height: 760px;
}