/* RESETS STYLES **************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; font-family:inherit; vertical-align:baseline; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* GENERAL STYLES **************************************************/ body { color: #FFF; font: normal 12px/16px Helvetica, Arial, Verdana, sans-serif; background: url(../images/bg-yellow.jpg) repeat 0 0; } a { text-decoration: none; } #container { width: 960px; overflow: hidden; background: #E94796; margin: 0 auto; } /* INTRO **************************************************/ body.intro { background: #e74797; font-size:18px; } .introImg { margin:auto; text-align:center; margin-top:50px; width:967px; height:532px; background: url(/images/intro.jpg) no-repeat; } .introBoton { float:right; padding-right:50px; padding-top:450px; text-decoration:none; } .introBoton a { color:#FFFFFF; } .introBoton a:hover { font-weight:bold; } /* HEADER **************************************************/ #contHeader { background: #792487; width:100%; position:relative; } #header { width: 960px; overflow: hidden; padding: 6px 0 2px; margin: 0 auto; } #logo { float: left; width: 127px; } #navBar { float: right; width: 753px; } #menu { width: 100%; overflow: hidden; } #menu li { float: right; } #menu a { color: #FFF; font-size: 11px; text-transform: uppercase; } #sections { width: 100%; overflow: hidden; margin-top: 10px; } #sections li { float: left; } #sections a { display: block; height: 25px; color: #E74598; font-size: 14px; text-transform: uppercase; padding: 13px 0 0 45px; } #sections a.navHome { width: 54px; background: url(../images/nav-home.png) no-repeat 0 0; } #sections a.navParty { width: 71px; background: url(../images/nav-party.png) no-repeat 0 0; } #sections a.navBeauty { width: 69px; background: url(../images/nav-beauty.png) no-repeat 0 0; } #sections a.navBoutique { width: 88px; background: url(../images/nav-boutique.png) no-repeat 0 0; } #sections a.navCafe { width: 82px; background: url(../images/nav-cafe.png) no-repeat 0 0; } #sections a.navPlayHouse { width: 119px; background: url(../images/nav-playhouse.png) no-repeat 0 0; } #sections a:hover { font-weight: bold; } .video { margin:10px 0; width:100%; text-align:center; } /* CONTENT **************************************************/ #welcome { width: 885px; height: 124px; overflow: hidden; background: url(../images/bg-top-home.jpg) no-repeat 0 0; padding: 140px 30px 0 0; margin: 5px 0 25px 9px; } #welcome p { float: right; width: 450px; color: #F10070; font-size: 16px; line-height: 24px; } #buttons { margin-bottom: 35px; } #buttons ul { width: 885px; overflow: hidden; margin: 0 auto; } #buttons li { float: left; width: 173px; margin: 0 2px; } #buttons a {} #videoGallery { float: left; width: 350px; overflow: hidden; margin: 0 17px 50px 40px; } #player { width: 350px; height: 210px; background: url(../images/bg-videoplayer.jpg) no-repeat 0 0; } #listVideo { width: 326px; background: url(/images/hr.jpg) no-repeat center top; padding-top: 10px; margin: 10px auto 0; } #listVideo ul { width: 354px; overflow: hidden; margin: 0 -2px; } #listVideo ul li { float: left; margin: 0 2px; } #news { float: left; width: 530px; overflow: hidden; margin: 0 -10px 50px; } .post { float: left; width: 245px; margin: 0 10px; } .post .post-photo { background: url(../images/hr.jpg) no-repeat center bottom; padding-bottom: 10px; margin-bottom: 5px; } .post p { font-size: 11px; margin-bottom: 7px; } .post p.title { font-size: 12px; font-weight: bold; } #bigHome { width: 725px; margin: 50px auto; } #store { width: 100%; margin-top: 15px; } #suscribe { width: 100%; overflow: hidden; background: url(/images/bg-top-store.jpg) no-repeat left top; } #intro { width: 100%; overflow: hidden; } #intro p { float: right; width: 475px; color: #E84697; font-size: 16px; line-height: 20px; margin: 130px 95px 0 0; } #form { float: right; width: 580px; font-size: 16px; margin: 80px 60px 0 0; } #form p.note { margin-left: 105px; line-height: 18px; } #form p.note span { font-size: 8px; } #form form { width: 100%; overflow: hidden; margin-top: 20px; } #form div { width: 385px; overflow: hidden; margin: 5px 0; } #form div.born, #form div.datos { float: right; } #form label, #form input { float: left; } #form label { width: 100px; } #form input { width: 264px; height: 26px; color: #FFF; font-size: 14px; background: url(/images/bg-input.jpg) no-repeat 0 0; padding: 0 10px; border: none; } #form select.months { width: 70px; } #form .born { width: 170px; margin-left: 20px; } #form .born label { width: 160px; } #form p.enviar { width: 100%; overflow: hidden; text-align: right; } #form p.enviar input { float: right; width: 92px; height: 34px; background: none; } #invite { width: 888px; height: 200px; overflow: hidden; background: url(/images/bg-invite.jpg) no-repeat 0 0; margin: 30px auto; } #invite p { color: #E84697; font-size: 16px; text-align: center; margin-top: 90px } #invite .enviar { margin-top: 35px; } #invitar { width: 414px; display: none; position: fixed; right: 50%; top: 50%; z-index: 690; background: #E94796; padding: 10px; border: 1px solid #FFF; } #invitar div { clear: both; width: 100%; overflow: hidden; margin: 10px 0; } #invitar label { float: left; width: 130px; padding-top: 3px; } #invitar input { float: left; width: 264px; height: 26px; color: #FFF; font-size: 14px; background: url(/images/bg-input.jpg) no-repeat 0 0; padding: 0 10px; border: none; } #invitar .enviar input { float: right; width: 65px; height: 33px; background: none; } #invitar a.close { color: #FFF; font-weight: bold; } #cafe { margin-top: 15px; } #cafe #top { width: 900px; height: 207px; overflow: hidden; background: url(/images/bg-top-cafe.jpg) no-repeat center 0; padding: 125px 60px 0 0; margin-bottom: 30px; } #cafe #top h2 { float: right; width: 600px; color: #FB1683; font-size: 18px; text-transform: uppercase; line-height: 20px; margin-bottom: 20px; } #cafe #top p { float: right; width: 600px; color: #FB1683; font-size: 16px; line-height: 24px; } #cafe #top p span { color: #1697FB; } #cafe #gallery { width: 879px; margin: 0 auto 40px; position: relative; } #cafe #gallery .text { width: 829px; overflow: hidden; line-height: 20px; background: url(/images/bg-gallery.png) repeat-x left top; padding: 10px 25px; position: absolute; left: 0; bottom: 0; } #cafe #gallery .text h3 { float: left; width: 644px; font-size: 18px; font-weight: normal; } #cafe #gallery .text p { float: left; width: 644px; font-size: 16px; } #cafe #gallery .text .controls { float: right; width: 75px; overflow: hidden; margin: 20px 20px 0 0; } #cafe #gallery .text .controls li { float: left; } #cafe #gallery .thumbs { width: 100%; text-align: center; overflow: hidden; background: url(/images/big-hr.jpg) no-repeat center bottom; padding-bottom: 20px; margin-bottom: 40px; } #cafe #gallery .thumbs li { display: inline-block; margin: 0 20px; } #cafe #gallery .thumbs p { font-size: 16px; font-weight: bold; margin-top: 5px; } #beauty { margin-top: 15px; } #beauty #top { width: 880px; height: 207px; overflow: hidden; background: url(/images/bg-top-beauty.jpg) no-repeat center 0; padding: 125px 80px 0 0; margin-bottom: 30px; } #beauty #top h2 { float: right; width: 600px; color: #FB1683; font-size: 18px; text-transform: uppercase; line-height: 20px; margin-bottom: 20px; } #beauty #top p { float: right; width: 600px; color: #FB1683; font-size: 16px; line-height: 24px; } #beauty #top p span { color: #1697FB; } #beauty #gallery { width: 879px; margin: 0 auto 40px; position: relative; } #beauty #gallery .text { width: 829px; overflow: hidden; line-height: 20px; background: url(/images/bg-gallery.png) repeat-x left top; padding: 10px 25px; position: absolute; left: 0; bottom: 0; } #beauty #gallery .text h3 { float: left; width: 644px; font-size: 18px; font-weight: normal; } #beauty #gallery .text p { float: left; width: 644px; font-size: 16px; } #beauty #gallery .text .controls { float: right; width: 75px; overflow: hidden; margin: 20px 20px 0 0; } #beauty #gallery .text .controls li { float: left; } #beauty #gallery .thumbs { width: 100%; text-align: center; overflow: hidden; background: url(/images/big-hr.jpg) no-repeat center bottom; padding-bottom: 20px; margin-bottom: 40px; } #beauty #gallery .thumbs li { display: inline-block; margin: 0 20px; text-shadow: 2px 2px 0 #000; } #beauty #gallery .thumbs p { font-size: 16px; font-weight: bold; margin-top: 5px; } #boutique { margin-top: 15px; } #boutique #top { width: 900px; height: 207px; overflow: hidden; background: url(/images/bg-top-boutique.jpg) no-repeat center 0; padding: 125px 60px 0 0; margin-bottom: 30px; } #boutique #top h2 { float: right; width: 600px; color: #FB1683; font-size: 18px; text-transform: uppercase; line-height: 20px; margin-bottom: 20px; } #boutique #top p { float: right; width: 600px; color: #FB1683; font-size: 16px; line-height: 24px; } #boutique #top p span { color: #1697FB; } #boutique #gallery { width: 879px; margin: 0 auto 40px; position: relative; } #boutique #gallery .text { width: 829px; overflow: hidden; line-height: 20px; background: url(/images/bg-gallery.png) repeat-x left top; padding: 10px 25px; position: absolute; left: 0; bottom: 0; } #boutique #gallery .text h3 { float: left; width: 644px; font-size: 18px; font-weight: normal; } #boutique #gallery .text p { float: left; width: 644px; font-size: 16px; } #boutique #gallery .text .controls { float: right; width: 75px; overflow: hidden; margin: 20px 20px 0 0; } #boutique #gallery .text .controls li { float: left; } #boutique #gallery .thumbs { width: 100%; text-align: center; overflow: hidden; background: url(/images/big-hr.jpg) no-repeat center bottom; padding-bottom: 20px; margin-bottom: 40px; } #boutique #gallery .thumbs li { display: inline-block; margin: 0 20px; text-shadow: 2px 2px 0 #000; } #boutique #gallery .thumbs p { font-size: 16px; font-weight: bold; margin-top: 5px; } .boutiqueTop10 { margin:0 auto 40px; overflow:hidden; position:relative; width:879px; } .top10links, .top10botones { width:515px; float:left; } .top10botones li { float:left; margin-right:15px; margin-top:10px; } .topNumero { position:absolute; margin-left:27px; } .imagenTop { width:84px; height:135px; border:2px solid #cb2d7d; margin-top:15px; } .topProducto { width:342px; height:336px; border:2px solid #cb2d7d; margin-top:15px; } .top10img { width:364px; float:left; } .top10img img { float:left; margin-right:5px; } .topTxt { } p.title { font-weight:bold; font-size:14px; } p.coleccion { font-size:12px; width:60px; float:left; } p.coleccion2 { color: #FBED02; } p.articulo { border-top:1px solid #cb2d7d; width:345px; } #playhouse { margin-top: 15px; } #playhouse #top { width: 900px; height: 280px; overflow: hidden; background: url(/images/bg-top-playhouse.jpg) no-repeat center 0; padding: 125px 60px 0 0; margin-bottom: 30px; } #playhouse #top h2 { float: right; width: 550px; color: #FB1683; font-size: 18px; text-transform: uppercase; line-height: 20px; margin-bottom: 20px; } #playhouse #top p { float: right; width: 550px; color: #FB1683; font-size: 16px; line-height: 24px; } #playhouse #top p span { color: #1697FB; } #playhouse .newsPhoto, #cafe .newsPhoto, #boutique .newsPhoto, #beauty .newsPhoto, #party .newsPhoto { width: 879px; overflow: hidden; margin: 0 auto 40px; position: relative; } #playhouse .newsPhoto .text, #cafe .newsPhoto .text, #beauty .newsPhoto .text, #boutique .newsPhoto .text, #party .newsPhoto .text { width: 829px; overflow: hidden; line-height: 20px; background: url(/images/bg-gallery.png) repeat-x left top; padding: 10px 25px; } #playhouse .newsPhoto .text h3, #party .newsPhoto .text h3 { float: left; width: 644px; font-size: 18px; font-weight: normal; } #playhouse .newsPhoto .text p, #party .newsPhoto .text p { float: left; width: 644px; font-size: 16px; } #playhouse .newsPhoto .text .controls, #cafe .newsPhoto .text .controls, #beauty .newsPhoto .text .controls, #boutique .newsPhoto .text .controls, #party .newsPhoto .text .controls { float: right; width: 75px; overflow: hidden; margin: 20px 0 0 10px; } #playhouse .newsPhoto .text .controls li, #cafe .newsPhoto .text .controls li, #beauty .newsPhoto .text .controls li, #boutique .newsPhoto .text .controls li, #party .newsPhoto .text .controls li { float: left; } #img-secciones { width: 732px; overflow: hidden; margin: 0 auto; } #img-secciones .gallery { width: 100%; margin: 0 0 10px; position: relative; } #img-secciones .gallery .holder { width: 732px; overflow: hidden; margin: 0 auto; position: relative; z-index: 2; } #img-secciones .gallery ul { overflow: hidden; background: url(/images/big-hr.jpg) no-repeat center bottom; padding-bottom: 20px; margin: 0 -20px 40px; } #img-secciones .gallery ul li { float: left; width: 133px; padding: 11px 0 0; text-align: center; padding-right: 12px; margin: 0 20px; } #img-secciones .gallery ul p { font-size: 16px; font-weight: bold; margin-top: 5px; } #playhouse .newsPhoto .bigHolder, #cafe .newsPhoto .bigHolder, #boutique .newsPhoto .bigHolder, #beauty .newsPhoto .bigHolder, #party .newsPhoto .bigHolder { overflow: hidden; } #playhouse .newsPhoto .bigHolder li, #cafe .newsPhoto .bigHolder li, #beauty .newsPhoto .bigHolder li, #boutique .newsPhoto .bigHolder li, #party .newsPhoto .bigHolder li { float: left; } #contacto { height: 88px; text-align: center; margin: 50px 0; padding-top:570px; background: url(/images/contacto.jpg) no-repeat center 0; } #como-llegar { margin:50px 0; text-align: center } #gracias { margin: 100px 0; } #gracias p { font-size: 16px; text-align: center; } /* CONTENT **************************************************/ #contFooter { width: 100%; overflow: hidden; background: #178DB7; } #footer { width: 960px; overflow: hidden; padding: 5px 0; margin: 0 auto; } #footer p { font-size: 11px; margin: 5px 0; } #footer p a { color: #FFF; text-decoration: underline; } #footerLeft { float: left; } #footerRight { float: right; } /* NOTICIAS **************************************************/ #prensa {width:890px; margin:30px auto;} #prensa ul.menciones {width:906px; margin:30px -8px 0;} #prensa ul.menciones li {float:left; width:164px; border-bottom:1px solid #FFB0D8; margin:0 8px 25px; padding-bottom: 5px; } #prensa ul.menciones li img {border:7px solid #FFB0D8;} #prensa ul.menciones li a { color:#fff; font-size:13px; font-weight:bold; padding:5px 0 2px; text-decoration:none; } #prensa ul.menciones li a:hover { color:#fbec2c; } #prensa ul.menciones li span {display:block; width:100%; color:#fbec2c;} #prensa ul.pageNavi {text-align:center; margin:20px 0 0;} #prensa ul.pageNavi li {display:inline-block; margin:0 5px;} #prensa ul.pageNavi li a {color:#fff; font-size:12px; font-weight:bold;} #prensa ul.pageNavi li a.page {display:block; width:21px; height:18px; color:#fbeb04; padding:3px 0 0;} #prensa ul.pageNavi li a.page:hover {color:#b9005b; background:#fbeb04;} /* PARTY **************************************************/ #party { margin-top: 15px; } #party #top { height: 220px; overflow: hidden; background: url(/images/party/bg-top-party.jpg) no-repeat center 0; padding: 125px 60px 0 0; margin-bottom: 30px; } #party #top h2 { float: right; width: 590px; color: #FB1683; font-size: 18px; text-transform: uppercase; line-height: 20px; margin-bottom: 20px; } #party #top p { float: right; width: 590px; color: #FB1683; font-size: 16px; line-height: 24px; } #paquetes { width: 970px; margin:auto; height:350px; background: url(/images/party/hr-party.jpg) no-repeat right bottom; padding: 0 0 0 40px; margin:0 -25px 0px; } #paquetes .pink { width:300px; float:left; height: 100%; margin: 0 25px; } #paquetes .pink p,#paquetes .pink img { margin-bottom: 15px; } #paquetes .pink p.letrachica { font-size: 10px; } #paquetes .pink span { color: #ffeb00; } #paquetes .pink li.margen { padding-left:25px;} #paquetes .rockera {background: url(/images/party/bg-tematica-rockera.jpg) no-repeat right bottom;} #paquetes .fashionista {width:260px; background: url(/images/party/bg-tematica-fashionista.jpg) no-repeat right bottom; margin: 0 50px 0 0;} #paquetes .princesa {width:260px; background: url(/images/party/bg-tematica-princesa.jpg) no-repeat right bottom;} .tematicas { width: 747px; height: 440px; overflow: hidden; background: url(/images/party/bg-tematicas.jpg) no-repeat 0 0; padding: 100px 0 0 213px; margin-bottom: 40px; } .tematicas ul {float: left; width: 194px;} .tematicas li {color:#e84597; font-size:11px; background: url(/images/party/bullet-heart.gif) no-repeat 0 0; padding-left: 20px; line-height:15px;} .tematicas .tematica-crystal { margin:0 29px 0 35px; width:210px; } .tematicas .tematica-diamond { width:219px; } /* MESA DE REGALOS **************************************************/ #mesaregalo { width: 100%; margin-top: 15px; padding-bottom:10px; float:left; } #mesaregaloTop { margin: 0 auto; height:357px; margin-bottom:30px; width:886px; background: url(/images/mesaregalos/bg-top-mesaregalos.jpg) no-repeat left top; } #mesaregaloTop p { float: right; width: 475px; color: #E84697; font-size: 16px; line-height: 20px; margin: 150px 95px 0 0; } .loginmesa { margin-top:10px; margin-left:37px; } .loginAnfitriona { background: url(/images/mesaregalos/login-anfitriona.jpg) no-repeat; width:432px; height:223px; margin-right:23px; float:left; margin-bottom:20px; } .loginAnfitriona form, .loginInvitada form { padding:78px 0 0 37px; color:#E84697; } form div { width:385px; } form div.clave { width:385px; margin-top:23px; margin-bottom:20px; } form div.enviar { float:right; width:142px; } .loginAnfitriona input.field, .loginInvitada input.field { margin-left:27px; width:270px; border:none; background:transparent; } .loginAnfitriona input.clave, .loginInvitada input.clave { margin-left:27px; width:270px; border:none; background:transparent; } .loginInvitada { background: url(/images/mesaregalos/login-invitada.jpg) no-repeat; width:432px; height:223px; float:left; } /* MESA DE REGALOS INVITADA **************************************************/ .titleMesa { width: 100%; margin-left: 20px; } .titleMesa p { color:#FBEC2C; display:block; float:right; font-size:18px; margin:44px 44px 0 0; width:143px; text-transform:capitalize; text-align:right; } .invitadaBienvenida { float: left; width:885px; background: #fff; padding: 20px 0 10px; margin:15px 0 20px 40px; } .invitadaBienvenida p { font-size: 16px; color: #762487; margin: 0 25px 15px; } .invitadaBienvenida p.txtBienvenida { font-size:30px; color:#e74597; text-transform:capitalize; } .invitadaBienvenida table { color: #762487; font-size: 14px; } .invitadaBienvenida table th { border-bottom: 2px solid #e84598; } .invitadaBienvenida table td { vertical-align: middle; } .invitadaBienvenida table .ingresar { padding-top: 7px; } .invitadaBienvenida table td, .invitadaBienvenida table th { padding: 0 20px; text-align:left; } .invitadaFoto { float: left; margin: 15px 0 20px 15px; } .catRegalos { float: left; width: 620px; margin: 20px 0 0 20px; } .catRegalos p { color:#FBEC2C; display:block; font-size:14px; margin-bottom:30px; } .catRegalos ul { width: 650px; overflow: hidden; margin: 0 -15px; } .catRegalos ul li { float: left; margin: 0 15px 20px 10px; } .finGaleria { background:#ffffff; float: left; width: 620px; margin-left:20px; height:140px; } #mesaregalo p.deAnfitriona { color:#FBEC2C; display:block; font-size:14px; margin: 5px 0 10px 20px; text-transform:capitalize; } .finGaleria img.producto {width:140px; height:140px; } .finGaleria img { float:left; } .finGaleria p { float:left; width:430px; color:#E74597; font-size:18px; padding: 45px 3px; line-height:25px; } .catRegalos { float: left; width: 620px; margin: 20px 0 0 20px; } .catRegalos span { text-transform:capitalize; } .catRegalos p { color:#FBEC2C; display:block; font-size:14px; margin-bottom:30px; } .catRegalos ul { width: 650px; overflow: hidden; margin: 0 -15px; } .catRegalos ul li { float: left; margin: 0 15px 20px 10px; } .carrito { float: left; width: 196px; min-height: 733px; overflow: hidden; background: #FFF url(/images/mesaregalos/bg-girls.jpg) no-repeat center bottom; padding: 6px; margin: 0 0 20px 40px; } .carrito img { float: left; } .carrito p { float: left; margin-bottom:10px; } .carrito p { color: #e74597; font-size: 13px; margin: 0 0 10px 10px; } .carrito p.enviar { width: 100%; overflow: hidden; margin:10px 0 0 0; } .carrito p.enviar a { float: right; margin-bottom:10px; } .carrito p.historial { float:none; text-align:center; margin:10px 0; } .carrito p.historial img { float:none } .carrito p.historial a { float: none; } .carrito li { color:#E74597; } .regalos { float: left; width: 650px; margin: 5px 0 10px 20px; } .regalos p { color:#FBEC2C; display:block; font-size:14px; margin-bottom:5px; } .regalos span { text-transform:capitalize; } .regalos ul { width: 648px; overflow: hidden; margin: 0 -1px; } .regalos ul li { float: left; width: 159px; border: 1px solid #E3E3E3; border-width: 0 1px; margin:0 1px 1px 0; } .regalos .foto { width:160px; height:156px; background:#ffffff; text-align:center; display:table-cell; vertical-align:middle; } .regalos .foto img { } .regalos .info { width: 150px; overflow: hidden; background: #E7E7E7; padding: 5px; } .regalos .info p { float: left; color: #E74597; font-size: 14px; } .regalos .info a, .regalos .info input { float: right; } .regalos .button {background:#e84597; padding:10px 0; margin:10px 0; text-align:center; width:100%; } .sideMenu { float: left; width: 210px; min-height: 733px; background: url(/images/mesaregalos/bg-girls.jpg) no-repeat center bottom; margin: 0 0 10px 20px; } .sideMenu ul, .carrito ul { margin-top: 10px; } .sideMenu li, .carrito li { text-align: center; background: url(/images/mesaregalos/hr-menu.gif) no-repeat center bottom; padding: 12px 0; } .carrito li.porductosCarro { text-align: center; background:none; padding:3px 0; } .carrito ul.porductosCarro { background: url(/images/mesaregalos/hr-menu.gif) no-repeat center bottom; } .sideMenu li a, .carrito li a { color: #f10070; font-size: 18px; } .carrito ul { clear:both; } .listaInvitados { float: left; width: 650px; background: #FFF; padding: 30px 0 0; margin: 0 0 20px 20px; } form#frmAgradecer { width: 100%; overflow: hidden; background:none; } form#frmAgradecer table { padding:18px; } div.fLeft { float: left; overflow: hidden; } div.name { width: 230px; margin-left: 20px; } div.name input { width: 164px; height: 28px; background: url(/images/mesaregalos/bg-input-name.gif) no-repeat 0 0; border: none; padding: 0 5px; } form#frmAgradecer div.mensaje { height: 185px; width: 650px; margin:5px 0px; } form#frmAgradecer div.mensajeContent { width: 543px; margin: 0px auto; } form#frmAgradecer div.mensaje textarea { width: 535px; height: 80px; background: url(/images/mesaregalos/bg-textarea.jpg) no-repeat 0 0; border: none; padding: 5px; margin:5px 0 10px 0; } div.mail { width: 300px; } div.mail input { width: 235px; height: 28px; background: url(/images/mesaregalos/bg-input-mail.gif) no-repeat 0 0; border: none; padding: 0 5px; } div.agregar { width: 79px; } .listaInvitados label { color: #e84597; font-size: 13px; } .listaInvitados p.envioCorrecto { color:#E74597; font-size:18px; padding:10px 0 35px 10px; } .listaInvitados .envioCorrecto a { margin-left:10px; } .listaInvitados form { overflow: hidden; color: #661f75; } .listaInvitados .invitaciones table { background: none; padding: 0; } .listaInvitados form table th { border-bottom: 2px solid #e84598; text-align:left; } .listaInvitados form table td { padding: 5px 0; } .listaInvitados tr.seleccionar { padding: 5px; } .listaInvitados tr.seleccionar td { width:250px; padding-left:5px; } .listaInvitados tr.seleccionar a { color:#484848; text-decoration:none; margin-right:4px; } .listaInvitados tr.seleccionar a:hover { text-decoration:underline; } .listaInvitados form table .borrar, .listaInvitados form table .editar { text-align: center; } .listaInvitados .button {background:#e84597; padding-top:20px; margin-top:20px; text-align:center; width: 650px; } .invitaciones { width: 650px; } .invitaciones p.title { color: #752486; font-size: 13px; font-weight: normal; margin:0 0 10px 20px; } .invitaciones p.title img { margin-right: 10px; } .invitaciones table { background: none; padding: 0; } .invitaciones table td { text-align: center; } .mesaregalos {float:left; width:650px; background:#FFF; margin: 0 0 20px 40px;} .mesaregalos th {padding:15px 0 0; border-bottom:2px solid #e84598;} .mesaregalos td {color:#661f75; font-size:14px; padding:7px 5px;} .mesaregalos td.monto {color:#e84598; padding-right:15px; text-align:right; } .mesaregalos #total {width:100%; overflow:hidden; background:url(/images/mesaregalos/hr-shadow.gif) no-repeat center top; margin-top:10px; padding-bottom:10px;} .mesaregalos #total p {width:350px; float:left; color:#868686; font-size:11px; margin:15px 0 0 25px;} .mesaregalos #total p span {color:#e64597; font-size:11px;} .mesaregalos #total .precio {float:right; background:#ffe9f4; padding:10px; margin:5px 20px 0;} .mesaregalos #total .precio p {width:170px; margin:0;} .mesaregalos #total .precio span {color:#661f75; font-size:24px; font-weight:bold; margin:0 0 0 10px;} .mesaregalos .button {background:#e84597; padding-top:20px; margin-top:20px; text-align:center;} .mesaregalos .button img { margin:0 10px; } /* TITLES **************************************************/ .galeriaRegalos { background:url(/images/mesaregalos/title-galeriaregalos.jpg) no-repeat; height:77px; } .historialRegalos { background:url(/images/mesaregalos/title-historial-regalos.jpg) no-repeat; height:85px; } .wishlist { background:url(/images/mesaregalos/title-wishlist.jpg) no-repeat; height:85px; } .listaInvitadosTitle { background:url(/images/mesaregalos/title-listainvitados.jpg) no-repeat; height:85px; } .mesaRegalosTitle { background:url(/images/mesaregalos/title-mesaregalos.jpg) no-repeat; height:78px; } .agradecimientoTitle { background:url(/images/mesaregalos/title-agradecimiento.jpg) no-repeat; height:78px; } .galeriaRegalos p, .historialRegalos p, .wishlist p, .listaInvitadosTitle p, .mesaRegalosTitle p, .agradecimientoTitle p { width:350px; line-height:22px; } /* POP UP IMG BIG **************************************************/ #containerPopup { background:#E94796; margin:0 auto; overflow:auto; text-align:center; padding-top:5px; height:607px; } .popup { text-align:center; } .popup .infoProd { background: #E7E7E7; color:#E74597; float:left; } .popup .infoProd p { text-align:left; padding:5px; width:200px; float:left; } .popup .infoProd p.prodName { font-weight:bold; width:500px; } /* ERROR **************************************************/ div.error { color: #F09090; padding-left: 20px; font-weight: bold; margin-bottom:10px; } /* PROMOCIONES **************************************************/ .promociones { position:relative; text-align:center; } .promoGif { position:absolute; right:3px; bottom:60px; }