﻿html { overflow-x: hidden; }

@font-face { font-family: Trajan-Bold;
             src: url('https://lojaonline.casadainsua.pt/font/Trajan-Bold.eot?') format('eot'),
                  url('https://lojaonline.casadainsua.pt/font/Trajan-Bold.ttf')  format('truetype'),
                  url('https://lojaonline.casadainsua.pt/font/Trajan-Bold.otf')  format('opentype');
             }
@font-face { font-family: Trajan-Regular;
             src: url('https://lojaonline.casadainsua.pt/font/Trajan-Regular.eot?') format('eot'),
                  url('https://lojaonline.casadainsua.pt/font/Trajan-Regular.ttf')  format('truetype'),
                  url('https://lojaonline.casadainsua.pt/font/Trajan-Regular.otf')  format('opentype');
             }

body { background:#f6f6f1 url('../images/bgBody.jpg') repeat right top; margin: auto; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 12px; }

.toTop { color:#FFF;text-decoration:none; }

a { color: #84754f; text-decoration: none; outline: none; border: 0px; }
a:hover { color: #504730; text-decoration: none; outline: none; border: 0px; }
img { border: solid 0px #000000; }
hr { border: solid 0.5px #dadada; }

#dvBgFlags { margin: 0px; padding: 0px; background-color: #003d55; width: 100%; height: 4px; position: relative; display: none;  }
    #dvFlags { margin: auto; padding: 4px; width: 960px; height: 22px; text-align: right; }
    #dvFlags img { padding: 4px 1px 4px 1px; }

#dvHeader { border: 0px solid #FF0000; margin: auto; padding: 0px; z-index: 1; position: relative; width: 100%; height: 457px; }
    #dvBgHeader { border: 0px solid #FF0000; left: 50%; margin-left: -675px; padding: 0px; z-index: 0; position: absolute; background-image: url('../images/bgHeader.jpg'); width: 1350px; height: 457px; top: 0px; }
        #dvBgLogoAndMenu { margin: auto; width: 960px; height: 135px; border: 0px solid #000;  }
            #dvBoxLogoAndMenu { border: 0px solid #000000; margin: auto; width: 960px; height: 135px; } /* BOX LOGO COM LOJA */
        #dvHeaderLeft { float: left; margin: 0px 0px 0px 22px; width: 221px; height: 118px; border: 0px solid #000; }
            #dvLogo { margin: 0px; }
        #dvHeaderRight { margin: 0px 0px 0px 0px; padding: 0px; float: right; width: 700px; height: 135px; border: 0px solid #000; }
            #dvShoppingCart { margin: 0px 0px 0px 337px; width: 337px; height: 29px; border: 0px solid #000; }
                #dvBgShoppingCart { background-image: url('../images/imgShoppingCart.png'); background-repeat: no-repeat; width: 367px; height: 29px; border: 0px solid red; }
                    .csInfoOrderTotalQuantity { margin: 0px 0px 0px 3px; border: 0px solid #000; float: left; width: 35px; height: 20px; color: #483f2a; }
                    .csOrderTotalQuantity { padding: 4px 0px 0px 2px; border: 0px solid #000; float: left; width: 145px; height: 20px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #483f2a; }
                    .csUserName { padding: 2px 0px 0px 30px; border: 0px solid #000; float: left; width: 120px; height: 16px; color: #ffe398; }
                        .csUserName a { color: #ffe398; }
                        .csUserName a:hover { color: #483f2a; }
            #dvWrapperMenu { border: 0px solid ORANGE; margin: auto; padding: 0px; z-index: 200; position: absolute; width: 100%; height: 20px; top: 20px; }
                #dvMenu { float: left; width: 660px; margin: auto; position: relative; border: 0px solid red; }
            /* MENU TOP -> MENU.css */

#dvBgHomePage { border: 0px solid blue; z-index: 1; position: relative; top: -320px; padding: 0px; width: 100%; height: 433px; background:#dfdfdf url('../images/preloader.gif') no-repeat center center;}
    #dvBgHomePageImg { border: 0px solid green; z-index: 1; position: absolute; left: 50%; margin-left: -960px; padding: 0px; width: 1920px; height: 433px; }

#dvLayout { border: 0px solid green; margin: -490px auto 0px auto; padding: 0px; z-index: 2; position: relative; width: 100%; height: 100%; }
    #dvTopBox { margin: auto; background-image: url('../images/top_box.png'); background-repeat: no-repeat; width: 922px; height: 17px; z-index: 1; position: relative; }
    #dvRepeatBox { margin: auto; padding: 0px 0px 0px 0px; background-image: url('../images/repeat_box.png'); background-repeat: repeat-y; width: 922px; z-index: 1; position: relative; border: 0px solid #000; }
    #dvBottomBox { margin: auto; background-image: url('../images/bottom_box.png'); background-repeat: no-repeat; width: 922px; height: 17px; z-index: 1; position: relative;  border: 0px solid #000; }
#dvBgLayout { border: 0px solid #000; margin: -350px auto 0px auto; padding: 0px; background-image: url('../images/bgContent.jpg'); background-position: left bottom; z-index: 0; position: relative; width: 1350px; height: 639px; }

#dvLayoutContent { border: solid 0px #000; margin: auto; margin-top: -288px; width: 1000px; height: 100%; }

/* CONTENT PAGE */
.csLeftTitleTopo { margin-left: 0px; width:650px;}
.csLeftTitle { margin-left: 0px;}
.csTitleTopo { border: 1px solid #000; padding: 4px; font-family: Trajan-Bold, Verdana, Arial, sans-serif; font-size:16px; font-weight: bold; color: #84754f; line-height: 24px; }
.csTitle { border: 0px solid #000; padding: 4px; font-family: Trajan-Bold, Verdana, Arial, sans-serif; font-size:16px; font-weight: bold; color: #84754f; line-height: 24px; }
.csTitleCurveLeft { float: left; background-image: url('../images/bgTitleCurveLeft.png'); background-repeat: no-repeat; width: 12px; height: 31px; }
.csTitleRepeat { float: left; background-image: url('../images/bgTitleRepeat.png'); background-repeat: repeat-x; height: 31px; }
.csTitleCurveRight { float: left; background-image: url('../images/bgTitleCurveRight.png'); background-repeat: no-repeat; width: 12px; height: 31px; }
.csTopImg { clear: both; margin: 0px 0px 30px 0px; color: #3d3d3d; font-size:11px;}
.csTopImgHCI { margin: 50px 0px 10px 0px; color: #3d3d3d; font-size:11px;}

/* LISTA DE PRODUTOS */
.csTitleShopOnline { border: 0px solid #000; padding: 4px; width: 475px; font-family: Trajan-Bold, Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #84754f; }
    .csTitleShopOnline a { border: 0px solid #000; padding: 4px; width: 475px; font-family: Trajan-Bold, Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #84754f; }
    .csTitleShopOnline a:hover { border: 0px solid #000; padding: 4px; width: 475px; font-family: Trajan-Bold, Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #979797; }

.csIntroShopOnline { border: 0px solid #000; padding: 10px 4px 10px 4px; width: 475px; font-family: Verdana, Arial, sans-serif;  font-weight: normal; color: #3d3d3d; font-size:11px;}
.csTextShopOnline { border: 0px solid #000; padding: 4px; width: 475px; font-family: Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #2d2616; }
.csSubTitleShopOnline { border: 0px solid #000; padding: 4px; width: 475px; font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #84754f; }
.csSimboloShopOnline  { border: 0px solid #000; padding: 0px; width: 475px; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #2d2616; }
.csSimboloShopOnlineSmall  { border: 0px solid #000; padding: 0px; width: 475px; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; color: #3d3d3d; }
.csBox6PiecesShopOnline  { border: 0px solid #000; margin: 0px 0px 0px 70px; padding: 0px; font-family: Trajan-Bold, Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #2d2616; }
.csSeparator { margin: 5px auto 0px auto; width: 600px; border-top: 1.5px solid #a39161; }
#csLink a { font-family: Trajan-Regular, Verdana, Arial, sans-serif; color: #84754f; }
#csLink a:hover { font-family: Trajan-Regular, Verdana, Arial, sans-serif; color: #979797; }

#dvColumnA { float: left; border: 0px solid #000; margin: 15px 0px 0px 15px; width: 250px; vertical-align: top; }
    #dvContentA { margin: 0px; padding: 0px 0px 0px 0px; line-height: 18px; vertical-align: top; }
        .csTitleSubMenu { font-family: Verdana, Arial, sans-serif; border: 0px solid #000; padding: 5px; font-size: 14px; color: #a39161; font-weight: bold; }
        .csSubMenuActive { font-family: Verdana, Arial, sans-serif; border: 0px solid #000; padding: 5px 0px 0px 15px; font-size: 11px; color: #372f1b; font-weight: normal; }
        .csSubMenuActive a { font-family: Verdana, Arial, sans-serif; color: #372f1b; float: left; width: 100%;}
        .csSubMenuActive a:hover { font-family: Verdana, Arial, sans-serif; color: #504730; padding: 0px 0px 0px 3px; cursor: hand; border: 0px solid #000; height: 20px; }
        .csSubMenuActive a:hover .csSBA_L { float: left; background-image: url('../images/imgBgSubMenuLeft.jpg'); width: 8px; height: 20px; border: 0px solid #000; }
        .csSubMenuActive a:hover .csSBA_Middle { float: left; color: #504730; background-color: #ffe398; height: 20px; border: 0px solid #000; }
        .csSubMenuActive a:hover .csSBA_R { float: left; background-image: url('../images/imgBgSubMenuRight.jpg'); width: 8px; height: 20px; border: 0px solid #000; }
        .csSubMenu { border: 0px solid #000; font-family: Verdana, Arial, sans-serif; border: 0px solid #000; padding: 5px; font-size: 12px; color: #003d55; font-weight: bold; }
        .csSubMenu a { font-family: Verdana, Arial, sans-serif; color: #003d55; }
        .csSubMenu a:hover { font-family: Verdana, Arial, sans-serif; color: #18a2d6; }

#dvColumnB { float: left; border: 0px solid #000; margin: -10px 0px 0px 0px; width: 650px; }
#dvColumnContB { float: left; border: 0px solid #000; margin: -10px 0px -30px 0px; width: 450px; }
    #dvContentB { padding: 25px 25px 0px 25px; line-height: 18px; color: #3d3d3d; font-size:11px; }
    #dvContentB_IFrame { padding: 25px 25px 0px 25px; line-height: 18px; color: #3d3d3d; font-size:11px; }
    #dvContentB_ShoppingOnline { padding: 0px 25px 0px 25px; line-height: 18px; color: #949494; }
    #dvContentB_Prices { padding: 0px 25px 0px 25px; line-height: 18px; color: #949494; }
        .csLabel { font-family: Verdana, Arial, sans-serif; color: #84754f; font-size: 12px; }
        .csLabel_Bold { font-family: Verdana, Arial, sans-serif; color: #2d2616; font-weight: bold; font-size: 16px; }
        .tbQtd_Small { border: 1px solid #84754f; width: 20px;text-align:center; }

#dvColumnC { float: left; border: 0px solid #000; margin: 0px 0px 0px 0px; width: 200px; }
    #dvContentC { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 18px; color: #949494; }

#dvPayment { border: 0px solid #000; z-index: 3; position: relative; margin: -250px auto; padding: 0px; width: 960px; height: 200px;}
    #dvPasso1 { float: left; border: 0px solid #000; padding: 5px; width: 230px; height: 55px; }
    #dvPasso1 IMG { margin: 0px 5px 0px 5px; }
    .csPasso1 { margin: 15px 0px 0px 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #000000; }
    #dvPasso2 { float: left; border: 0px solid #000; padding: 5px; width: 230px; height: 55px; }
    #dvPasso2 IMG { margin: 0px 5px 0px 5px; }
    .csPasso2 { margin: 15px 0px 0px 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #000000; }
    #dvPasso3 { float: left; border: 0px solid #000; padding: 5px; width: 230px; height: 55px; }
    #dvPasso3 IMG { margin: 0px 5px 0px 5px; }
    .csPasso3 { margin: 15px 0px 0px 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #000000; }
    #dvPasso4 { float: left; border: 0px solid #000; padding: 5px; width: 230px; height: 55px; }
    #dvPasso4 IMG { margin: 0px 5px 0px 5px; }
    .csPasso4 { margin: 15px 0px 0px 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #000000; }

#dvBgCopyrightAndFooter { border: 0px solid #000; margin: 0px auto 0px auto; padding: 0px; background-image: url('../images/imgBgFooter.png'); background-position: left top; z-index: 4; position: relative; top: 125px; height: 224px; clear: both; }
    .dvMargem { border: 0px solid #000; height: 100px }
    #dvCartoes { margin: 0px auto 0px auto; width: 900px; border: 0px solid #000; text-align: right;}
    .dvSeparator { margin: 5px auto 5px auto; width: 900px; height: 4px; border: 0px solid #000; }
    #dvCopyrightAndLogosWrapper { width: 100%; background-color: #FFFFFF; border: 0px solid violet; text-align: center; }
    #dvCopyrightAndLogos { margin: 10px auto 10px auto; width: 900px; height: 60px; border: 0px solid brown; }  /* */
        #dvCopyright { float: left; margin: 0px; padding: 0px; width: 380px; height: 50px; font-size: 10px; color: #b7b7b7; border: 0px solid blue; text-align: left;}
            #dvCopyrightMargin { margin: -5px 0px 0px 0px; }
        #dvLogos { float: right; margin: 0px; padding: 0px; width: 495px; height: 50px; font-size: 10px; color: #b7b7b7; border: 0px solid orange; position: relative; }

        #dvFooter { margin: 5px auto 0px auto; padding: 0px; width: 900px; height: 40px; border: 0px solid green; text-align: right; font-size: 9px; color: #b7b7b7; }
            #dvFooter a { color: #b7b7b7; font-size: 9px; font-weight: normal; line-height: 16px; }
            #dvFooter a:hover { color: #000000; }
            #dvFooterMargin { margin: 0px 3px 0px 0px; }

.notas{color:#777676; font-size:9px;font-weight:normal;}

 /* SLIDESHOW IMAGES */
#slideshow { position:relative; height: 433px; width: 1920px; overflow: none; border: 0px solid #000; }
#slideshow img { position: absolute; top: 0px; left: 0px; z-index: 8; }

#slideshow img.active { z-index: 10; }
#slideshow img.last-active { z-index: 9; }

/* SEARCH - LIST */
.searchResultTitle { font-size: 11px; }

.dvListSeparator1  { margin-bottom: 10px; height: 9px; font-size: 9px; line-height: 9px; border-bottom: 1.5px solid #a39161; }
.dvListSeparator2  { margin-top: 10px; height: 9px; font-size: 9px; line-height: 9px; border-top: 1.5px solid #a39161; }

.ListItems { line-height: 28px; }

.paginacao {  padding-top: 5px; color: #a39161; text-align: right; }
.paginacao a { padding: 0 5px 0 5px; text-decoration: none; color: #a39161; }
.paginacao a:hover {  color: #ffe398; text-decoration: none; }
.paginacao a.active, .paginacao a.active:hover { color: #84754f; font-weight: bold; }

.newsListTitle { font-weight: bold; color: #84754f;  }

.newsListIndividual { line-height: 30px; font-family: Trajan-Bold, Verdana, Arial, sans-serif; font-weight: bold; font-size: 14px; }
.newsListTitle a { color: #84754f; text-decoration: none; }
.newsListTitle a:hover { color: #ffe398; text-decoration: none; }

.newsListSubTitle { color: #84754f; font: 10px/12px Verdana, Helvetica, sans-serif; }
.newsListSubTitle a { color: #84754f; text-decoration: none; font: 10px/12px Verdana, Helvetica, sans-serif; }
.newsListSubTitle a:hover { color: #ffe398; text-decoration: none; font: 10px/12px Verdana, Helvetica, sans-serif; }

/*
#dvSlideTexts { position: absolute; top: 170px; left: 20px; border: 0px solid green; width: 600px; height: 70px; z-index: 11; }
#dvSlideTexts div { position: absolute; top: 0px; left: 0px; z-index: 8; width: 600px; height: 70px; background-color: #000; }

#dvSlideTexts div.active { z-index: 10; background-color: #000; }
#dvSlideTexts div.last-active { z-index: 9; background-color: #FF0000;  }

    .csSlideTitle1 { font-family: Trajan-Bold, Verdana, Arial, sans-serif; font-size: 18px; font-weight: bold; color: #FFF; }
    .csSlideTitle2 { font-family: Trajan-Bold, Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; }
    .csSlideTitle3 { font-family: Trajan-Bold, Verdana, Arial, sans-serif; font-size: 14px; font-weight: normal; color: #FFF; }
*/


/* HOME - SCROLL HORIZONTAL
   LEGENDA A CADA PRODUTO
*/
.csBgLegenda { color: #FFF; border: 0px solid #FF0000; }
.csBgLegenda:hover { background-color: #958559; color: #FFF; }
.csBgBranca { background-color: #FFF; border: 0px solid #000; height: 100px; }


/* VALOR TOTAL PREÇO */
.csValorTotalPreco { border: 1px solid #CCC; font-size: 16px; font-weight: bold; margin: 10px 0px 5px 5px; padding: 5px 5px 5px 5px; }


.login1{color:red;font-size:9px;}
A.login1:hover {color:#FFF;}


.breadcrumsOff{color:#cfcfcf;font-family:arial;font-size:10px;}
.breadcrumsOn{color:#c2a667;font-weight:normal;font-family:arial;font-size:10px;}

