@import "horinaja.css";

#animacao { width: 968px; height: 228px; background: url(../../img/animacao_bg.png) 0 0 no-repeat; font-family: Arial, Helvetica, sans-serif; }
  #animacao ul { display: block; height: 228px; }
    #animacao ul li { display: block; overflow: hidden; width: 969px; height: 228px; }
      #animacao ul li .left { float: left; width: 527px; }
        #animacao ul li .left .linha1 { font-size: 22px; color: #E9503F; margin: 50px 0 0 25px; }
        #animacao ul li .left .linha2 { font-size: 27px; color: #FFF; margin: 6px 0 0 25px; font-weight: bold; }
        #animacao ul li .left .comprar { display: block; overflow: hidden; text-indent: -9999px; background: url(../../img/bt-animacao-comprar.png) 0 0 no-repeat; width: 155px; height: 42px; margin: 10px 0 0 347px; }
      #animacao ul li .right { float: right; width: 292px; height: 228px; text-align: center; display: table; position: relative; text-align: center; }
        #animacao ul li .right a { overflow:hidden; margin: 0 auto; position: relative; display: block; vertical-align: middle; height: 210px; width: 292px; margin: 10px 0 0 0; }

    #animacao .horinaja_pagination { height: 24px; width: 500px; display: block; overflow: hidden; padding: 0; position: absolute; margin: -27px 0 0 27px; }
      #animacao .horinaja_pagination li { float: left; display: inline; }
        #animacao .horinaja_pagination li a { display: block; overflow: hidden; cursor: pointer; height: 24px; width: 29px; line-height: 24px; margin: 0 3px 0 0; padding: 0; text-align: center; font-size: 11px; background: url(../../img/animacao_pagination_bg.png) 0 0 no-repeat; color: #CCC; }
      #animacao .horinaja_pagination li.active { }
        #animacao .horinaja_pagination li.active a { color: #E9503F; }


body {
	margin: 0px;
	padding: 0px;
	background-image: url(../../img/bg.jpg);
	background-color: #1A1A1A;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #CCCCCC;
	background-position: center top;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

div, form, h1, h2, h3, h4, p, ul, li {
	margin: 0px;
	padding: 0px;
}
div {
	overflow: hidden;
}
#layout {
	width: 968px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#layout #topo {
	width: 938px;
	padding-right: 15px;
	padding-left: 15px;
	background-image: url(../../img/bg-topo.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#layout #logo {
	float: left;
	clear: right;
}

#layout #topo #menu {
	margin-top: 10px;
	float: right;
}


#layout #topo #menu ul li {
	float: left;
	list-style-type: none;
	background-image: url(../../img/bg-menu-topo.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#layout #topo #menu ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	display: block;
	float: left;
	height: 16px;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(../../img/bg-menu-topo-right.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: -1px;
}
#layout    #topo    #menu    ul    li    a:hover   {
	background-image: url(../../img/bg-menu-topo-over.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#layout #topo #aol {
	float: left;
	margin-left: 500px;

}

#layout #topo #fone {
	float: right;
}


#layout  #barra  {
	background-image: url(../../img/bg-barra.jpg);
	height: 72px;
	width: 968px;
	margin-right: auto;
	margin-left: auto;
}
#layout #barra a {
	color: #49ADF3;
	text-decoration: none;
}
#layout #barra a:hover {
	color: #E9503F;
	text-decoration: none;
}


#layout #barra .blocos {
	padding-top: 15px;
	padding-right: 18px;
	padding-bottom: 0px;
	float: left;
	padding-left: 18px;
}

#layout #barra label {
	width: 100%;
	display: block;
}
#layout #barra fieldset {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#layout #corpo {
	width: 938px;
	background-image: url(../../img/bg-content.jpg);
	background-position: center top;
	background-repeat: repeat-y;
	padding: 15px;
}


#layout #corpo #lateral {
	float: left;
	width: 230px;
}
#layout #corpo #lateral h3 {
	background-image: url(../../img/bg-h-lateral.gif);
	background-repeat: no-repeat;
	height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
}
#layout #corpo #lateral a {
	color: #CCCCCC;
	text-decoration: none;
}
#layout #corpo #lateral a:hover {
	text-decoration: none;
}




#layout #corpo #lateral #categorias {
	height: 500px;
	width: 200px;
}

#layout #corpo #lateral #linhas {
	height: 200px;
	width: 200px;
}

#layout #corpo #lateral ul li {
	float: left;
	width: 100%;
}



#layout  #corpo  #lateral  ul li a {
	color: #CCCCCC;
	text-decoration: none;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #363531;
	margin-bottom: 2px;
	padding: 4px;
}
#layout #corpo #lateral ul li a:hover {
	color: #49ADF3;
}


#layout #corpo #lateral .vermelho    {
	color: #DD9988;
	text-decoration: none;
}
#layout #corpo #lateral .verde {
	color: #6FA24D;
	text-decoration: none;
}


#layout #corpo #content {
	float: left;
	width: 700px;
}
#layout #corpo #content a {
	color: #49ADF3;
	text-decoration: none;
}
#layout #corpo #content a:hover {
	color: #E9503F;
	text-decoration: none;
}


#layout #corpo #content table.tbl_with_border {
	border-collapse:collapse;
}
#layout #corpo #content table.tbl_with_border   tr td {
	border: 1px solid #363531;
}
#layout #corpo #content table tr   td.tbl_bg_linha   {
	background-image: url(../../img/bg-cells.jpg);
	background-repeat: repeat-x;
}
#layout #corpo #content h2 {
	font-size: 20px;
	color: #E9503F;
}
#layout #corpo #content h3 {
	font-size: 15px;
	color: #E9503F;
	font-weight: normal;
}
#layout #corpo #content h4 {
	font-size: 15px;
	color: #CCCCCC;
	font-weight: normal;
}


#layout #corpo #content hr {
	height: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #363531;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 10px;
	clear: left;
}
#layout #corpo #content .oferta {
	margin-right: 20px;
	margin-bottom: 20px;
	width: 680px;
}


#layout #corpo #content .oferta h4 {
	font-size: 15px;
	color: #FFFFFF;
	font-weight: normal;
	margin-bottom: 20px;
}

#layout #corpo #content .oferta .preco {
	font-size: 22px;
	color: #E9503F;
	font-weight: bold;
}
#layout #corpo #content .oferta .foto {
	background-image: url(../../img/bg-foto-g.gif);
	background-repeat: no-repeat;
	float: left;
	margin-right: 20px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

#layout #corpo #content .box h4 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	margin-bottom: 10px;
}
#layout #corpo #content .box {
	float: left;
	width: 330px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	height: 90px;
}


#layout #corpo #content .box .preco {
	font-size: 12px;
	color: #E9503F;
	font-weight: bold;
}
#layout #corpo #content .box .foto {
	background-image: url(../../img/bg-foto-p.gif);
	background-repeat: no-repeat;
	float: left;
	margin-right: 10px;
	padding: 2px;
	text-align: center;
	display: block;
	height: 83px;
	width: 96px;
}


#layout #corpo #content a.botaozao {
	background-image: url(../../img/bg-h-lateral.gif);
	background-repeat: no-repeat;
	height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #E9503F;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	width: 185px;
}
#layout #corpo #content a.botaozao2 {
	background-image: url(../../img/bg-h-lateral.gif);
	background-repeat: no-repeat;
	height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	width: 185px;
}
#layout #corpo #content a:hover {
	color: #E9503F;
	text-decoration: none;
}
#layout  #corpo  #content  .forms  input, textarea {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#layout #corpo #content .preco {
	font-size: 12px;
	color: #E9503F;
	font-weight: bold;
}
#layout #corpo #content .alerta {
	font-size: 12px;
	color: #FF9037;
	font-weight: bold;
}
#layout #corpo #content .azul {
	font-size: 12px;
	color: #49ADF3;
	font-weight: bold;
}
#layout #corpo #content .mini {
	font-size: 9px;
	color: #666666;
	font-weight: bold;
}
#layout #corpo #content .mini2 {
	font-size: 9px;
	color: #E9503F;
	font-weight: bold;
}

#layout #corpo #content .destacar {
	background-color: #FFFFCC;
}
#layout #corpo #content #paginacao {
	float: left;
	width: 100%;
}











#rodape {
	background-image: url(../../img/bg-rodape.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 968px;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	background-color: #1A1A1A;
}
#rodape #rcontent {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#rodape #rcontent .colunas {
	float: left;
	width: 130px;
	margin-right: 10px;
}
#rodape #rcontent a {
	color: #4C4A3F;
	text-decoration: none;
}
#rodape #rcontent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CCCCCC;
	margin-bottom: 10px;
}

#rodape #rcontent a:hover {
	color: #4C4A3F;
	text-decoration: underline;
}