* {-moz-box-sizing: border-box;}

/* background das páginas */
body
{
background: #fff;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}

html, body, table, tr, td, th
{
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #333;   
}

.texto
{
    font-family: Arial;
    font-size: 12px;
	color: #333;
    text-decoration: none;
}

a:link
{
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #00F;
}
a:visited
{
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #00F;
}
a:hover
{
    font-family: Arial;
    font-size: 12px;
    text-decoration: underline;
    color: #00F;
}

form
{
    margin:0;
    padding:0;
}


/*
 * Estilos para o Mapa
 */

.mapasecao
{
    border: 0px solid #CCC;
    background: #EEE;
    padding: 5px;
    margin: 5px 5px 5px -20px;
    font-family: Arial;
    font-size: 12px;
	color: #333;
    font-weight: bold;
    text-decoration: none;
}


/*
 * Estilos para o Head
 */

.headlinks
{
    font-family: Arial;
    font-size: 12px;
	color: #fff;
    text-decoration: none;
}

.headlinks a:link
{
    font-family: Arial;
    font-size: 12px;
	color: #fff;
    text-decoration: none;
}
.headlinks a:visited
{
    font-family: Arial;
    font-size: 12px;
	color: #fff;
    text-decoration: none;
}

.headlinks a:hover
{
    font-family: Arial;
    font-size: 12px;
	color: #fff;
    text-decoration: underline;
}

/*
 * Estilos para o Televendas
 */

.televendas
{
    font-family: Arial;
    font-size: 13px;
	color: #fff;
    text-decoration: none;
}

.televendas a:link
{
    font-family: Arial;
    font-size: 13px;
	color: #fff;
    text-decoration: none;
}
.televendas a:visited
{
    font-family: Arial;
    font-size: 13px;
	color: #fff;
    text-decoration: none;
}

.televendas a:hover
{
    font-family: Arial;
    font-size: 13px;
	color: #fff;
    text-decoration: underline;
}


.headlinks2
{
    font-family: Arial;
    font-size: 10px;
	color: #FFF;
    text-decoration: none;
}

.headlinks2 a:link
{
    font-family: Arial;
    font-size: 10px;
	color: #FFF;
    text-decoration: none;
}
.headlinks2 a:visited
{
    font-family: Arial;
    font-size: 10px;
	color: #FFF;
    text-decoration: none;
}

.headlinks2 a:hover
{
    font-family: Arial;
    font-size: 10px;
	color: #F00;
    text-decoration: none;
}


.titles
{
    text-align: center;
    border: 0px solid #09f;
    padding: 5px 5px 5px 5px;
    font-family: Arial;
    font-size: 14px;
	color: #09F;
    font-weight: bold;
    text-decoration: none;
}

.titles a:link
{
    font-family: Arial;
    font-size: 14px;
	color: #09F;
    font-weight: bold;
    text-decoration: none;
}

.titles a:visited
{
    font-family: Arial;
    font-size: 14px;
	color: #09F;
    font-weight: bold;
    text-decoration: none;
}


.titles a:hover
{
    font-family: Arial;
    font-size: 14px;
	color: #09f;
    font-weight: bold;
    text-decoration: underline;
}


.titles2
{
    text-align: center;
    border: 0px solid #f00;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 14px;
	color: #09f;
    font-weight: bold;
    text-decoration: none;
    
}

.titles2 a:link
{
    font-family: Arial;
    font-size: 14px;
	color: #09f;
    font-weight: bold;
    text-decoration: none;
}

.titles2 a:visited
{
    font-family: Arial;
    font-size: 14px;
	color: #09f;
    font-weight: bold;
    text-decoration: none;
}


.titles2 a:hover
{
    font-family: Arial;
    font-size: 14px;
	color: #09f;
    font-weight: bold;
    text-decoration: underline;
}



/*
 * Imputs newsletter
 */

.imputnews
{
    font-family: Arial;
    font-size: 11px;
	color: #333;
    text-decoration: none;
    size: 100px;
}


/*
 * Estilos para o Box
 */

.box
{
    font-family: Arial;
    font-size: 11px;
	color: #333;
    text-decoration: none;
}

.box a:link
{
    font-family: Arial;
    font-size: 11px;
	color: #333;
    text-decoration: none;
}
.box a:visited
{
    font-family: Arial;
    font-size: 11px;
	color: #333;
    text-decoration: none;
}

.box a:hover
{
    font-family: Arial;
    font-size: 11px;
	color: #333;
    text-decoration: underline;
}


/*
 * Estilos para o menu
 */
#blocoSecoes
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 180px;
	border-top: 0px solid #FFF;
	border-right: 0px solid #FFF;
	border-left: 0px solid #FFF;
}

/* item no menu */
#blocoSecoes .itemmenu, #blocoSecoes .itemmenusel
{
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    text-align: left;
    width: 100%;
    padding: 5 5 5 20;
    position: relative;
    border-bottom: 2px solid #FFF;
}

#blocoSecoes .itemmenu
{
    background: url("http://www.asabeca.com.br//data/template/images/bk_menu.gif");
}

#blocoSecoes .itemmenusel
{
    background: url("http://www.asabeca.com.br//data/template/images/bk_menulight.gif");
}

/* link item no menu */
#blocoSecoes .itemmenu a:link, #blocoSecoes .itemmenusel a:link
{
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    color: #333;
    font-weight: none;
    text-align: left;
}

/* item do menu já visitado */
#blocoSecoes .itemmenu a:visited, #blocoSecoes .itemmenusel a:visited
{
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    color: #333;
    font-weight: none;
    text-align: left;
}

/* item do menu quando o mouse passa por cima */
#blocoSecoes .itemmenu a:hover, #blocoSecoes .itemmenusel a:hover
{
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    color: #333;
    font-weight: none;
    text-align: left;
}

/* Imagem (seta) das subseções, posicionamento item do menu */
#blocoSecoes img.mais
{
    position: absolute;
    top: 6px;
    left: 5px;
}

#blocoSecoes .subsecao table
{
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 180px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
}

/* sub-item no menu */
#blocoSecoes .subitemmenu, #blocoSecoes .subitemmenusel
{
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    text-align: left;
    padding: 5px 0 5px 20px;
    position: relative;
    border-bottom: 1px solid #999;
}

#blocoSecoes .subitemmenu
{
    background: url("http://www.asabeca.com.br//data/template/images/bk_submenu.gif");
}

#blocoSecoes .subitemmenusel
{
    background: url("http://www.asabeca.com.br//data/template/images/bk_submenulight.gif");
}

/* sub-item link */
#blocoSecoes .subitemmenu a:link, #blocoSecoes .subitemmenusel a:link
{
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    color: #333;
    font-weight: none;
    text-align: left;
}

/* sub-item do menu já visitado */
#blocoSecoes .subitemmenu a:visited, #blocoSecoes .subitemmenusel a:visited
{
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    color: #333;
    font-weight: none;
    text-align: left;
}

/* sub-item do menu quando o mouse passa por cima */
#blocoSecoes .subitemmenu a:hover, #blocoSecoes .subitemmenusel a:hover
{
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    color: #333;
    font-weight: none;
    text-align: left;
}

/* mouseover em algum item do menu */
#blocoSecoes .itemmenuover { background: url("http://www.asabeca.com.br//data/template/images/bk_menuover.gif"); }
#blocoSecoes .subitemmenuover { background: url("http://www.asabeca.com.br//data/template/images/bk_submenuover.gif"); }

/*
 * Estilos para o marquee - destaques
 */

.inforolando
{
    border: 1px solid #0f0;
}

.inforolando a:link
{
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #f00;
}
.inforolando a:visited
{
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #f00;
}
.inforolando a:hover
{
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    color: #f00;
}

.lista_subsecoes
{
    position: fixed; top: 80px; left: 30px; width: 180px; height: 25px;
    display: inline;
    padding: 5px;
    margin: 0 5px 5px 0;
    background: #666;
    border: 0px solid #00f;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #999;
}


.lista_subsecoes a:link
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}

.lista_subsecoes a:visited
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}

.lista_subsecoes a:hover
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    color: #fff;
}

.rodape
{
    position: none;
    width: 100%;
    padding: 10px;
    margin: 0;
    background: #EEE;
    border: 0px solid #CCC;
    font-family: Arial;
    font-size: 11px;
    color: #333;
}


.rodape a:link
{
    font-family: Arial;
    font-size: 11px;
    color: #09F;
}

.rodape a:visited
{
    font-family: Arial;
    font-size: 11px;
    color: #09F;
}

.rodape a:hover
{
    font-family: Arial;
    font-size: 11px;
    text-decoration: underline;
    color: #09F;
}


/*
 * Estilos para livechat
 */

#craftysyntax
{
    margin-left:10px;
    float:right;
}



