﻿body
{
    margin: 0px 0px 0px 0px;
    background: #C0C0C0 url(      '../../imagens/fundoEx.jpg' ) repeat-x;
    font-family: Verdana;
}

#geral
{
    width: 791px;
    margin: 0 auto;
}

#logoTopo
{
    float: left;
    width: 441px;
    height: 230px;
    background: #F6F6F6 url(     '../../imagens/logoTopo.jpg' ) no-repeat;
}

#topoFlash
{
    float: right;
    width: 350px;
    height: 230px;
    background: #F6F6F6 url(    'imagens/flashTopo.jpg' ) no-repeat;
}

#topoEx
{
    width: 791px;
    border: none;
    background-color: #333333;
    padding: 0;
}

#topoEx ul
{
    padding: 0;
    margin: 0 0 0 0;
}

#topoEx ul li
{
    margin: 0 0 0 0;
    display: inline;
    padding: 0;
    text-align: center;
}

#topoEx ul li a
{
    width: 95px;
    text-align: center;
    background: #333333;
    color: #C9C9C9;
    font-size: 15px;
    text-decoration: none;
    padding: 5px 18px;
    float: left;
}

#topoEx ul li a:HOVER
{
    background: #CFCFCF;
    font-size: 15px;
    color: #333333;
    text-decoration: none;
}

#conteudo
{
    width: 770px;
    float: left;
    padding: 16px 10px 20px 11px;
    min-height: 370px;
    text-align: justify;
}

#produtosLateral
{
    float: right;
    width: 252px;
    background: #D7D7D7;
    margin: 0px 20px 20px 10px;
    padding: 8px 17px 17px 17px;
    border-left: solid 1px #E6E6E6;
}

#noticiasLateral
{
    float: right;
    width: 252px;
    background: #D7D7D7;
    margin: 0px 20px 20px 10px;
    padding: 8px 17px 17px 17px;
    border-left: solid 1px #E6E6E6;
}

#rodape
{
    background: #BE2221 url( '../../imagens/rodapeEx.jpg' ) repeat-x;
    height: 91px;
    clear: both;
}

#rodapeConteudo
{
    background: #BE2221 url( '../../imagens/rodapeFull.jpg' ) no-repeat;
    height: 91px;
    font-size: 12px;
    color: #FFFFFF;
    width: 750px;
    margin: 0 auto;
    padding: 0px 15px;
}

/*================*/
/*==== FONTES ====*/
/*================*/

.f_titulo
{
    font-size: 20px;
    color: #252525;
}

.f_tituloProduto
{
    font-size:: 16px;
    color: #252525;
}

.f_conteudo
{
    font-size: 12px;
    color: #252525;
}

.f_veja, .f_veja:LINK, .f_veja:VISITED, .f_veja:HOVER
{
    color: #DA2725;
    font-size: 12px;
    text-decoration: none;
}

.f_veja:HOVER
{
    color: #811616;
}

.f_link, .f_link:LINK, .f_link:VISITED, .f_link:HOVER
{
    color: #252525;
    text-decoration: none;
    font-size: 12px;
}

.f_link:HOVER
{
    color: #DA2725;
}

.f_rodape, .f_rodape:LINK, .f_rodape:VISITED, .f_rodape:HOVER
{
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
}

.f_rodape:HOVER
{
    color: #333333
}

/*=====================*/
/*======COMPENTES======*/
/*=====================*/

.textbox, .textbox:FOCUS, .textbox:HOVER
{
    font-family: Verdana;
    font-size: 12px;
    color: #333333;
    border: solid 1px #969594;
}

.textbox:FOCUS, .textbox:HOVER
{
    border: solid 1px #DA2725;
}

.imagem
{
    background: #FFFFFF;
    padding: 5px;
}

/*===========================*/
/*======== Accordion ========*/
/*===========================*/

.accHead
{
    color: #000000;
    font-size: 15px;
    padding: 5px;
    margin-top: 5px;
    text-align:justify;
    cursor: pointer;
}
.accHeadSelect
{
    color: #000000;
    font-size: 15px;
    padding: 5px;
    margin-top: 5px;
    text-align:justify;
    cursor: pointer;
    font-weight: bold;
}
.accCont
{
    border-top: none;
    padding: 5px;
    color:#333333;
    font-size: 12px;
    text-align:justify;
}

/* Acordion 2 */

.accHead2
{
    color: #000000;
    background: #CCCCCC url('../../imagens/acordionHead.jpg') no-repeat;
    font-size: 15px;
    padding: 5px;
    margin-top: 5px;
    text-align:justify;
    cursor: pointer;
}
.accHeadSelect2
{
    background: #CCCCCC url('../../imagens/acordionSelect.jpg') no-repeat;
    color: #000000;
    font-size: 15px;
    padding: 5px;
    margin-top: 5px;
    text-align:justify;
    cursor: pointer;
    font-weight: bold;
}
.accCont2
{
    background: #CCCCCC;
    border-top: none;
    padding: 5px;
    color:#333333;
    font-size: 12px;
    text-align:justify;
}

/*Interno*/

.accHeadInterno
{
    color: #000000;
    font-size: 15px;
    padding: 5px 5px 5px 40px;
    margin-top: 5px;
    text-align:justify;
    cursor: pointer;
}

.accHeadInternoSelect
{
    color: #000000;
    font-size: 15px;
    padding: 5px 5px 5px 40px;
    margin-top: 5px;
    text-align:justify;
    cursor: pointer;
    font-weight: bold;
}
.accContInterno
{
    border-top: none;
    padding: 5px 5px 5px 50px;
    color:#333333;
    font-size: 12px;
    text-align:justify;
}


.accHead:HOVER, .accHeadInterno:HOVER, .accHead2:HOVER
{
    color: #5C1010;
}


/* ADM */
.accHeadAdm
{
    color: #666666;
    font-size: 15px;
    padding: 5px;
    margin-top: 5px;
    text-align:justify;
    cursor: pointer;
}

.accHeadAdmSelect
{
    color: #DA2527;
    font-size: 15px;
    padding: 5px;
    margin-top: 5px;
    text-align:justify;
    cursor: pointer;
    font-weight: bold;
}

.accContAdm
{
    border-top: none;
    padding: 5px 5px 5px 20px;
    color:#333333;
    font-size: 12px;
    text-align:justify;
}

.accHeadAdm:HOVER
{
    color: #DA2527;
}

/* The basicTickerTape styles are required */

div.basicTickerTape {
	position: relative;
	overflow: hidden;
}

	div.basicTickerTape ul {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
	}

/* The basicTickerTape styles are required */

div.skeletonTickerTape {
	border: 1px solid red;
	width: 250px;
	height: 175px;
}

	div.skeletonTickerTape ul li {
		margin: 10px 5px 0 5px;
		position:relative;
		border: 1px solid red;
	}

div.styledTickerTape {
	font-family: Verdana, sans-serif;
	width: 250px;
	height: 200px;
	font-size: 11px;
}

	div.styledTickerTape ul {
		padding: 0;
		list-style: none;
	}

		div.styledTickerTape ul li {
			width: 240px;
			margin: 10px 10px 0 0px;
			padding: 5px 5px;
		}

			div.styledTickerTape ul li p {
				margin: 0;
				padding: 0;
			}

	div.styledTickerTape a {
		color: black;
	}