/* 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; } #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; } /* 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 **************************************************/ #noticias { width: 886px; height: 300px; overflow: hidden; background: url(../images/noticias/img-noticias.jpg) no-repeat 0 0; padding: 140px 30px 0 0; margin: auto; } #noticias p { float: right; width: 660px; color: #FB1683; font-size: 16px; line-height: 24px; padding-right:27px; } #noticias h2 { float: right; width: 688px; color: #FB1683; font-size: 18px; text-transform: uppercase; line-height: 20px; margin-bottom: 20px; } #playerNoticias { width:543px; height:333px; background: url(/images/noticias/bg-video.jpg) no-repeat; margin:auto; margin-bottom:20px; } #imgNoticias { margin:auto; width:890px; height:410px; } #lineaNoticias { margin:auto; width:289px; height:35px; } /* 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: 740px; height: 440px; overflow: hidden; background: url(/images/party/bg-tematicas.jpg) no-repeat 0 0; padding: 100px 0 0 220px; margin-bottom: 40px; } .tematicas ul {float: left; width: 180px;} .tematicas li {color:#e84597; font-size:11px; background: url(/images/party/bullet-heart.gif) no-repeat 0 0; padding-left: 20px;} .tematicas .tematica-crystal { margin:0 60px 0 50px; } /* MESA DE REGALOS **************************************************/ #mesaregalo { width: 100%; margin-top: 15px; } #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, .loginInvitada input { margin-left:17px; 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; font-size: 18px; margin-top: 10px; } .invitadaBienvenida { float: left; width:650px; 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; } .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; } .invitadaFoto { float: left; margin: 15px 0 20px 20px; } .catRegalos { float: left; width: 620px; margin: 20px 0 0 20px; } .catRegalos ul { width: 650px; overflow: hidden; margin: 0 -15px; } .catRegalos ul li { float: left; margin: 0 15px; } .carrito { float: left; width: 196px; min-height: 733px; overflow: hidden; background: #FFF url(/images/mesaregalos/bg-girls.jpg) no-repeat center bottom; padding: 7px; margin: 20px 0 20px 40px; } .carrito img, .carrito p { float: left; } .carrito p { color: #e74597; font-size: 13px; margin-left: 10px; } .carrito p.enviar { width: 100%; overflow: hidden; margin: 0; } .carrito p.enviar a { float: right; } .regalos { float: left; width: 650px; margin: 20px 0 0 20px; } .regalos ul { width: 648px; overflow: hidden; margin: 0 -1px; } .regalos ul li { float: left; width: 160px; border: 1px solid #E3E3E3; border-width: 0 1px; } .regalos .foto { width: 100%; overflow: hidden; } .regalos .foto img { float: left; } .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;} .sideMenu { float: left; width: 210px; min-height: 733px; background: url(/images/mesaregalos/bg-girls.jpg) no-repeat center bottom; margin: 20px 0 0 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; } .sideMenu li a, .carrito li a { color: #f10070; font-size: 18px; } .carrito ul {clear:both; padding-top:20px;} .listaInvitados { float: left; width: 650px; background: #FFF; padding: 30px 0 0; margin: 20px 0 20px 20px; } .listaInvitados form { width: 100%; overflow: hidden; background: url(/images/mesaregalos/separator-arrow.jpg) no-repeat center bottom; padding-bottom: 69px; } .listaInvitados form div { float: left; overflow: hidden; } .listaInvitados form div.name { width: 230px; margin-left: 20px; } .listaInvitados form div.name input { width: 164px; height: 28px; background: url(/images/mesaregalos/bg-input-name.gif) no-repeat 0 0; border: none; padding: 0 5px; } .listaInvitados form div.mail { width: 300px; } .listaInvitados form div.mail input { width: 235px; height: 28px; background: url(/images/mesaregalos/bg-input-mail.gif) no-repeat 0 0; border: none; padding: 0 5px; } .listaInvitados form div.agregar { width: 79px; } .listaInvitados label { color: #e84597; font-size: 13px; } .listaInvitados table { color: #661f75; background: url(/images/mesaregalos/separator-arrow.jpg) no-repeat center bottom; padding-bottom: 69px; } .listaInvitados table th { border-bottom: 2px solid #e84598; } .listaInvitados table td { padding: 5px 0; } .listaInvitados table .borrar, .listaInvitados table .editar { text-align: center; } .listaInvitados .button {background:#e84597; padding-top:20px; margin-top:20px; text-align:center;} .invitaciones {} .invitaciones p.title { color: #752486; font-size: 13px; font-weight: normal; margin-left: 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: 20px 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;} .mesaregalos #total {width:100%; overflow:hidden; background:url(/images/mesaregalos/hr-shadow.gif) no-repeat center top; margin-top: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 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;}