/* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS //------------------------------------------*/ body { font-family:Arial,Helvetica,sans-serif; background:#f1f1f1 url(../images/fondo.jpg) repeat top left;} h1, h2, h3, h4, h5, h6, p, li { font-family: Arial, Helvetica, sans-serif; line-height:1.0em; } p { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; line-height: 1.2em; font-weight: normal; color: #666; } /*------------------------------------------ // 2.LAYOUT //------------------------------------------*/ html,body{height:100%} /*---- Container ----*/ div.wrapper { width:932px; margin:0 auto; } /*---- Header ----*/ div#header {/* padding-top:51px;*/margin-top:51px; margin-bottom:7px; z-index:800; position:relative; } /*---- Main Navigation ----*/ div#main-navigation div.wrapper{ background:url(../images/main-navigaiton-bg.png) no-repeat top center; margin-bottom:21px; position:relative; z-index:1000; } /*---- Content ----*/ div#container{ min-height:100%;position:relative; } /*div#content { padding-left:3px; padding-bottom:92px; position:relative; z-index:500; }*/ div#content { padding-left:3px; /*padding-bottom:425px;*/ padding-bottom:50px; position:relative; z-index:500; } /*---- Main ----*/ div#main { } /*---- Sidebar ----*/ div#sidebar { } /*---- Footer ----*/ div#footer { background:/*#c61c2f*/ url(../images/footer-bg.jpg) repeat-x /*top*/bottom left; /*padding-bottom:10px;*/ padding:75px 0 20px 0; } /*div#footer { background:#c61c2f url(../images/footer-bg.jpg) repeat-x top left; padding-bottom:10px; width:100%; height:333px; position:absolute; bottom: 0;left:0;z-index:510}*/ /*------------------------------------------ // 3. PAGE COMMON STYLES //------------------------------------------*/ /*---- Header Logo ----*/ div#header div.logo { float:left; padding-left:5px; } /*---- Header Top Navigation ----*/ div#header div#top-navigation { float:right; padding-right: 4px; padding-top: 19px; width:650px; } div#header div#top-navigation ul { float:right; } div#header div#top-navigation ul li { float:left; margin-left:16px; } div#header div#top-navigation ul li.login { position:relative; } div#header div#top-navigation ul li div.login-box { background:url(../images/login-bg.png) no-repeat top left; padding:27px 12px; position:absolute; top:31px; left:-30px; height:79px; width:145px; display:none; } div#header div#top-navigation ul li div.login-box li { margin:0 0 5px; } div#header div#top-navigation ul li div.login-box li input { border:#bbbbbb 1px solid; padding:2px; font-size:12px; font-weight:bold; color:#999999; width:136px; height:12px; } div#header div#top-navigation ul li div.login-box li.submit { float:right; } div#header div#top-navigation ul li div.login-box li.submit input{ background:0; border:0; color:#E23346; height:18px; font-size:12px; line-height:20px; width:37px; padding:0; cursor:pointer; } div#header div#top-navigation ul li.logged { font-size: 12px; width:auto; padding-top:13px; font-weight:bold; color: #878585; } div#header div#top-navigation ul li.logged a { color: #E23346;}; /*---- Main Navigation ----*/ div#main-navigation ul { z-index:1000; position:relative;} div#main-navigation ul li { float:left; height:58px; line-height:53px; background:url(../images/main-navigaiton-divider.png) no-repeat top right; padding-top:3px; padding-bottom:7px;} div#main-navigation ul li a { display:block; float:left; font-weight:bold; font-size:18px; color:#faf6f6; text-shadow: 1px 1px 2px #000; padding:0 24px; text-decoration:none; height:58px; overflow:hidden; margin-right:2px; display:inline; min-width:100px; text-align:center;} div#main-navigation ul li:hover a{ background:url(../images/main-navigaiton-over.jpg) repeat-x 0 0;} div#main-navigation ul li.first { background:url(../images/main-navigation-first-menu.png) no-repeat top left; width:150px; overflow:hidden; text-align:left; left:0;} div#main-navigation ul li.first:hover { background:url(../images/main-navigation-first-hover.png) no-repeat top left; overflow:hidden; text-align:center;} div#main-navigation ul li.first:hover a { background:none; text-align:center;} /*---- Main Sub Navigation ----*/ div#main-navigation ul li.parent { position:relative; min-width:100px; text-align:left; margin-left:0;} div#main-navigation ul li ul.child { position:absolute; top:72px; left:-3px; display:none; } div#main-navigation ul li.parent:hover ul.child { display:block; } div#main-navigation ul li ul.child li { height:30px; width:179px; margin-top:-12px; float:none; background:none; position:relative; overflow:hidden; line-height:23px; } /* div#main-navigation ul li ul.child li a { font-size: 14px; line-height:30px; height:35px; float:none; padding-left: 17px; background:url(../images/sub-nav-menu-bg2.png) no-repeat top left; margin:0 !important; display:block !important;} div#main-navigation ul li ul.child li.active a , div#main-navigation ul li ul.child li:hover a{ background:transparent url(../images/sub-nav-menu-active2.png) no-repeat top left; } */ div#main-navigation ul li ul.child li a { font-size: 14px; line-height:30px; height:35px; float:none; padding-left: 17px; background:url(../images/sub.png) no-repeat top left; margin:0 !important; display:block !important; text-align:left;} div#main-navigation ul li ul.child li.active a , div#main-navigation ul li ul.child li:hover a{ background:transparent url(../images/subOn.png) no-repeat top left; } /*---- Main Navigation Cart ----*/ /* div cart se cambia width:179px; por width:27px;*/ div#main-navigation div.cart{ background:url(../images/cart.png) no-repeat top right; float:right; width:30px; z-index:1500; position:relative; } div#main-navigation div.cart.active { width: 210px; background:url(../images/cart-active2.png) no-repeat top right; } div#main-navigation div.cart a{ height:68px; line-height:59px; font-weight:bold; font-size:14px; color:#faf6f6; display:block; text-shadow: 1px 1px 2px #000; padding:0 0 0 20px; text-decoration:none; } div#main-navigation div.cart ul { padding-top:6px; height:62px; overflow:hidden; } div#main-navigation div.cart ul li { float:none; height:auto; line-height:16px; background:none; text-align:center; } div#main-navigation div.cart ul li:hover a{ background:none; } div#main-navigation div.cart ul li a{ float:none; height:auto; line-height:18px; font-size:14px; font-weight:bold; letter-spacing:-1px; color:#faf6f6; text-shadow: 1px 1px 2px #000; padding-left:0px; } /*---- Main Navigation Search Box ----*/ div#main-navigation div.search-box { background:url(../images/search-bg.png) no-repeat top left; position:absolute; top:65px; left:83px; width:765px; height:56px; display:none; } div#main-navigation div.search-box div.inner { padding-left: 44px; padding-top: 15px; } div#main-navigation div.search-box h2 { float:left; color:#f5f5f5; text-shadow: 1px 1px 2px #000; line-height: 26px; margin-right: 32px; font-size:16px; } div#main-navigation div.search-box p { background:url(../images/search-inputbox.jpg) no-repeat top left; float:left; width:542px; height:26px; margin-top:2px; } div#main-navigation div.search-box p input { background:0; border:0; font-size:16px; padding:3px 5px; width:532px; color:#FAF6F6; } /*---- Content ----*/ div#content h2 {color: #666666; font-family: Arial,Helvetica,sans-serif; font-size: 2em; font-style: normal; font-weight: normal; line-height: 1.2em; margin-left: 20px; padding-right: 10px; text-align: left;} div#content h2 em{color:#db2035; font-style:normal;} /*---- Footer Payments ----*/ div#footer div.payments { float:right; width:251px; padding-top:77px; } div#footer div.payments ul li { float:left; margin-left:2px; } /*---- Footer Twitter ----*/ div#footer div.twitter { padding-top:197px; padding-left:28px; position:relative; margin-bottom:34px; } div#footer div.tweet p { color:#040404; font-size:16px; line-height:18px; } div#footer div.tweet p span { color:#b6b38f; display:block; margin-bottom:2px; } div#footer div.tweet p a { color:#0422ff; text-decoration:none; margin-bottom:2px; } div#footer div.tweet1 { background:url(../images/twitter-comment1.png) no-repeat top left; left:0; top:75px; position:absolute; padding:24px 24px 4px 30px; height:110px; width:254px; } div#footer div.tweet2 { background:url(../images/twitter-comment2.png) no-repeat top left; left:277px; top:75px; position:absolute; padding:24px 24px 4px 56px; height:110px; width:244px; } /*---- Footer Footnote ----*/ div#footer div.footnote { padding-left: 18px; padding-right: 10px; } div#footer div.footnote p { float:right; font-size:16px; color:#faf6f6; text-shadow: 1px 1px 2px #000; } div#footer div.footnote ul li { float:left; font-size:16px; margin-right:39px; } div#footer div.footnote ul li a { color:#faf6f6; text-shadow: 1px 1px 2px #000; } /*---- Common Boxes and Lists ----*/ /*---- Box1 ----*/ div.box1 div.box1-top { background:url(../images/box1-top.jpg) no-repeat top left; padding-top:11px; } div.box1 div.box1-middle { background:url(../images/box1-middle.jpg) repeat-y top left; padding-right: 17px; padding-top: 2px; } div.box1 div.box1-bottom { background:url(../images/box1-bottom.jpg) no-repeat top left; padding-left:21px; padding-bottom:6px; } /*---- Box3 ----*/ div.box3 { background:url(../images/box3-middle.png) repeat-y top left; overflow:hidden;} div.box3 div.box3-top { background:url(../images/box3-top.png) no-repeat top left; overflow:hidden; } div.box3 div.box3-bottom { background:url(../images/box3-bottom.png) no-repeat bottom left; padding:51px 10px 33px 52px; overflow:hidden; } /*---- Box3 ----*/ div.box4 { background:url(../images/box4-middle.png) repeat-y top left; overflow:hidden; } div.box4 div.box4-top { background:url(../images/box4-top.png) no-repeat top left; overflow:hidden; } div.box4 div.box4-bottom { background:url(../images/box4-bottom.png) no-repeat bottom left; padding:53px 67px 218px 61px; overflow:hidden; } /*---- button1 ----*/ a.button1{ background:url(../images/button1.jpg) no-repeat left top; font-size:14px; color:#faf6f6; text-shadow: 1px 1px 2px #000; display:block; text-decoration:none; padding-left:16px; height:26px; line-height:22px; float:right; } a.button1 span{ background:url(../images/button1.jpg) no-repeat right top; display:block; padding-right:5px; height:26px; line-height:22px; position:relative; margin-right:-3px; padding-right:16px; } a.button1:hover{ text-decoration:none;} /*---- button2 ----*/ a.button2{ background:url(../images/button2.jpg) no-repeat left top; font-size:18px; color:#faf6f6; text-shadow: 1px 1px 2px #000; display:block; text-decoration:none; padding-left:36px; height:38px; line-height:32px; float:left; } a.button2 span{ background:url(../images/button2.jpg) no-repeat right top; display:block; height:38px; line-height:32px; position:relative; margin-right:-3px; padding-right:36px; } a.button2:hover{ text-decoration:none;} /*---- button3 ----*/ a.button3{ background:url(../images/button3.jpg) no-repeat left top; font-size:14px; font-weight:bold; color:#faf6f6; text-shadow: 1px 1px 2px #000; display:block; text-decoration:none; padding-left:19px; height:38px; line-height:32px; float:left; } a.button3 span{ background:url(../images/button3.jpg) no-repeat right top; display:block; padding-right:25px; height:38px; line-height:32px; position:relative; margin-right:-3px; } a.button3:hover{ text-decoration:none;} /*---- button4 ----*/ a.button4{ background:url(../images/button4.jpg) no-repeat left top; font-size:14px; font-weight:bold; color:#faf6f6; text-shadow: 1px 1px 2px #000; display:block; text-decoration:none; padding-left:12px; height:29px; line-height:25px; float:left; margin-right:5px; } a.button4 span{ background:url(../images/button4.jpg) no-repeat right top; display:block; padding-right:9px; height:29px; line-height:26px; position:relative; margin-right:-3px; } a.button4:hover{ text-decoration:none;} /*---- button5 ----*/ a.button5{ background:url(../images/button5.jpg) no-repeat left top; font-size:14px; font-weight:bold; color:#faf6f6; text-shadow: 1px 1px 2px #000; display:block; text-decoration:none; padding-left:20px; height:29px; line-height:26px; float:left; margin-right:5px; } a.button5 span{ background:url(../images/button5.jpg) no-repeat right top; display:block; padding-right:20px; height:29px; line-height:26px; position:relative; margin-right:-3px; } a.button5:hover{ text-decoration:none;} /*---- button6 ----*/ a.button6{ background:url(../images/button6.jpg) no-repeat left top; font-size:14px; font-weight:bold; color:#faf6f6; text-shadow: 1px 1px 2px #000; display:block; text-decoration:none; padding-left:27px; height:29px; line-height:26px; float:left; } a.button6 span{ background:url(../images/button6.jpg) no-repeat right top; display:block; padding-right:32px; height:29px; line-height:26px; position:relative; margin-right:-3px; } a.button6:hover{ text-decoration:none;} /*------------------------------------------ // 3. GENERO PAGE CONTENT //------------------------------------------*/ div.box1 { position:relative; margin-bottom:8px; } div.box1 span.label { position:absolute; top:2px; left:3px; } div.box1 div.navigation { float:right; } div.box1 div.navigation a:hover { text-decoration:none; } div.box1 div.list { padding:51px 28px 25px 135px; } div.box1 div.list ul li { float:left; width:320px; margin-bottom:17px; font-size:15px; line-height:16px; } div.box1 div.list ul li a { color:#1a171b; } /* div.box1 div.left-col{width:395px; float:left; padding-bottom:30px;} div.box1 div.right-col{width:355px; float:left; padding-bottom:30px;} */ div.box1 ul.tabs-strip li { float:left; font-size:20px; height:47px; line-height:53px; color:#faf6f6; text-transform:uppercase; margin-right:14.5px; width:20px; text-align:center; } div.box1 ul.tabs-strip li a { color:#faf6f6; text-shadow: 1px 1px 2px #000; text-decoration:none; } div.box1 ul.tabs-strip li.active , div.box1 ul.tabs-strip li:hover { background:url(../images/tab-selector-arrow.jpg) no-repeat top center; } div.box1 ul.tabs-strip li a.empty {color: #e94f4f }; /*---- Products ----*/ div#content div.products { padding-top:1px; } div#content div.products div.product { background:url(../images/box2.jpg) no-repeat top left; padding:10px 15px; position:relative; min-width:269px; min-height:279px; float:left; margin-right:17px; margin-top:22px; } div#content div.products div.outermost { margin-right:0; } div#content div.products div.product span.tag { position:absolute; top:2px; left:2px; } div#content div.products div.product div.image { padding-left: 70px; padding-top: 40px; z-index:9999; position:relative; } div#content div.products div.product div.description { position:absolute; bottom: 21px; left: 33px; width:260px; } div#content div.products div.product div.description h2 { font-size:.85em; color:#666; line-height:1.2em; } div#content div.products div.product div.description h2 a { color:#000000; } div#content div.products div.product div.description p { font-size:.8em; color:#999; line-height:1.2em; margin-left:20px; } /*------------------------------------------ // 4. DETAILS PAGE CONTENT //------------------------------------------*/ div#content div.details { margin-top: 0; padding-right:37px; } div#content div.details div.image { float:left; padding-left: 11px; padding-top:88px; } div#content div.details div.order-form { float:right; width:550px; } div#content div.details div.order-form li { margin-bottom:15px; width:530px; overflow:hidden; float:right;} div#content div.details div.order-form li a.exam{float:right; width:auto; text-decoration:underline; color:#000; font:12px/20px Arial, Helvetica, sans-serif;} div#content div.details div.order-form li a.exam:hover{text-decoration:none;} div#content div.details div.order-form li label{float:left; width:100%; font:12px/18px Arial, Helvetica, sans-serif; color:#000; padding-bottom:5px;} div#content div.details div.order-form li input { width:440px; border:#e4e9ef 1px solid; border-top:#acadb2 1px solid; color:#c6c6c6; font-size:12px; padding:3px 5px; height:14px; } div#content div.details div.order-form li select { width:531px; border:#e4e9ef 1px solid; border-top:#acadb2 1px solid; font-size:12px; color:#000000; height:22px; } div#content div.details div.order-form li textarea { height:113px; width:491px; border:#e4e9ef 1px solid; border-top:#acadb2 1px solid; color:#c6c6c6; padding:5px; margin-bottom:24px; overflow:auto; } div#content div.details div.order-form li.quanity { float:left; width:120px; margin-top:6px; } div#content div.details div.order-form li.quanity label { font-size:12px; font-weight:bold; color:#000; display:block; float:left; margin-top:2px; } div#content div.details div.order-form li.quanity input { width:54px; float:right; border:#bbbbbb 1px solid; color:#000; padding:2px; } div#content div.details div.order-form li.amount { float:right; color:#b55153; font-size:42px; width:350px; text-align:right; text-shadow: 1px 1px 2px #000; font-weight:bold; padding-right:10px; margin-bottom:10px; } div#content div.details div.order-form li.amount span { font-size:20px; } div#content div.details div.order-form li a.button1 { width:85px; } div#content div.details div.order-form li a.button2 { width:200px; text-align:center; float:right;} div#content div.details div.order-form li a.opinion { margin-right:20px; } div#content div.details div.order-content{float:left; width:100%;} div#content div.details div.order-content ul{list-style:none; float:left; width:100%;} div#content div.details div.order-content ul li{width:100%; float:left; font:16px/24px "DIN",Arial, Helvetica, sans-serif; color:#3e3e40; padding-bottom:30px; margin-bottom:0;} div#content div#testimonials { margin-top:33px; } div#content div#testimonials div.box3-bottom { padding:39px 49px 40px 48px; } div#content div#testimonials h2 { font-size:24px; color:#abc91b; text-align:right; font-weight:bold; margin-bottom:47px; } div#content div#testimonials h3 { font-size:18px; color:#abc91b; margin-bottom:13px; } div#content div#testimonials h3 span { font-size:14px; font-weight:normal; color:#000; } div#content div#testimonials a.comments { float:right; font-size:12px; color:#000; text-decoration:underline; } div#content div#testimonials blockquote { padding-left:116px; margin-bottom:20px; } div#content div#testimonials blockquote p { font-size:14px; color:#000; line-height:17px; } div#content div#testimonials div.rating a { float:left; margin-right:1px; } /*------------------------------------------ // 5. COMPARE PAGE CONTENT //------------------------------------------*/ div#compare h2, div#zona-privada h2 { background: url("../../../../themes/vivelibro/images/subrayado_cabeceras.png") no-repeat scroll center bottom transparent; color: #424346; font-family: 'Archivo Narrow',helvetica,arial,sans-serif; font-size: 30px; font-weight: bold; height: 50px; letter-spacing: 0.05em; line-height: 30px; text-align: center; text-shadow: 0 -0.015em 0 #000000; width: 100%; margin-bottom:50px; }/* div#zona-privada h2{ background:url(../images/head-bg.jpg) repeat-x 0 0; font-size:30px; color:#ffffff; text-shadow: 1px 1px 2px #000; text-align:right; line-height: 34px; padding-bottom: 6px; padding-right: 11px; font-weight:bold; margin-bottom:63px;} */ div#compare table { width:800px; } /*cambio height:96px por auto*/ div#compare table th { color:#e23346; font-size:18px; text-align: left; height:auto; vertical-align:top; } div#compare table th h3 { border-bottom:1px solid #e44254; padding-left:5px; padding-bottom:6px; } /*cambio height:112px por auto*/ div#compare table td { color:#000000; padding-left:9px; height:40px; height:auto; vertical-align:top; } div#compare table td h3 { font-size:16px; margin-bottom:6px; } div#compare table td p { font-size:12px; margin-bottom:10px; } div#compare table .quantity { width:152px; } div#compare table .product { width:505px; } div#compare table .price { width:149px; } div#compare table .subtotal { width:74px; } div#compare table td.subtotal { text-align:right; } div#compare div.order-total { float: right; margin-top: 17px; } div#compare div.order-total div.grand-total { background:url(../images/grand-total-bg.jpg) no-repeat top left; padding:13px 8px 20px 10px; width:360px; } div#compare div.order-total div.grand-total h3 { font-size:20px; color:#fffefe; text-transform:uppercase; text-shadow: 1px 1px 2px #000; margin-bottom:17px; } div#compare div.order-total div.grand-total h3 span , div#compare div.order-total div.grand-total p span { float:right; } div#compare div.order-total div.grand-total p { font-size:12px; color:#000000; padding-left:7px; } /*---- Elementos de Formulario comunes ----*/ div#content form li { margin-bottom:8px; width:503px; overflow: visible } div#content form li input { width:490px; border:#e4e9ef 1px solid; border-top:#acadb2 1px solid; color:#666; font-size:12px; padding:3px 5px; height:14px; } div#content form input.submit { background:transparent url(../images/submit-bg.png) no-repeat top left; font-size:14px; font-weight:bold; color:#faf6f6; text-shadow: 1px 1px 2px #000; display:block; text-decoration:none; padding:2px 5px 7px;height:29px; width:101px; line-height:26px; float:right; clear:both; border:none; cursor:pointer;} div#content form li select { width:503px; border:#e4e9ef 1px solid; border-top:#acadb2 1px solid; font-size:12px; color:#000000; height:22px; } div#content form li textarea { height:113px; width:491px; border:#e4e9ef 1px solid; border-top:#acadb2 1px solid; color:#666; padding:5px; margin-bottom:24px; overflow:auto; } div#content form li label { font-size:12px; font-weight:bold; color:#000; display:block; float:left; margin:2px 0 12px 0; } div#content form li.quanity { float:left; width:120px; margin-top:18px; } div#content form li.quanity input { width:54px; float:right; border:#bbbbbb 1px solid; color:#666; padding:2px; } div#content form li.amount { float:right; /*color:#b55153;*/ color:#e22d42; font-size:42px; width:350px; text-align:right; text-shadow: 1px 1px 2px #000; font-weight:bold; padding-right:10px; margin:15px 0 10px 0; } div#content form li.amount span { font-size:20px; } div#content form li a.button1 { width:85px; margin-bottom:2px; } div#content form li a.button2 { width:200px; text-align:center; } div#content form li a.opinion { margin:0 33px 0 -2px; } /* Page */ div.page{ color: #666; } #content div.page h1, #content div.page h2, #content div.page h3, #content div.page h4, #content div.page h5{ font-weight: bold; color: #666; margin: 20px 0 40px; } div.page h1{ font-size: 30px; line-height: 36px; } div.page h2{ font-size: 26px; line-height: 31px; } div.page h3{ font-size: 22px; line-height: 26px; } div.page h4{ font-size: 18px; line-height: 21px; } div.page h5{ font-size: 14px; line-height: 17px; } div.page p{ margin:10px 0; font-size:14px; line-height: 16px; } div.page ul{ font-size:14px; line-height: 16px; margin-left:20px; list-style: inherit; } div.page ul li{ margin: 5px 0; } /*------------------------------------------ // 12. ENVIANOS TU COMENTARIO //------------------------------------------*/ div#content form.coment-form li { width:670px; clear:both;margin-left:50px; } div#content form.coment-form li label { width:149px; margin:0 1px 20px 0;font-size:20px; font-weight:normal; } div#content form.coment-form input { display:block; float:left; width:508px; border-color:#BBBBBB; } div#content form.coment-form input.submit { background:transparent url(../images/submit-bg.png) no-repeat top left; font-size:14px; font-weight:bold; color:#faf6f6; text-shadow: 1px 1px 2px #000; display:block; text-decoration:none; padding:4px 5px 7px;height:33px; width:101px; cursor:pointer; line-height:26px; float:right; border:none;} div#content form.coment-form textarea{ display:block; float:left; width:508px; height:248px; border-color:#BBBBBB;} span.required { color:#ff0000} span.aceptar { font-size:14px; display: block; clear: both; float: right; margin-top:32px;} span.aceptar a{ color:#000; text-decoration:underline;} /*------------------------------------------ // 14. CLAUSULA DE PROVACIDAD //------------------------------------------*/ div.privacidad {float:left;width:690px;height:614px;overflow-y:scroll;overflow-x:hidden;border:1px solid #bbbbbb;padding:4px 10px;margin-right:2px;} div.privacidad p, div.privacidad li {font-size:12px;line-height:14px;margin:0 0 16px; color:#333333} div.botones-priv {float: right;width: 90px;margin-top: 587px;} a.volver-btn { padding-left: 21px; margin-top:7px;} a.volver-btn span { padding-right: 20px;} .privacidad ul { list-style: disc; padding-left: 20px; } /*------------------------------------------ // 15. ZONA USUARIO //------------------------------------------*/ div#zona-privada { color:#333333; } .zona-usuario { margin:100px 0 158px 35px; } .zona-usuario a{ color: #e23346; } .zona-usuario h3{ margin:48px 0 2px; } /*------------------------------------------ // 16. HISTORICO PEDIDOS //------------------------------------------*/ .pedidos { margin:40px 0 73px 35px } .pedidos h3 { margin:0 0 42px 0; font-size:20px; } table.hco-pedidos { width:732px; } table.hco-pedidos td{ padding:4px 0 8px; } table.hco-pedidos th{ font-size:20px; text-align:left; padding-bottom:15px; } .hco-pedidos .fecha { width:181px; } .hco-pedidos .titulo { width:251px; } .hco-pedidos .cantidad { width:85px; } .hco-pedidos .precio { width:80px; text-align:right; } .hco-pedidos .accion { width:135px; text-align:right; } .accion a{ color:#999999; } /*------------------------------------------ // 14. DATOS PERSONALES //------------------------------------------*/ fieldset { display:block; float:left; border:1px solid #CCC; width:358px; padding:0 14px 14px 14px; margin-left:13px; } fieldset input { display:block; width:352px; border:1px solid #BBBBBB; height:24px; padding:2px; margin:0 0 10px 0; } fieldset label { font-size:12px; font-weight:bold; display:block; } fieldset label.first { margin-top:28px; } div#content form input.submit-datos { margin-top:92px; clear:right; } .ayuda-contrasena { font-size:12px; display:block; width:336px; padding:8px 20px 8px 0; border-top:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; margin-bottom:10px; } .aceptar.datos { clear:right; margin-top:51px; } .home{ text-align: center; padding-top:30px; } .home .bottom{ background: url(../images/sombra.png) 50% -205px no-repeat; height: 80px; margin: -4px 0 0 0; } .home p{ /* font-size: 18px; line-height:24px; font-style: italic; margin-bottom: 30px; color: #3D3C3F; font-family: 'Handlee',cursive; font-size: 18px; font-style: italic; line-height: 1.4em; text-align: center; text-shadow: 0 1px 1px #999; */ } /*Packs */ .pack{ margin-bottom: 15px; position:relative; } .pack .image{ width: 150px; } .pack .content{ color: #666; margin-top:-20px; margin-left: 190px; margin-right: 50px; } .pack .content .title{ padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #c33; } .pack .content .title a{ font-size: 30px; font-weight: bold; color: #666; } .pack a,.pack a:hover{ text-decoration:none; } .pack .content .title span{ color: #C33; } div#content .pack .pack-content h2{ color: #c33; font-size: 20px; } div#content .pack .content h2.title{ font-size: 30px; font-weight: bold; color: #666; } .pack .content ul{ margin-bottom:10px; float: left; width: 314px; } .pack .content ul li{ line-height:20px; list-style-image:url('../images/tick.png'); } .pack .content .pack-content a{ color: #666; text-decoration: underline; } .price-wrapper{ position: absolute; bottom: 45px; right: 50px; font-weight: bold; color: #666; } .price-wrapper .previous-price{ font-size: 16px; background: url(../images/tachon.png) no-repeat; height: 26px; display: inline-block; padding-top: 8px; padding-right: 10px; } .price-wrapper .price{ font-size: 30px; text-shadow: 1px 1px 2px #000; font-weight:bold; color:#e22d42; } /* detalle */ #detalle .product-variant-selector-wrapper label{ display:none !important; } #detalle h2{ margin-bottom: 20px; } #detalle h2.title{ color: #666; font-weight: bold; } #detalle h2.title span{ color: #c33; } #detalle .details{ margin-top: 20px; padding-top: 50px; } #detalle .info-detalle{ /*margin-top: 20px; margin-left: 250px; margin-right:20px;*/ float: right; padding-right: 60px; width: 503px; } #detalle .info-detalle .product-content{ color: #666; font-size: 14px; line-height: 16px; margin-left: 80px; margin-top: 70px; min-height:175px; font-family: Arial,Helvetica,sans-serif; } #detalle .info-detalle .product-content p{ font-size: 14px; line-height: 16px; margin: 10px 0; } #detalle .info-detalle .product-content ul{ line-height: 0px; margin:0; padding:0; } #detalle .info-detalle .product-content li{ line-height: 16px; list-style-image:url('../images/tick.png'); } #detalle .info-detalle #custom-product{ margin-top:50px; margin-left:50px; width: 503px; } #detalle .info-detalle #custom-product ul{ } #detalle .info-detalle select{ margin-bottom:10px; } #detalle #add_to_cart{ float:right; } #detalle .login_link{ font-size: 14px; line-height: 16px; color: #666; } #detalle .login_link a{ color: #E23346; } .checkbox_3s { clear:both; } /* Cubiertas */ /* covers */ .covercontent { display:inline; width:230px; height:340px; } .molde { width:230px; height:340px; position:absolute; z-index:5; } .cubierta { width:185px; height:290px; position:absolute; margin-top:25px; margin-left:22px; z-index:4; } .contentmedium { display:inline; width:202px; height:299px; } .moldemedium { width:202px; height:299px; position:absolute; z-index:5; } .cubiertamedium { width:173px; height:255px; position:absolute; margin-top:22px; margin-left:19px; z-index:4; } .contentmini { width:115px; height:170px; padding:34px 0 0 73px; } .moldemini { width:115px; height:170px; position:absolute; z-index:5; } .cubiertamini { width:92px; height:145px; position:absolute; margin-top:12px; margin-left:11px; z-index:4; } .invisible{ } table.listalibrerias { margin: 50px 10% 50px 10%; background: #eee; } table.listalibrerias th{ height:1.7em; } .contentepub{ display: none; width: 230px; height: 340px; } .contentepub .cubierta{ width: 185px; height: 290px; position: absolute; margin-top: 30px; margin-left: 30px; z-index: 4; } .contentepub .moldeepub{ width: 247px; height: 367px; position: absolute; z-index: 5; } .epubmedium{ display:none; width: 202px; height: 299px; } .epubmedium .cubiertamedium{ width: 173px; height: 255px; position: absolute; margin-top: 26px; margin-left: 19px; z-index: 4; } .epubmedium .moldeepubmedium{ width: 232px; height: 322px; position: absolute; z-index: 5; margin-left: -10px; } .epubmini{ display:none; width: 115px; height: 170px; padding: 34px 0 0 73px; } .epubmini .cubiertamini{ width: 92px; height: 145px; position: absolute; margin-top: 13px; margin-left: 14px; z-index: 4; } .epubmini .moldeepubmini{ width: 122px; } .productepub .contentepub, .productepub .epubmedium{ display:inline } .productepub .epubmini{ display:block } .productepub .content, .productepub .contentmedium, .productepub .contentmini{ display:none }