/***************** RIOQUÍMICA - Styles *****************/

body { margin:0px; padding:0px; background-image:url(../Img/bg.jpg); background-repeat:no-repeat; font-family:"Calibri", Arial, Verdana; background-repeat:repeat-x; color:#666; font-size:14px }


div#principal { width:1024px; margin:auto }






/***************** DIVS HOME!!! *****************/

div#meio { width:954px; margin:auto; height:170px; margin-top:20px; margin-bottom:20px }
div.mid { width:954px; margin:auto; height:170px; margin-top:20px; margin-bottom:20px }
div#hEsq { width:402px; height:170px; float:left; background-image:url(../Img/imgColher.jpg); background-position:right; background-repeat:no-repeat }
div#hDir { width:552px; height:170px; float:left; background-image:url(../Img/imgHome1.jpg); background-position:right; background-repeat:no-repeat }
div#menu { position:absolute; text-align:right; width:978px; margin:auto; top:30px }

div#rodape { width:954px; height:78px; margin:auto; background-image:url(../Img/bgRodape.jpg); background-repeat:no-repeat }

/***************** DIVS SITE!!! *****************/

div#Esquerda { width:213px; min-height:400px; float:left }
	div#menuEsquerda { width:180px; float:right; margin-top:20px }
div#Direita { width:775px; float:left; margin-top:120px }
	div#dirCont { width:742px; margin:auto }
		div#titulosProdutos { width:443px; float:left }
		div#BUSCA { width:299px; float:left }
		div#prodRelacionados { float:right; width:193px; padding-left:30px }
		div#maisFotos { float:left; width:100%; text-align:center; }
		div#rodapeProduto { float:left; width:100%; text-align:right }
		div#rodapeProduto img { cursor: pointer; }

div#rodapeInterno { width:1024px; height:78px; margin:auto; background-image:url(../Img/bgRodape.jpg); background-repeat:no-repeat; float:left; background-position:center }

div#paginacao { text-align:center; width:100%; background-color:#EEE; height:25px; float:left; line-height:25px }

div.listProd { float:left }
span.showProduto { width:140px; height:100px; border:solid 2px #FFF; float:left; cursor:pointer; padding:4px; margin-right:5px }
span.showProduto:hover { border:solid 2px #750000; }

div.float100 { float:left; width:100%; }
div.float80 { width:80%; margin:auto }



/***************** STYLES *****************/

a { text-decoration:none; color:#666 }
a:hover { color:#900 }

input { color:#666; font-size:15px; border:0px; border-bottom:dashed 1px #CCC }
	input[type=image] { border:0px }
	input[type=submit] { border:0px }
textarea { color:#666; font-size:15px; border:dashed 1px #CCC }
select { color:#666; font-size:15px; border:dashed 1px #CCC }

h2 { color:#720000; font-size:20px; font-style:italic }
h4 { color:#720000; font-size:15px; font-style:italic }

hr { height:1px; border:0px; color:#CCC; background-color:#CCC; }

#maisFotos img { cursor:pointer; margin-left:5px; margin-right:5px; border:solid 2px #FFF; }
#maisFotos img:hover { border:solid 2px #750000; }

#rodape a { text-decoration:none; color:#666 }
#rodape a:hover { color:#900 }

#rodape ul { list-style:none; float:right; }
#rodape ul li { display:inline }

#rodapeInterno a { text-decoration:none; color:#666 }
#rodapeInterno a:hover { color:#900 }

#rodapeInterno ul { list-style:none; float:right; margin-right:40px; margin-top:20px }
#rodapeInterno ul li { display:inline }


#menu ul { list-style:none }
#menu ul li { display:inline }

div#menuEsquerda ul { list-style:none; padding:0px; margin:0px; margin-top:10px; margin-bottom:10px; }
div#menuEsquerda ul li { height:33px; cursor:pointer; line-height:33px; border-bottom:solid 1px #CCC; padding-left:20px; font-style:italic; }
div#menuEsquerda ul li:hover { background-color:#EEE; color:#900 }

div#prodRelacionados ul { list-style:none; padding:0px; margin:0px; margin-top:10px; margin-bottom:10px; width:210px }
div#prodRelacionados ul li {border-bottom:1px solid #CCCCCC; cursor:pointer; font-size:11px; font-style:italic; height:33px; line-height:33px; padding-left:10px; }
div#prodRelacionados ul li:hover { background-color:#EEE; color:#900 }

#loading
{
	position: absolute;
	width: 217px;
	background-color: #FFF;
	filter: alpha(opacity=90);
	opacity: 0.9;
	display: none;
}

/* Classes */

.italic12 { font-style:italic; font-size:14px; }
a.dcontexto {
        position: relative;
        font: 12px arial, verdana, helvetica, sans-serif;
        padding: 0;
        color: #039;
        text-decoration: none;
        cursor: help;
        z-index: 24;
}
a.dcontexto:hover {
        background: transparent;
        z-index: 25;
}
a.dcontexto span {
        display: none;
}
a.dcontexto:hover span {
        display: block;
        position: absolute;
        width: 220px;
        top: 0em;
        text-align: justify;
        left: 6em;
        font: 10px Verdana, arial, helvetica, sans-serif;
        padding: 5px 10px;
        border: 1px solid #999;
        background: #E8EBF2;
        color: #000;
}