/* Generiacas */
* {margin:0; padding:0}
body{
    background-color: #C4161C;
    color: #FFF;
    font: 14px Verdana, san-serif;
}
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {
    padding-bottom: 70px;
}

img{border: 0}

ul{list-style: none;float:none }

.clearfix {height: 1%;display: block}

h1, h2 ,h3{
    padding: 10px 0;
    font-weight: normal;
}
h2,h3{font-size:16px}
h1{display:none}

a{outline: 0}

a {
    color: #EDBABB;
    text-decoration: none;
}

a:hover {
    color: #FFF;
}

.center{text-align: center}

div#logo{
    width: 120px;
    height: 75px;
    margin: 0 auto;
    padding: 30px 0;
}

div#imgs{
    width: 450px;
    height: 450px;
    position: absolute;
    left:50%;
    top:50%;
    margin-left: -225px;
    margin-top: -225px;
}


/* #menu/btns */
#menu {
    position: absolute;
    margin-left: -137px;
    width: 127px;
    left: 100%;
    top: 50%;
    z-index: 10;
}

#menu a {
    float: right;
    display: block;
    text-indent: -9000px;
    font-size: 0;
    line-height: 0;
    margin-top: 8px;
    height: 18px;
    clear: both;
    background: url(_img/menu_sprite.gif) no-repeat;
}

#menu a.home{width: 45px;background-position: 0 0}
#menu a.home:hover{background-position: 0 -22px}

#menu a.deluse{width: 51px;background-position: 0 -43px}
#menu a.deluse:hover{background-position: 0 -65px}

#menu a.catalogo-virtual{width: 122px;background-position: 0 -85px}
#menu a.catalogo-virtual:hover{background-position: 0 -107px}

#menu a.lancamentos{width: 100px;background-position: 0 -130px}
#menu a.lancamentos:hover{background-position: 0 -151px}

#menu a.delusexclusive{width: 113px;background-position: 0 -173px}
#menu a.delusexclusive:hover{background-position: 0 -194px}

#menu a.revestimentos{width: 111px;background-position: 0 -216px}
#menu a.revestimentos:hover{background-position: 0 -238px}

#menu a.representantes{width: 117px;background-position: 0 -260px}
#menu a.representantes:hover{background-position: 0 -282px}

#menu a.eventos{width: 61px;background-position: 0 -303px}
#menu a.eventos:hover{background-position: 0 -325px}

#menu a.fale-conosco{width: 99px;background-position: 0 -346px}
#menu a.fale-conosco:hover{background-position: 0 -367px}

/* menu revestimentos */

/*** ESSENTIAL STYLES ***/
.menu, .menu * {
    list-style:	none;
}
.menu {
    line-height:1.0;
}
.menu ul {
    position:absolute;
    top:-999em;
    width:10em; /* left offset of submenus need to match (see below) */

}
.menu ul li {
    width:100%;
}
.menu li:hover {
    visibility:	inherit;
}
.menu li {
    margin-right: 4px;
    float:left;
    position:relative;
}
.menu a {
    display:block;
    position:relative;
}
.menu li:hover ul,
.menu li.sfHover ul {
    left:0;
    top:25px;
    z-index:99;
}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
    top:-999em;
}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
    left:10em; /* match ul width */
    top:0;
}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
    top:-999em;
}
ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
    left:10em; /* match ul width */
    top:0;
}

/*** DEMO SKIN ***/

div.ul_menu{
    width: 590px;
    margin: 0 auto;
}
.menu {
    float:left;
    margin-bottom:1em;
}
.menu a {
    padding: 4px;
    text-decoration:none;
}
.menu a, menu a:visited  {
    font-size: 16px;
    color:#EDBABB;
}
.menu li ul a{
    font-size: 14px;
}
.menu li {
    border-bottom: 1px dotted #EDBABB;
}
.menu li li {
    background-color: #CA2E33;
    font-size: 12px;
}
.menu li:hover, .menu li.sfHover,
.menu a:focus, .menu a:hover, .menu a:active {
    color:#FFF;
    outline:0;
}

/* conteúdo */

div#content{
    width: 700px;
    margin: 0 auto;
}
div#content p{
    text-indent: 20px;
    padding: 6px 0;
}
div#content #msg p{
    text-indent:0;
    padding: 6px 0;
}

/* fale conosco/login */

#form input, textarea {
    font: 16px Verdana, san-serif;
    width: 100%;
    height: 22px;
    border: none;
    color: #fff;
    background-color: #ca2e33;
}

#form textarea {
    height: 100px; 
}

#form label {
    padding: 10px 0 2px 0;
    display: block;
    overflow: hidden;
}

#form div.error{
    color: #edbabb;
    margin: 5px;
    font-style: italic;
}

#form a {
    margin-top: 12px;
    display: block;
    text-indent: -9000px;
    font-size: 0;
    line-height: 0;
    height: 18px;
    background: url(_img/menu_sprite.gif) no-repeat;
    cursor: pointer
}

#form a.logar {width: 41px; background-position: 0 -389px; float: left;}
#form a.logar:hover {background-position: 0 -410px}

#form a.solicite-seu-acesso {width: 145px; background-position: 0 -432px; float: right;}
#form a.solicite-seu-acesso:hover {background-position: 0 -454px}

#form a.enviar {width: 48px; background-position: 0 -518px;}
#form a.enviar:hover {background-position: 0 -540px}


div#msg{
    padding: 5px;
    border: 1px dashed #EDBABB;
    background-color: #CA2E33
}

/*
 * PRODUTOS div#produtos
*/
div#produtos {
    width: 700px;
    overflow: hidden;
}

div#produtos .produto {
    display: inline;
    margin:7px;
    width: 124px;
    height: 160px;
    float: left;
}

div#produtos .produto .thumb {
    width: 126px;
    height: 126px;
    overflow: hidden;
}

div#produtos .produto .thumb a {
    padding: 2px;
    border: 1px solid #EDBABB;
    display: block;
}
div#produtos .produto .thumb a img {
    width:120px;
    height:120px;
    overflow:hidden;
}

div#produtos .produto .thumb a:hover {
    border: 1px solid #FFF;
    display: block;
}

div#produtos .produto span {
    width:126px;
    height:20px;
    background:url(_img/thumb.gif);
    display: block;
    text-align: center;
    font-size:12px;
    overflow:hidden;
    line-height:20px;
}
div#produtos .produtos span.header{
    background-position:top center;
}
div#produtos .produto span.footer{
    background-position:bottom center;
}

/* usuario */
div#usuario{
    padding: 5px;
    border: 1px dotted #EDBABB;
    background-color: #CA2E33;
    margin-top: 10px;
    margin-right: 10px;
    float: right;
    color: #EDBABB;
}   

div#usuario span{color: #fff}

/* representantes */

div.representante {
    overflow: hidden;
    margin: 10px 0;
    padding: 10px;
    border-bottom: 1px solid #EDBABB;
}

div.representante div span {
    color: #EDBABB;
}

div.representante div {
    color: #FFF;
}

#descriptive div.representante div p {
    padding: 1px
}

div.representante a {
    float: right;

}
/* eventos */
div#evento{
    padding-bottom: 10px;
}
div#eventos{
    border-top: 1px solid #EDBABB;
   padding-top: 5px;
}
div#eventos ul li{
   padding: 3px 10px;
}
div#eventos ul li span{
   font-size: 10px;
   color: #EDBABB;
}
div#evento div span {
    color: #EDBABB;
}
div#evento .thumb {
    display: inline;
    margin: 15px;
    float: left;
    width: 126px;
    height: 126px;
    overflow: hidden;
}

div#evento .thumb a {
    padding: 2px;
    border: 1px solid #EDBABB;
    display: block;
}
div#evento .thumb a img {
    width:120px;
    height:120px;
    overflow:hidden;
}

div#evento .thumb a:hover {
    border: 1px solid #FFF;
    display: block;
}



/* #footer */

#footer {
    position: relative;
    margin-top: -50px;
    height: 50px;
    clear:both;
    color: #edbabb;
    text-align:center;
    font-size: 12px;
}
#footer address {
    font-style: normal;
}

#footer address span {
    color: #FFF;
    font-size: 16px;
}

#ween_tigra {
    margin-top: 3px;
}