/* CSS Document */ /* INDEX */ body#index {background-repeat:repeat-x; overflow-x:hidden; padding: 0 auto; margin: 0 auto; background-image:url(../img/index_bg_cinta.png);} html {background: url(../img/index_patt_flores.gif); padding: 0 auto; margin: 0 auto;} body#catalogo {background: url(../img/interior_patt_flores.gif) #66404D repeat-x; padding: 0 auto; margin: 0 auto; overflow-x:hidden;} body#catalogo #footer {clear:both; width: 810px; height:50px; background:url(../img/footer_bg_interior.gif) #66404D no-repeat; top: -20px;} body#catalogo #footer p {line-height: 10px !important;} #main {position: relative; width: 810px; margin: 0 auto; background-color:#F1B2D1; overflow:hidden;} #top {position: relative; width: 806px; height:160px; padding-top: 30px; background:url(../img/top_patt_cinta.gif); background-position: center; background-repeat:repeat-x; z-index:80;} #top .cornerRight { position:absolute; z-index:10; left: 610px; top: 62px; } /*home sin mensaje e interiores sin mensaje */ #top .cornerRight .basuritas { position:absolute; z-index:10; left: -44px; top: 7px; width:245px; height:197px; background-image:url(../img/basuritas_cornertop_right.png); } #top .cornerRightInterior {position:absolute; z-index:100; left: 609px; top: 63px;} #top .cornerRightInterior .basuritas {position:absolute; left: -47px; top: 6px; width:245px; height:207px; background-image:url(../img/basuritas_cornertop_right.png);} #top .cornerLeft {position:absolute; left:0px; top: 16px; background:url(../img/left_bg.png); background-repeat:repeat-y; width:237px;} #top .cornerLeft .recorteBasurita {position:absolute; left: 2px; top: 149px; background: url(../img/left_bg.png) repeat-y; width:38px;} /*#top .cornerLeft .basuritas { position:absolute; z-index: 555; left: 7px; top: 53px; width:238px; height:97px; }*/ #top .cornerLeftInterior {position:absolute; z-index:10; left: 0px; top: 16px; height: 250px; background:url(../img/left_bg.png); background-repeat:repeat-y; width:237px;} #top .logo {position:absolute; z-index:10; left: 235px; top: 16px;} #top .logoInteriores {position:absolute; z-index:10; left: 235px; top: 16px;} #top .bici {position:absolute; z-index:10; left: 225px; top: 26px;} #top .chicopajaro {position:absolute; z-index:10; left: 546px; top: 35px;} #top .cintaBgLeft {position:absolute; z-index:1; background-image:url(../img/top_patt_cinta.gif); background-repeat:repeat-x; width: 1000px; height:64px; padding-left:-1300px; top: 63px; left:-994px;} #top .cintaBgRight {position:relative; z-index:1; background-image:url(../img/top_patt_cinta_right.gif); background-repeat:repeat-x; height:64px; padding-left:0px; top: 33px; left:806px;} #content {position: relative; width: 806px; padding:0;} #content .right { position:absolute; left: 235px; top: 113px; z-index:20;} #content .left {position:relative; width:239px; height: 481px; left: -1px; top:-30px; background:url(../img/left_bg.png); background-repeat:repeat-y;z-index: 50;} #content .left .planta {position:absolute; float:left; left:0px; top:6px; z-index:49; height:487px; width:237px; background-image:url(../img/left_planta2009.png);} /*subscribe newsletter*/ #top .subscribeNews {position:absolute; z-index:10; left: 626px; top: 4px; width: 190px;} .overlay { /* growing background image */ background:url(../img/white.png); /* dimensions after the growing animation finishes */ width:380px; height:210px; /* initially overlay is hidden */ display:none; /* some padding to layout nested elements nicely */ padding:10px; } .overlay h2 {margin:10px 0;} .overlay p {margin:0;} /* default close button positioned on upper right corner */ div.overlay div.close { background-image:url(../img/close.png); position:absolute; right:35px; top:5px; cursor:pointer; height:35px; width:35px; } /* black */ div.overlay.black { background:url(../img/transparent.png) no-repeat !important; color:#fff; } /* petrol */ div.overlay.petrol { background:url(../img/petrol.png) no-repeat !important; color:#fff; } div.black h2, div.petrol h2 { color:#ddd; } #contentInterior {position: relative; float:left; padding:0; z-index:0; left: 0px; top: -20px; background-color:#FFFFFF; .background-color:none;} #contentInterior .right {position:relative; float: right; left:-30px; top: 0px; background-color:#FFFFFF; width: 544px;} #contentInterior .left {position:relative; float: left; width:239px; height: 534px; left: -1px; top:-14px; background:url(../img/left_bg.png); background-repeat:repeat-y; z-index: 50;} #contentInterior .left .planta {position:absolute; float: left; left: 0px; top: 6px; z-index: 49; height: 487px; width: 236px; background-image: url(../img/left_planta2009.png)!important;} #contentInterior .left .botonerapajarito img {position:absolute; left: -19px; top: 167px; height:88px;} #contentInterior .right .fondomenu {position: absolute; width:234px; height:2540px; top:498px; background:url(../img/fondo_menu_pajaritos.png) repeat-y #F1B2D1 right; left: -236px; .background:url(../img/fondo_menu_pajaritos.png) repeat-y #FFFFFF; _left: -211px;} #contentInterior .right .fondomenu, x:-moz-any-link {left:-236px;} #contentInterior .right .fondomenu, x:-moz-any-link, x:default {left: -209px; .left: -234px; } #contentInterior .left .botonerapajarito .piepajaritos {background:url(../img/bottom_pajarito.png) right #F1B2D1!important; width:232px; height:88px; position:absolute; z-index:1000; left: -39px; top: 143px;} #contentInterior .right .catalogoTela {float:left; left:0px; top: 20px; width: 487px; margin-top: 20px; margin-left: 25px; padding-bottom: 20px;} #contentInterior .right .catalogoTela .middle {left:0px; width: 487px; margin:0; padding: 15px; background-image:url(../img/tela_middle.gif); background-repeat:repeat-y;} #contentInterior .right .catalogoTela .middle img.tit {padding-left: 16px;} #contentInterior .right .catalogoTela .middle p {font:12px Arial, Helvetica, sans-serif; line-height: 16px; color:#4C2537; padding:0 40px 0 20px; margin: 0px;} #contentInterior .right .tarjeta .contactotarjetamiddle strong, #contentInterior .right .catalogoTela .middle strong {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4C2537; padding-left: 20px; padding-right:20px; margin: 0px;} #contentInterior .right .tarjeta .contactotarjetamiddle a, .otrolugar a, #contentInterior .right .catalogoTela .middle a {text-decoration: underline; color:#4C2537;} #contentInterior .right .tarjeta .contactotarjetamiddle a:hover, .otrolugar a:hover, #contentInterior .right .catalogoTela .middle a:hover { text-decoration: none; color:#A46C80;} #contentInterior .right .catalogoTela .catalogoFondoHojaBottom {clear:both; left:0px; width: 509px; margin-left:0px; margin-top:-8px;} #footer {clear:both; position: relative; width: 806px; height:51px; top: -30px; background: url(../img/footer_bg.gif); background-repeat: no-repeat; z-index:60; margin-bottom: -30px;} #footer a, #footer p {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:10px; text-align:center; padding: 20px 0 0 0; text-decoration:none; margin:0;} #footer a:hover {color: #6F4454; text-decoration: underline;} #footer .mancha {position:absolute; z-index: 130; width: 148px; height: 176px; background-image:url(../img/basurita_corner_bottom.png); left:669px; top: -125px;} /* noivas */ #teste {width:428px; padding:15px; overflow:hidden;} #teste .ImgLeft {float:left; margin:0; margin-right:0px; width:211px;} #teste .TxtRight {float:left; margin:0; width:210px!important; padding:0!important;} #teste .TxtRight p {margin:0; padding:0px; _padding:0px!important; padding-left:5px; width:210px;} /* test */ .noivaspapeltop {background:url(../img/noivas_top.png) no-repeat; height:67px; margin-left: 5px;} .noivaspapeltop .rostro{position:absolute; background-image:url(../img/contato_rostro.png); width: 134px; height: 145px; left: 205px; top: 60px; _margin-left:25px;} .noivaspapelmiddle {background:url(../img/noivas_middle.png) repeat-y; height:1080px; margin-left: 5px;} .noivaspapelbottom {background:url(../img/noivas_bottom.png) no-repeat; height:81px; margin-left: 5px;} /* catalogo */ #contentInterior .right .catalogoFondoHojaTop {clear:both; left:0px; width: 509px; margin-top: 10px; margin-left:25px; _margin-left:45px;} #contentInterior .right .catalogoFondoFoto {clear:both; width: 509px; height: 314px; background-image:url(../img/catalogo_fondofoto.jpg); text-align: center; margin-left:25px; _margin-left:45px; z-index:100000;} #contentInterior .right .catalogoFondoFoto img {height:241px; margin: 30px auto 0 auto; text-align: center;} #contentInterior .right .catalogoFondoFoto .navMenu {float:left; margin: 12px auto 0 185px; _margin: 12px auto 0 95px; width:210px; height:22px;} #contentInterior .right .catalogoFondoFoto .navMenu img.flecha {float:left; width:20px; height:22px; margin:0;} #contentInterior .right .catalogoFondoFoto .navMenu a {cursor: auto; cursor: pointer;} #contentInterior .right .catalogoFondoFoto .navMenu p {float:left; margin:0px; font-family:Arial Black; font-size: 14px; color:#FFFFFF;} #contentInterior .right .catalogoFondoHojaMiddle {clear:both; width:509px; background:url(../img/catalogo_fondohojamiddle.jpg) repeat-y; margin-left:25px; _margin-left:45px; overflow:hidden;} .thumbGallery {background:url(../img/bg_photo.jpg) no-repeat top; height:181px; width:134px; padding:10px 0 0 12px; float:left; margin:0 0 10px 10px;} .thumbGallery img.thumb {width:117px!important; height:160px!important; border:0;} #contentInterior .right .catalogoFondoHojaMiddle #contenedorthumbs {position:absolute; float:left; width: 475px; vertical-align: top; margin-left: 30px; margin-top: 10px;} #contentInterior .right .catalogoFondoHojaMiddle img {float:left; height: 48px; width: 46px; margin: 0 2px; margin-top: 5px; vertical-align: top;} #contentInterior .right .catalogoFondoHojaMiddle a {cursor: auto; cursor: pointer;} #contentInterior .right .catalogoFondoHojaBottom {clear:both; left:0px; width: 509px; margin-left:25px; _margin-left:45px;} /* roupas */ #contentInterior .right .catalogoFondoFoto .navMenuRoupas {float:left; margin: 12px auto 0 190px; _margin: 12px auto 0 95px; width:210px; height:22px;} #contentInterior .right .catalogoFondoFoto .navMenuRoupas img.flecha {float:left; width:20px; height:22px; margin:0;} #contentInterior .right .catalogoFondoFoto .navMenuRoupas p {float:left; margin:0px; font-family:Arial Black; font-size: 14px; color:#FFFFFF;} #contentInterior .right .catalogoFondoFoto .navMenuRoupas a {cursor: auto; cursor: pointer;} /* jeannegubert */ #contentInterior .right .catalogoTela .middle img.fotoJeanne {margin: 0 auto 0 80px;} /* projetos sociais */ #contentInterior .right .catalogoFondoFoto .navMenu .projetosociais {margin: 0 25px 0 25px;} #contentInterior .right .catalogoTela .middle .projetosociais img {float:left; margin-left: 15px;} #contentInterior .right .catalogoTela .middle .pajaro { position:absolute; left: 423px; top: 13px; width: 88px; height: 72px; background-image:url(../img/projetos_sociais_pajaro.png); } #contentInterior .right .catalogoTela .middle .bag {position:absolute; left: 413px; top: 5px; width: 70px; height: 103px; background-image:url(../img/shopping-bag.png);} /* verao 2007-8 */ #contentInterior .right .catalogoTela .middle .dosColumnas {position: relative; width:220px; _margin-left:0px;} #contentInterior .right .catalogoTela .middle .dosColumnasRight {position:absolute; float:right; width:220px; left: 270px; _margin-left:22px; top: 71px;} #contentInterior .right .catalogoTela .middle .dosColumnasRight p, {width:212px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 16px; color:#4C2537; padding-left: 15px; padding-right: 15px; } #contentInterior .right .catalogoTela .middle .dosColumnas p {width:202px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 16px; color:#4C2537; padding-left: 15px; padding-right: 10px; margin-bottom: 10px; } #contentInterior .right .catalogoTela .middle .dosColumnas strong {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4C2537; padding-left: 15px; padding-right:20px; margin: 0px;} #contentInterior .right .catalogoTela .middle .dosColumnas a {text-decoration: underline; color:#4C2537;} #contentInterior .right .catalogoTela .middle .dosColumnas a:hover {text-decoration: none; color:#A46C80;} #contentInterior .right .catalogoTela .middle .dosColumnasRight img {margin-left: 7px;} #contentInterior .right .catalogoTela .middle .dosColumnas img {margin-left: 10px; _margin-left:10px;} /* o atelier */ #contentInterior .right .fondofotoatelieruno { position:absolute; left: 311px; _margin-left: 10px; top: 274px; width: 199px; height: 150px; background-image:url(../img/atelier_fondofoto01.png) !important; background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/atelier_fondofoto01.png');} #contentInterior .right .fotoatelieruno { position:absolute; left: 37px; _margin-left: 20px; top: 230px; width: 313px; height: 258px; background-image:url(../img/atelier_foto01.png) !important; background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/atelier_foto01.png');} #contentInterior .right .fondofotoateliertres { position:absolute; left: 339px; _margin-left: 5px; top: 661px; width: 177px; height: 151px; background-image:url(../img/atelier_fondofoto03.png) !important; background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/atelier_fondofoto03.png');} #contentInterior .right .fondofotoatelierdos { position:absolute; left: 26px; _margin-left: 5px; top: 478px; width: 260px; height: 139px; background-image:url(../img/atelier_fondofoto02.png);} #contentInterior .right .fotoatelierdos {position:absolute; left: 181px; _margin-left: 20px; top: 374px; width: 334px; height: 287px; background-image:url(../img/atelier_foto02.png);} #contentInterior .right .fotoateliertres {position:absolute; left: 47px; _margin-left: 20px; top: 573px; width: 313px; height: 259px; background-image:url(../img/atelier_foto03.png);} /* contato */ #contentInterior .right .catalogoTela .middle .papeltop {background:url(../img/contato_top.png) no-repeat; height:67px; margin-left: 5px;} .papeltop .rostro{position:absolute; background-image:url(../img/contato_rostro.png); width: 134px; height: 145px; left: 205px; top: 70px;_margin-left:25px;} #contentInterior .right .catalogoTela .middle .papelmiddle {background:url(../img/contato_middle.png) no-repeat; height:364px; margin-left: 5px;} #contentInterior .right .catalogoTela .middle .formulario {padding-left: 75px; padding-top: 30px; width: 310px;} #contentInterior .right .catalogoTela .middle .formulario .botcancelar{float: left;} #contentInterior .right .catalogoTela .middle .formulario .botenviar{float: right;} #contentInterior .right .catalogoTela .middle .papelbottom {background:url(../img/contato_bottom.png) no-repeat; height:81px; margin-left: 5px;} #contentInterior .right .tarjeta {float: right; left:-30px; top: 0px; background-color:#FFFFFF; width: 482px;} #contentInterior .right .tarjeta .contactotarjetatop {background:url(../img/contato_tarjeta_top.png) no-repeat; height:35px;} #contentInterior .right .tarjeta .contactotarjetamiddle {background: none #F8E7D5; padding-top: 5px; padding-bottom: 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4C2537; text-align:center;} #contentInterior .right .tarjeta .contactotarjetabottom {background:url(../img/contato_tarjeta_bottom.png) no-repeat; height:33px; padding-bottom: 20px;} /* imprensa */ #contentInterior .right .catalogoTela .middle .diariotop {background:url(../img/imprensa_diariotop.jpg) no-repeat; height:96px; margin-left: 10px;} #contentInterior .right .catalogoTela .middle .diariomiddle {background:url(../img/imprensa_diariomiddle.jpg) repeat-y; margin-left: 10px;} #contentInterior .right .catalogoTela .middle .diariobottom {background:url(../img/imprensa_diariobottom.jpg) no-repeat; height:128px; margin-left: 10px;} #contentInterior .right .catalogoTela .middle .contenidoDiario {padding-left: 55px; padding-top: 20px; width: 340px;} #contentInterior .right .catalogoTela .middle .contenidoDiario hr {border:solid 1px #FFFFFF; } #contentInterior .right .catalogoTela .middle .contenidoDiario a {text-decoration:none;} #contentInterior .right .catalogoTela .middle .contenidoDiario a:hover {text-decoration: underline;} #contentInterior .right .catalogoTela .middle .contenidoDiario .nota {margin-bottom:10px; margin-top:10px;} #contentInterior .right .catalogoTela .middle .contenidoDiario .notaInterior {margin-bottom:10px; margin-top:10px; width: 380px !important;} #contentInterior .right .catalogoTela .middle .contenidoDiario .notaInterior h2, #contentInterior .right .catalogoTela .middle .contenidoDiario .nota h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:0; color:#333333;} #contentInterior .right .catalogoTela .middle .contenidoDiario .notaInterior p.fecha, #contentInterior .right .catalogoTela .middle .contenidoDiario .nota p.fecha {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-left:-20px !important; color:#333333;} #contentInterior .right .catalogoTela .middle .contenidoDiario .notaInterior p.contenidoNota {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:-20px !important; color:#333333; padding-top: 200px; padding-bottom: 20px;} #contentInterior .right .catalogoTela .middle .contenidoDiario .notaInterior p.firma, #contentInterior .right .catalogoTela .middle .contenidoDiario .nota p.firma {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:-20px !important; color:#333333;} /* onde encontrar */ .ondeencontrarImgBg {margin-left: 5px; width:451px; height:213px; background-image: url(../img/ondeencontrar_img01.png);} .lojaPrincipal {position: absolute; left:261px; top:162px; font:12px Arial, Helvetica, sans-serif; color:#4C2537;padding:10px 0 5px 0; width:179px; margin-left:50px;} .ondeencontrarImgPolaroids {position: absolute; left: 3px; top: 315px; width:484px; height:159px; background-image: url(../img/ondeencontrar_img02.png); margin-left:25px;_margin-left:50px;} .ondeencontrar {clear:both; position: absolute; top:492px; left: 41px; _margin-left:20px; width: 378px;} .otrolugar {margin: 0px;} .otrolugar p {font:12px Arial, Helvetica, sans-serif; color:#4C2537; padding:10pa 0 5px 0;} .otrolugar h2 {font-family:Arial, Helvetica, sans-serif; color:#DC638A; font-size:22px;} .otrolugar strong {font-weight:bold;} .otrolugar .separador {clear:both; background:url(../img/ondeencontrar_separador.gif) no-repeat; width:378px; height:24px;} /* other collections */ .otherCollections {clear:both; position: absolute; top:492px; left: 41px; _margin-left:20px; width: 472px;} .otherCollections h2 {font:22px Arial, Helvetica, sans-serif; color:#DC638A; font-weight:bold;} .otherCollections p {float:right; width:320px; font: 12px Arial, Helvetica, sans-serif; color:#4C2537; padding:10px 0 5px 0;} .otherCollections p a {color:#4C2537;} .otherCollections p a:hover { text-decoration:none;} .otherCollections img {float:left;} .collection { clear:both; border-bottom:1px solid #F8DBE9; overflow:hidden; .height:100%; padding-bottom:10px; .padding:0;} /* inverno 2008 */ #contentInterior .right .catalogoTela .middle .flores {position:absolute; left: 400px; top: 3px; width: 74px; height: 108px; background-image:url(../img/inverno08_flores.png);} /* sobmedida */ #contentInterior .right .catalogoTela .middle .nena {position:absolute; left: 388px; top: 1px; width: 58px; height: 110px; background-image:url(../img/sobmedida_nena.png);} /* blog */ #contentInterior .right .catalogoTela .middle .flor {position:absolute; left: 401px; top: 11px; width: 126px; height: 89px; background-image:url(../img/blog_flor.png);} #mienlace img {border: none;}