/*
    Document   : style
    Created on : 28/02/2011, 9:31:02
    Author     : Fernando Moreira Costa
    File name  : style.css
*/

* { margin: 0; padding: 0; }

html { background: #cdcdcd; font-size: 100%; font-family:Arial, Verdana, Helvetica, sans-serif; }

.c { clear: both; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }

p { font-size: 12px; margin: 5px 0; line-height: 18px; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
img { border: none; }

textarea { overflow: auto; }

/* Geral */
#geral { width: 850px; margin: 0 auto; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------
		Sidebar
-----------------------------------------------------------------------------------------------------------------------------------------------------*/
#sidebar { width: 286px; position: absolute; margin: -37px 0 0 -25px; }
#sidebar .sidebar_top { background: url(../images/sidebar_top.png) no-repeat; width: 287px; height: 37px; }
#sidebar .sidebar_meio { background: url(../images/sidebar_meio.png) repeat-y; width: 287px; height: auto; }
#sidebar .sidebar_bottom { background: url(../images/sidebar_bottom.png) no-repeat; width: 287px; height: 52px; }

#sidebar .sidebar_meio .logo a {  background: url(../images/logo.png) no-repeat center; width: 261px; height: 167px; margin-left: 14px; }
#sidebar .sidebar_meio .imagem_sidebar {  background: url(../images/sidebar_imagem.jpg) no-repeat center; width: 242px; height: 557px; margin-left: 25px; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------
		Content
-----------------------------------------------------------------------------------------------------------------------------------------------------*/
#content { width: 850px; background: #fff; margin: 30px 0 0 -10px; min-height: 724px; padding: 10px; }

#content .menu_canto { width: 17px; height: 60px; background: url(../images/menu_canto.png) no-repeat center; }
#content #menu { background: transparent; width: 600px; margin-top: 15px; }
#content #menu ul { background: #c71711; height: 60px; width: 583px; list-style: none; }
#content #menu ul li { display:inline; float:left; position: relative; z-index: 1;  }
#content #menu ul li a { padding: 23px 24px; float: left; display: inline; color: #fff; font-variant: small-caps; font-size: 15px; }
#content #menu ul li a:hover, #content #menu ul li .active { color: #f1ba02; text-decoration: none; }
#content #menu ul li ul { display: none; position: absolute; left: 0; top: 55px; width: 270px; padding: 0 0 10px 0; height: auto; background-color: #c71711; }
#content #menu ul li:hover ul{ display: block; z-index: 1000; }
#content #menu ul li ul li{ display: block; float: none; }
#content #menu ul li ul li a{ padding: 7px 5px; width: 250px; margin: 3px 5px; font-variant: small-caps; font-size: 12px; border-bottom: 1px solid #d1d1d1; }

#content #conteudo { background: #ebebeb; width: 555px; min-height: 560px; margin: 85px 0 0 270px; padding: 10px 15px 10px 10px; position: absolute; }
#content #conteudo .title { padding: 5px 80px 5px 20px; background: #ca170f; font-size: 16px; letter-spacing: 1px; color: #fff; margin-left: -20px; position: absolute; }

#content #rodape { background: #f1ba02; font-size: 12px; width: 535px; margin-top: 10px; padding: 10px 15px 10px 10px; }

/* Contato */
#conteudo span { font-size: 12px; margin-right: 15px; letter-spacing: 1px; }
#conteudo .text { width: 180px; padding: 2px 5px; border: 1px solid #d1d1d1; }
#conteudo .textarea { width: 180px; padding: 2px 5px; height: 70px; border: 1px solid #d1d1d1; }
#conteudo .buttom { border: 1px solid #ebebeb; background: #ebebeb; padding: 2px 5px; }
#conteudo .buttom:hover { cursor: pointer; border: 1px solid #ebebeb; background: #e1e1e1; }
#conteudo .valign { padding: 3px 0 0 0;}
/* Validate */
    form.cmxform legend { padding-left: 5px; }
    form.cmxform label.error, label.error { position: absolute; color: #f00; padding: 2px 2px 2px 15px; margin: 0; background: url(../images/error.png) no-repeat left center; border:1px solid #f00; font-style: italic; font-size: 11px; }
    div.error { display: none; }

/* Produtos */
#produtos ul { list-style-image: url(../images/seta.png); margin: 10px 20px; }
#produtos ul li { padding: 2px 0 0 2px; }
#produtos ul li a { font-size: 13px; }
#produtos span { font-size: 18px; color: #c71711; background: url(../images/seta.png) no-repeat left; padding-left: 16px; }

/* Itens Produtos */
.item_produtos { width: 160px; background: transparent; min-height: 180px; padding: 0 5px; margin: 15px 5px }
.imagem_prod { height: 120px; overflow: hidden; border: 2px solid #d6d6d6; background: #fff; }
.imagem_prod:hover { border: 2px solid #626262; }
.item_produtos img { width: 160px; }
.item_produtos .titulo_prod { margin-top: 3px; padding: 5px; background: #ca170f; font-size: 12px; color: #fff;  }

/* Paginacao */
.paginas { margin: 35px 0 10px 0; }
.paginas span { float: left; display: inline; padding: 8px 0; }
.paginas ul { list-style: none; float: left; display: inline; }
.paginas ul li { display: inline; float: left; border: 1px solid #c71711; margin: 2px; }
.paginas ul li a { padding: 5px; font-size: 14px; float: left; display: inline; }
.paginas ul li .pg_ativo, .paginas ul li a:hover { background: #c71711; color: #fff; text-decoration: none; }