/*  BASE ------------------------------------------------------------------  */

html,
body {
	margin:0;
	padding:0;
	height:100%;  /*necessário para a posição do footer ao fundo*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8f8e8e;
	background: #fff;
}

#home{
        background: 0px 120px url('/media/images/bg_home.jpg') no-repeat #fff;
}
#cadeiras{
        background: url('/media/images/bg_cadeiras.jpg') no-repeat #fff;
}

#base{
        background: url('/media/images/base2.jpg') no-repeat #fff;
}
#loja{
        background: url('/media/images/header_bg.jpg') repeat-x #fff;
        height:auto; /* necessário para a posição do footer ao fundo*/
        color:#272727;
}
img {
	border: 0;
	border: none;
}

/* CONTAINER ------------------------------------------------------------------ */


#container, #container_loja{
	min-height: 100%; /* necessário para a posição do footer ao fundo*/
	height:auto !important;
	height:100%;
	margin:0 auto;
	margin-bottom:-60px; /* margin-bootom é o valor negativo da altura do footer */
	width:100%;
        background: url('/media/images/bg_pattern.png') repeat;
        padding:0;
}

#container_loja{
        background: 0 205px url('/media/images/menu_bg_loja.jpg') repeat-y;
        min-height: 100%; /* necessário para a posição do footer ao fundo*/
	height:auto !important;
	height:100%;
	margin:0 auto;
	margin-bottom:0px; /* margin-bootom é o valor negativo da altura do footer */
	width:960px;
        padding-bottom: 30px;
}

/* HEADER ------------------------------------------------------------------ */

#header {
	width:100%;
        float: left;
        height: 55px;
        
}
#container_loja #header{
        width: 960px;
        margin: 0 auto;
        height: 206px;
        float: none;
        background: center top url('/media/images/header_bg.jpg') repeat-x;
}
#container_loja #menu{
        margin: 0 0 0 210px;
}
#container_loja #login_container{
        width: 250px;
        height: 31px;
        margin: 6px 0 0 126px;
        background: url('/media/images/login_bg.png') no-repeat;
        color: #fff;
        padding: 10px 0 0 0;
        text-align: center;
}
#container_loja #login_container div{
    margin: -5px 0 0 0;
}
#container_loja #login_container a#login, 
#container_loja #login_container a#register,
#container_loja #login_container a{
        font-size: 13px;
        color: #fff;
        text-decoration: none;
}
#container_loja #login_container a{
    font-size: 11px;
}
#container_loja #login_container a#login:hover, 
#container_loja #login_container a#register:hover,
#container_loja #login_container a:hover{
        text-decoration: underline;
}
#container_loja #top{
        width: 100%;
        height: 41px;
}
#container_loja #middle{
        width: 100%;
        height: 123px;
}
#container_loja #bottom{
        width: 100%;
        height: 51px;
}
#container_loja #logo{
        margin: 0px 0 0 65px;
}
#container_loja #slogan{
        margin: 18px 0 0 65px;
}
#container_loja #carrinho{
}
#container_loja #top > *, #container_loja #middle > *, #container_loja #bottom > * {
        float: left;
}

#container_loja #bottom #menu_title{
        width: 217px;
        height: 51px;
        background: #272727;
        position: relative;
}
#container_loja #bottom #menu_title #title{
        color: #fff;
        padding: 16px 0 0 15px;
        font-size: 12px;
        text-transform: uppercase;
}

#container_loja #bottom #search_form{
        width: 455px;
        height: 51px;
        background: #272727;
        margin: 0 0 0 15px;
}

#container_loja #bottom #title_destaque{
        width: 202px;
        height: 41px;
        background: 180px 15px url('/media/images/star.jpg') no-repeat #662b24;
        margin: 0 0 0 35px;
        padding: 10px 0 0 15px;
        position:relative;
}
#container_loja #bottom #title_destaque #destaque1{
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
}
#container_loja #bottom #title_destaque #destaque2{
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
}

#menu_container_bg{
        background: url('/media/images/bg_menu.png') repeat;
        margin: 0 0 0 180px;
        height: 45px;
        padding-top: 10px;
}

#menu_container{
	background-color:#000;
        height: 35px;
        margin: 0 0 0 10px;
}
#menu{
	height:35px;
        float: left;
	
}
#content, #content_home, #content_cadeiras, #content_base, #content_loja {
	width:940px;
	padding:10px 10px 10px 10px;
	min-height:100%;
}
#content_loja{
    margin: 0 auto;
    float: left;
    height: 100%;
}
#content_loja > *{
    float: LEFT;
}
#content_loja #menu_loja{
    width: 212px;
    height: 100%;
    margin: 0 5px 0 0;
}
#content_loja #center{
    width: 480px;
    margin: 0 7px;
    height: 100%;
}
#content_loja #sidebar{
    width: 225px;
}


#content_loja #center #nav_bar{
    width: 100%;
    background: url('/media/images/promo_shadow.jpg') no-repeat;
    height: 50px;
}

#content_loja #center #nav_bar ul{
    margin: 0;
    padding: 0;
}
#content_loja #center #nav_bar li{
    list-style: none;
    float: left;
    height: 48px;
}
#content_loja #center #nav_bar li:hover,
#content_loja #center #nav_bar li.nov,
#content_loja #center #nav_bar li.promo{
    background: 45px 40px url('/media/images/arrow.jpg') no-repeat;
}
#content_loja #center #nav_bar li a{
    padding: 12px 20px;
    text-decoration: none;
    color: #a7a7a7;
    display:block;
    height: 16px
}

#content_loja #center #nav_bar li a:hover,
#content_loja #center #nav_bar li:hover a,
#content_loja #center #nav_bar li.nov a,
#content_loja #center #nav_bar li.promo a{
    color: #fff;
    background:  #9b4b41;
}
#content_home{
        padding:80px 0 0 90px;
}

#content_cadeiras, #content_base{
        width: 100%;
        padding: 70px 0 0 0;
        padding: 10px 0 0 0 \9;
}

#content_home #logo{
        margin: 50px 70px 0 0;
}

#line1{
        height: 218px;
        #height: 220px;
}

#line2{
        padding-left: 120px;
}

#line2 #column1{
        width: 320px;
}

.container_box{
        background: url('/media/images/bg_white.png') repeat;
        padding: 10px;
        margin: 1px;
        position: relative;
        cursor:pointer;
}
.container_box:hover{
        background: url('/media/images/bg_menu.png') repeat;
}

.container_box h2{
        position: absolute;
        z-index: 20;
        background: #000;
        color: #fff;
        width: 60%;
        bottom: 15px;
        left: 15px;
        padding: 2px 10px;
        font-size: 13px;
        font-weight: normal;
}
.container_box #loja_wrap{
        position: absolute;
        z-index: 30;
        bottom: 5px;
        right: 5px;
}

#push {
	height: 60px; /* tem de ter a mesma altura do footer */
}

#loja #push {
	height: 96px; /* tem de ter a mesma altura do footer */
}








#slideshow_container_bg{
        background: url('/media/images/degrade.png') repeat-x;
        margin: 2px 0 0 180px;
        padding: 10px 0;
}

#slideshow_container{
        margin: 0 0 0 10px;
}
.subcategoria{
	height:138px;
        width: 100%;
        float: left;	
}
.right_container{
        width: 100%;
        height: 138px;
        float: left;
}

.left_container{
        float:left;
        width: 137px;
        height: 138px;
        margin-left: -100%;
	background: url('/media/images/bg_menu.png') repeat;
}

.slideshow{
        height: 100%;
        margin: 0 0 0 137px;
        height: 140px;
        overflow:hidden;
}
.viewport ul{
        padding: 0;
        margin: 0;
        border-left: 1px solid #b9b9b9;
        border-top: 1px solid #b9b9b9;
        width: auto;
        float: left;
		height:136px;
		overflow:hidden;
}
.viewport li{
        width: 135px;
        height: 136px;
        border-right: 1px solid #b9b9b9;
        border-bottom: 1px solid #b9b9b9;
        background: #fff;
        list-style: none;
        float: left;
		text-align:center;
		overflow:hidden;
}

.title{
        width: 122px;
        height: 35px;
        background: #000;
        padding: 15px 5px 0 10px;
}

.title h3{
        color: #fff;
        font-weight: normal;
        font-size: 11px;
}
#content_base #content_container_bg{
        background: url('/media/images/bg_menu.png') repeat;
        margin: 0 0 0 180px;
        height: 39px;
        padding-top: 10px;
}
#content_base #content_container{
        background-color:#000;
        height: 30px;
        margin: 0 0 0 10px;
}

#content_last h1{
        background: #000;
        color: #fff;
        font-size: 14px;
        line-height: 30px;
        padding: 0 0 0 20px;
}
#rte_container_bg{
        background: url('/media/images/bg_menu.png') repeat;
        margin: 2px 0 0 180px;
        padding: 10px 0;
}

#rte_container{
        background: url('/media/images/white_bg.png') repeat;
        margin: 0 0 0 10px;
        padding: 20px;
        color: #333;
        font-size: 12px;
}
.rte{
        width: 100%;
        float: left;	
}
.fl{
        float:left;
}
.fr{
        float:right;
}

.mt69{
        margin-top: 69px;
}

#go{
        float:left;
        margin: 8px 0 0 3px;
}

#go a{
        color:#000;
        font-size: 9px;
        text-decoration: none;
}

#go a:hover{
        color:#000;
        font-size: 9px;
        text-decoration: underline;
}

#loja #go a{
        color:#fff;
        font-size: 9px;
        text-decoration: none;
}

#loja #go a:hover{
        color:#fff;
        font-size: 9px;
        text-decoration: underline;
}

#content_cadeiras #logo, #content_base #logo{
    margin: 0 0 0 35px;
}

/* FOOTER ------------------------------------------------------------------ */

#footer {
	margin: 0;
	width:950px;
	height: 60px;
        font-size: 9px;
        color: #333;
}

#footer .left {
	float:left;
	padding:10px 30px 0px 250px;
        text-align: center;
}

#footer .meio {
	float:left;
	padding:0px 0px 0px 0px;
}


#footer .center {
	float:left;
	padding:0px 0px 0px 20px;
        width: 350px;
}

#footer .right {
	float:right;
	padding:7px 10px 0px 0px;
}

#loja #container_footer{
	margin: 0;
	width:100%;
	height: 96px;
        background: url('/media/images/bg_footer.jpg') repeat-x;
        position: relative;
}
#loja #footer {
        top: -11px;
        left: 50%;
	margin-left: -480px;
	width:960px;
	height: 107px;
        font-size: 9px;
        color: #fff;
        padding: 0;
        background: #1d1d1d;
        position: absolute;
}

#loja #footer .left {
	float:left;
        text-align: center;
        padding:10px 30px 0px 30px;
        color:#979797;
        
}

#loja #footer .meio {
	float:left;
	padding:45px 0px 0px 0px;
        width: 500px;
}

#loja #footer .right {
	float:right;
	padding:45px 10px 0px 0px;
}

#way,
#way a,
#way a:hover{
    font-size: 8px;
    color: #929292;
    
}

/* LINKS GERAL ------------------------------------------------------------------ */

/* 
link -> visited -> hover -> active :: deve ser seguida esta ordem para formatar as anchors
http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes
*/


a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#282828;
	text-decoration:underline;
}
a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#282828;
	text-decoration:underline;
}
a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF6600;
	text-decoration:underline;
}
a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF6600;
	text-decoration:underline;
}




/* PESQUISA ------------------------------------------------------------------ */

#search {
	float:left;
	width:480px;
	height:41px;
        background: 5px 0 url('/media/images/search_form_bg.jpg') no-repeat;
        margin: 9px 0 0 9px;
}
#form{
    margin: 4px 0 0 10px;
    float:left;
    width: 235px;
}
#form input{
    height: 20px;
    width: 225px;
    border: none;
    outline: none;
    border: 0px;
}

#form_btn{
    float:left;
    margin: 8px;
}

#avancada{
    color: #fff;
    float:left;
    text-transform: uppercase;
    margin: 9px 0 0 15px;
}

#avancada a{
    color: #fff;
    font-size: 10px;
    text-decoration: none;
}
#avancada a:hover{
    color:#fff;
    font-size: 10px;
    text-decoration: underline;
}




/*  MESSAGES ------------------------------------------------------------------  */
.messages {
        padding:10px;
        text-align:center;
}

.messages .error {
        color:red;
        font-weight:bold;
}

.messages .message {
        color:green;
        font-weight:bold;
}

.error_message {
        color:red;
        font-size:10px;
}

label.required {
        font-weight:bold;
}


/*  PAGINATOR ------------------------------------------------------------------  */

#paginator {
    padding-top:10px;
	padding-right:10px;
	padding-left:10px; 
	display:block;
	height:25px;
}

#paginator .total_rows_pages{
	float:left;
	padding:3px;
	display:inline-block;
	padding:2px 6px;
	margin-right:2px;
	color:#000;
}

#paginator .paginatorBlock {
	float:right;
	display:inline-block;
	padding:2px 6px;
}

#paginator a, #paginator .next, #paginator .prev, #paginator .first, #paginator .last {
	padding:2px 6px;
        border: 1px solid #ccc;
        color: #A24C41;
	text-decoration:none; 

}

#paginator .current {
	padding:2px 6px;
	background-color:#A24C41;
	color:#FFF;
        border: 1px solid #000;
}

/*  FORM INPUTS ------------------------------------------------------------------ */

form {margin:0px;} 

.form_field_active{ background-color:#f5f5f5;} /*cor de fundo para campos seleccionados*/

form.LV_form_to_validate input{
	float:left;
}

/*icons de validação dos campos de forms*/
.valid_img{}
.invalid_img{}
.LV_invalid{}
.LV_valid{}

.LV_validation_message{ padding:0px 0px 0px 3px; vertical-align:middle; /*float:left;*/}

/* para as select */
.LV_valid_field{float: left;}

/* para ao date-picker */
.date-picker-control{ float:left;}

/* botao para gerar password */
.span_passwordGenerator{padding:0px 0px 0px 3px; float:left;}

/*  OUTROS */

#history_back{padding-top:5px; border-top: 1px dotted #999999; text-align:right;}

.cp_separator{
	float: left;
}

/* LOJA ----------------------------------------------------------------------------*/

#content_loja #products{
    width: 100%;
}

#content_loja #products .item{
    width: 150px;
    float: left;
    margin: 10px 0
}
#content_loja #products .domeio{
    margin: 10px 15px;
}

#content_loja #products .item .imagem{
    width: 140px;
    height: 100px;
    padding: 5px;
    overflow: hidden;
    text-align: center;
}
#content_loja #products h3{
    text-align: center;
    color: #000;
    font-size: 10px;
}
#content_loja #products .preco{
    text-align: center;
    color: #a24c41;
    font-size: 14px;
    width: 100%;
}

#content_loja #products .add{
    text-align: center;
    margin-top: 5px;
    width: 100%;
}

#content_loja #destaque{
    width: 100%;
    background: center bottom url('/media/images/destaque_bg.jpg') no-repeat;
}

#content_loja #destaque .item{
    width: 218px;
    float: left;
    margin: 10px 0
}
#content_loja #destaque .item .imagem{
    width: 208px;
    height: 90px;
    padding: 5px;
    overflow: hidden;
    text-align: center;
}
#content_loja #destaque h3{
    text-align: center;
    color: #000;
    font-size: 10px;
}
#content_loja #destaque .preco{
    text-align: center;
    color: #a24c41;
    font-size: 14px;
    width: 100%;
}

#content_loja #destaque .ver{
    text-align: center;
    margin: 5px 0 15px 0;
    width: 100%;
}

#content_loja .banner{
    margin-top: 5px;
    position: relative;
}

#content_loja .fita{
    position: absolute;
    top: -15px;
    left: 60px;
    z-index: 5;
}

#content_loja #sugestao{
    width: 100%;
    background: center bottom url('/media/images/destaque_bg.jpg') no-repeat;
    margin-top:15px;
}

#content_loja #sugestao #title_container{
    width: 205px;
    background: 180px 15px url('/media/images/gift.jpg') no-repeat #272727;
    padding: 10px;
}

#content_loja #sugestao #title_container #title1{
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
}
#content_loja #sugestao #title_container #title2{
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
}


#content_loja #sugestao .item{
    width: 218px;
    float: left;
    margin: 10px 0
}
#content_loja #sugestao .item .imagem{
    width: 208px;
    height: 90px;
    padding: 5px;
    overflow: hidden;
    text-align: center;
}
#content_loja #sugestao h3{
    text-align: center;
    color: #000;
    font-size: 10px;
}
#content_loja #sugestao .preco{
    text-align: center;
    color: #a24c41;
    font-size: 14px;
    width: 100%;
}

#content_loja #sugestao .ver{
    text-align: center;
    margin: 5px 0 15px 0;
    width: 100%;
}

#loja h1{
    color: #662B24;
    margin-top: 10px;
}

#menu_loja #top{
    height: 0px;
    margin: 0;
}
.fold{
    position: absolute;
    width: 6px;
    height: 11px;
    left: -6px;
    top:0;
    background: url('/media/images/fold.png') no-repeat;
}
.fold_footer{
    position: absolute;
    width: 6px;
    height: 11px;
    left: -6px;
    top:0;
    background: url('/media/images/fold.png') no-repeat;
}

.mt25{
    margin-top: 25px;
}




/* Galeria ------------------------------------------------------------------------- */

.galeria{
    width: 100%;
}

#imagem_show{
    width: 405px;
    height: 408px;
    text-align: center;
    background-color: #fff;
    float: left;
}

#galeria_imagens .imagem{
        height: 136px;
	text-align:center;
	font-size:12px;
	width: 135px;
	background: #fff;
	float: left;
	overflow:hidden;
        margin: 0;
        padding:0;
        cursor: pointer;
}
#galeria_imagens .imagem a{
    display: block;
}

#galeria_imagens .imagem:hover .plus,
#galeria_imagens .imagem .plus{
    visibility: visible;
    position: absolute;
    top:0;
    left:0;
    height: 136px;
    width: 135px;
    z-index: 50;
}

#galeria_imagens .imagem .plus{
    visibility: hidden;
}

#galeria_imagens .imagem .plus a{
    display: block;
    height: 136px;
    width: 125px;
    padding-top: 5px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 20px;
    color:#000;
    text-decoration: none;
    background: url('/media/images/bg_pattern.png') repeat;
    text-align: right;
}


#galeria_categorias .marca,
#galeria_imagens2 .marca{
    background: #fff;
    margin: 0;
    height: 165px;
    float:left;
    width: 135px;
    text-align: center;
    border: 1px solid #b9b9b9;
    position: relative;
}



#galeria_categorias .name,
#galeria_imagens2 .name{
    position: absolute;
    top: 140px;
    left: 0px;
    text-align: center;
    width: 115px;
    padding: 0 10px;
    z-index: 20;
}

#galeria_categorias .marca:hover .plus,
#galeria_categorias .marca .plus,
#galeria_imagens2 .marca:hover .plus,
#galeria_imagens2 .marca .plus{
    visibility: visible;
    position: absolute;
    top:0;
    left:0;
    height: 165px;
    width: 135px;
    z-index: 50;
    text-align: right;
    background: url('/media/images/bg_pattern.png') repeat;
    float:left;
}

#galeria_categorias .marca .plus a,
#galeria_imagens2 .marca .plus a{
    display: block;
    text-decoration: none;
    padding: 5px 10px 0 0;
    height: 160px;
    width: 125px;
    font-weight: bold;
    font-size: 20px;
    color: #000;
}

#galeria_categorias .marca .plus,
#galeria_imagens2 .marca .plus{
    visibility: hidden;
    
}

#galeria_detail #imagem,
#galeria_detail #descricao{
    float: left;
}

#galeria_detail #imagem{
    width: 405px;
    height: 408px;
    text-align: center;
    background-color: #fff;
    margin: 0 15px 15px 0;
}
#galeria_detail #descricao{
    width: 270px;
}

#back{
    margin: 10px 0 0 0; 
    background: #fff;
    float: left;
    border: 2px solid #000;
}
#back:hover{ 
    background: #000;
    border: 2px solid #fff;
}
#back a{
    padding: 4px 7px;
    display: block;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
#back a:hover, #back:hover a{
    color: #fff;
}


#history_back{
    margin: 10px 0 0 0; 
    background: #fff;
    float: left;
    border: 2px solid #000;
    padding: 0;
}
#history_back:hover{ 
    background: #000;
    border: 2px solid #fff;
}
#history_back a{
    padding: 4px 7px;
    display: block;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
#history_back a:hover, #history_back:hover a{
    color: #fff;
}

#base  #form_view input{
    border: 1px solid #333;;
    outline: none;
    width: 155px;  
    height: 15px;
}

#base  #form_view input[type="submit"]{
    background: #000;
    color: #fff;
    cursor: pointer;
    height: 20px;
    line-height: 15px;
}

#base  #form_view input[type="submit"]:hover{
    background: #fff;
    color: #000;
    
}