/** * bGrowl 0.3.0 * * Growl-like notifications for jQuery * * Copyright (c) 2009 Josh Varner * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. * * Portions of this file are from the jQuery UI CSS framework. * * @license http://www.opensource.org/licenses/mit-license.php * @author Josh Varner */ /* IE 6 doesn't support position: fixed */ * html #bGrowl-overlay { position:absolute; } /* IE6 includes padding in width */ * html .bGrowl { width: 280px; } #bGrowl-overlay { overflow: hidden; position: fixed; top: 15px; right: 15px; width: 280px; z-index:50; } .bGrowl { display:none; margin-bottom: 8px; padding: 15px 15px; background-color: #000; color: white; width: 250px; font-weight: bold; position:relative; overflow: hidden; line-height:13px; /*-moz-box-shadow: #aaa 1px 1px 2px; -webkit-box-shadow: #aaa 1px 1px 2px; box-shadow: #aaa 1px 1px 2px; */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* Note that if using show/hide animations, IE will lose this setting */ opacity: .95; filter:Alpha(Opacity=95); } /** * This section from jQuery UI CSS framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Can (and should) be removed if you are already loading the jQuery UI CSS * to reduce payload size. */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-icon { width: 16px; height: 16px; background-image: url(../img/jquery.ui/ui-icons_ffffff_256x240.png); } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .bGrowl .bGrowl-message-icon { margin-top: -1px; margin-left: -.5em; margin-right: .5em; float: left; zoom: 1; } .bGrowl .ui-icon.bGrowl-close-button { overflow: hidden; float: right; position: relative; top: -8px; right: -8px; cursor: pointer; background-image: url(../img/jquery.ui/ui-icons_ffffff_256x240.png); } .bGrowl .ui-icon.bGrowl-close-button-hover { background-image: url(../img/jquery.ui/ui-icons_cccccc_256x240.png); } /* Slightly darker for these colors (readability) */ .bGrowlSuccess, .bGrowlFail, .bGrowlWait { /* Note that if using show/hide animations, IE will lose this setting */ opacity: .93; filter:Alpha(Opacity=93); } .bGrowlSuccess { background-color: #CA0C76; } .bGrowlSuccess .ui-icon, .bGrowlFail .ui-icon { width: 16px; height: 16px; background-image: url(../img/jquery.ui/ui-icons_ffffff_256x240.png); } .bGrowlWait .ui-icon { width: 16px; height: 16px;} .bGrowlFail { background-color: #D64450; } .bGrowlWait { background-color: #658093; } .bGrowlSuccess .ui-icon.bGrowl-close-button, .bGrowlFail .ui-icon.bGrowl-close-button { background-image: url(../img/jquery.ui/ui-icons_ffffff_256x240.png); } .bGrowlSuccess .ui-icon.bGrowl-close-button-hover, .bGrowlFail .ui-icon.bGrowl-close-button-hover { background-image: url(../img/jquery.ui/ui-icons_222222_256x240.png); } .bGrowl .wait-icon { background-image: url(../img/adm/wait.gif); width: 16px; height: 16px;; } .bGrowl .bGrowl-message, .bGrowl .bGrowl-message span { /*display: inline;*/ float:left; width:210px; display:block; overflow:hidden; } .bGrowlSuccess .bGrowl-message, .bGrowlFail .bGrowl-message, .bGrowlWait .bGrowl-message {color:#fff; font-style:italic; font-size:13px; line-height:16px; /*text-shadow: 0px 1px 0px #E60A82; color:#720541;*/} .bGrowlSuccess .bGrowl-message strong, .bGrowlFail .bGrowl-message strong, .bGrowlWait .bGrowl-message strong {font-weight:bold; font-style:italic;} .bGrowlSuccess .bGrowl-message .qty, .bGrowlFail .bGrowl-message .qty {padding-top:5px; margin-top:10px; border-top:1px dashed #fff; font-style:italic; font-size:11px; line-height:14px;} .ui-selectmenu {} .ui-widget {} .ui-state-default {} .ui-corner-all {} .ui-selectmenu-popup {} /* Selectmenu ----------------------------------*/ .ui-selectmenu { display: block; position:relative; padding:3px;; text-decoration: none; overflow:hidden; background:#e5e5e5; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;} .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } .ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; background:#fff url(../img/bg_option.png) repeat; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;} .ui-selectmenu-open { visibility: visible; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu-dropdown {} .ui-selectmenu-menu li { padding:0 3px; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: auto; display:block; padding:7px; width:auto; outline:none; text-decoration:none; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } .ui-selectmenu-status { line-height: 1em; } .ui-selectmenu-open li.ui-selectmenu-item-focus a { background:#fff; color:#000; } .ui-selectmenu-open li.ui-selectmenu-item-selected {} .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header {font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-content { } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } a.ui-selectmenu-item-selected {font-weight:normal;}/****************************************************************************** * web.css * *Hojas de estilos de la web * * Juan Carlos M. @ barnacode.com 2009 | http://www.barnacode.com ******************************************************************************/ @charset "utf-8"; /* CSS RESET *************************************************************************************************************/ 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, center, u, b, i{margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; font-family:inherit; vertical-align:baseline;} body{line-height:1;margin:0; padding:0} ol, ul{list-style:none;} table{border-collapse:collapse; border-spacing:0;} blockquote:before, blockquote:after, q:before, q:after{content:"";} blockquote, q{quotes:"" "";} input, textarea{margin:0; padding:0;} hr{margin:0; padding:0; border:0; color:#000; background-color:#000; height:1px;} a img{border:none;} a {outline:0} strong{font-weight:bold;} img{-ms-interpolation-mode:bicubic;image-rendering: optimizeQuality;} /* CSS RESET *************************************************************************************************************/ html{} body{ font-family:Arial,Verdana,sans-serif; color:#000000; font-size:11px; background:#b0b0b2 url(http://www.sexshopping.es/img/background-pattern.jpg); /*background:#000 url(http://www.sexshopping.es/img/bg-xmas.jpg); background-position:top; background-repeat:no-repeat;*/ } a{color:#000000; text-decoration:none;} a:hover{text-decoration:underline;} a[href$='.doc']{padding:0 0 0 18px; background:transparent url(../img/doc.gif) no-repeat center left;} a[href$='.pdf']{padding:0 0 0 18px; background:transparent url(../img/pdf.gif) no-repeat center left;} a[href$='.xls']{padding:0 0 0 18px; background:transparent url(../img/xls.gif) no-repeat center left;} acronym, abbr{border-bottom:1px dotted #333; cursor:help;} .clearer{clear: both;} .clearleft{clear:left;} .clearright{clear:right;} .fleft {float:left;} .fright {float:right;} .fucsia {color:#CA0C76;} .dreta{ text-align:right;} .centre{ text-align:center;} .esquerre{ text-align:left;} .oculto{display:none;} .sinscroll {overflow-y:hidden;} .tberror {background:#FFA7A4;} .input{border-top:1px solid #aaadb2; border-right:1px solid #aaadb2; border-bottom:1px solid #e3e3eb; border-left:1px solid #e3e3eb; background:#FFF; padding:2px; font-size:11px; color:#666;} .combo{border-top:1px solid #aaadb2; border-right:1px solid #aaadb2; border-bottom:1px solid #e3e3eb; border-left:1px solid #e3e3eb; background:#FFF; padding:1px; font-size:11px; color:#666;} .input:hover, .input:focus, .combo:hover, .combo:focus{border:1px solid #d7d7d7;} textarea{overflow:auto;} input[type=submit],label,select,.pointer{cursor:pointer;} .msgok{-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; background:#FFFFE0; border:1px solid #E6DB55; border-radius:5px; padding:10px 0 10px 0; margin:20px 10px 20px 10px;} .msgerror{-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; background:#FFEBE8; border:1px solid #CC0000; border-radius:5px; padding:10px 0 10px 0; margin:20px 10px 20px 10px;} .msgok p, .msgerror p{margin-bottom:0 !important;} /* HACK CHROME AND SAFARI */ @media screen and (-webkit-min-device-pixel-ratio:0) { #logo span {float:right; font-size:12px; margin-top:-7px; position:absolute; margin-left:95px;} /* firefox */ } /* ESTILOS WEB GENERALES **************************************************************************************************/ html>body{min-height:100%; height:100%; width:100%;} html>body #loader {height:100%; width:100%; position:fixed; top:0; left:0; bottom:0; background:url(../img/bg_333_80.png); z-index:10000; display:none;} #loader span {color:#ccc; width:auto; font-size:30px; opacity:1;background:url(../img/loader_33.gif) no-repeat left; padding-left:50px; height:50px; line-height:50px; display:block; /*margin:25% 35%; */position:fixed;left:35%; top:40%;} #popup {width:650px; height:300px; background:#F6F6F6;position:fixed;left:50%; margin-left:-350px; top:50%; margin-top:-200px; padding:20px;-moz-border-radius: 15px;border-radius: 15px;} #popup h1 {line-height:28px; background:url(../img/bg_popup.jpg) repeat-x; color:#fff; font-weight:bold; padding-left:10px; font-size:14px; text-transform:uppercase; margin:0;-moz-border-radius: 3px;border-radius: 3px;} #popup h1 strong {color:#fff;} #popup .msg {padding:10px;} #popup .msg h2 {border-bottom:1px solid #7a7a7a; font-size:25px; padding:5px 0; margin-top:15px;} #popup .msg p {font-size:12px; line-height:15px; padding:10px 0;} #popup .con {width:300px;margin:10px; position:relative; height:210px;} #popup .con h3 {border-bottom:1px solid #7a7a7a; font-size:25px; padding:3px 0 5px 0; margin:0; padding-top:0;} #popup .con p {font-size:12px; line-height:15px; padding:10px 0; margin:0; min-height:60px} #popup .left {float:left; width:145px; position:absolute} #popup .rigth {position:absolute} #popup .con a {background:url(../img/bg_submit.jpg) repeat-x; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; border:none;padding:5px 15px; font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase; float:right;} #wrapper {width:980px; height:auto; margin:0 auto; margin-top:-5px; padding:0 10px; background-color:#fff; -moz-box-shadow: 0 0 20px 20px #858586; -webkit-box-shadow: 0 0 20px 20px #858586; box-shadow: 0 0 20px 20px #858586; min-height:1500px; border:solid thin #7e7e7e;} #wrapper-quienes {width:100%; height:auto; top:0; position:absolute; margin-top:0; padding-left:-10px; z-index:999;} #wrapper-quienes #quienes {width:1100px; text-align:right; margin:auto; padding:5px 0; background:#b0b0b2 url(http://www.sexshopping.es/img/background-pattern.jpg); padding-right:130px; display:block;} #wrapper-quienes #quienes a {font: 11px Arial, Helvetica, sans-serif; color:#333;padding:10px; } #wrapper-quienes #quienes p {float:left; font: 11px Arial, Helvetica, sans-serif; color:#333; padding-left:120px;} #wrapper-quienes #quienes p a {padding:0; color:#333;} #wrapper-header {width:100%; height:auto; top:0; position:absolute; margin-top:23px; padding-left:-10px;} #wrapper-header #quienes {width:1100px; text-align:right; margin:auto; padding:5px 0; background:#b0b0b2 url(http://www.sexshopping.es/img/background-pattern.jpg); padding-right:130px; display:block} #wrapper-header #quienes a {font: 11px Arial, Helvetica, sans-serif; color:#616161;padding:10px; } #wrapper-header #quienes p {float:left; font: 11px Arial, Helvetica, sans-serif; color:#333; padding-left:120px;} #wrapper-header #quienes p a {padding:0; color:#333;} #wrapper-header-int {margin:0 auto; width:1000px; padding:0; background-color:#fff;border-top:solid thin #b3b3b3;} #head {display:block; clear:both; background:#fff; height:110px;} #head #logo {margin:10px 25px 17px 25px; margin-top:10px; padding-top:10px; padding-right:25px; float:left; background-image:url(http://www.sexshopping.es/img/estrellitas-logo.gif); background-repeat:no-repeat; background-position:right top;} #logo a:active, #logo a:visited, #logo a:hover, #logo a:link{text-decoration:none} #logo p {font:bold 36px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; text-transform:uppercase; margin-left:50px; margin-top:-70px;} #logo-interno {font:bold 36px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; text-transform:uppercase; margin-left:50px; margin-top:-70px;} #logo span {float:right; font-size:12px; margin-top:-4px; position:absolute; margin-left:95px;} /* internet explorer */ #logo:first-of-type span {margin:-4px 0 0 95px} /* chrome y safari */ #logo:first-of-type p {margin-bottom:0} #head #cesta {float:right;margin:20px 10px 10px 0;} #head #cesta .fleft {text-align:right; margin-top:5px; line-height:15px;} #head #cesta .fleft a {font-size:11px; background-color:#b2c609; padding:2px 10px; color:#fff;-moz-border-radius: 5px; border-radius: 5px; margin-top:3px; float:right; } #head #cesta .fleft span {font-size:10px} #head #cesta .fleft p {font-size:10px} #menu {display:block; height:36px; color:#fff; background:#E41370; margin:0; padding-left:10px; font-size:10px;} #menu a {color:#fff;height:30px; font-weight:bold} #menu a:hover {text-decoration:none; color:#EC9CC0;} #menu span {font-size:16px;} #menu ul {margin:0; padding:0;} #menu li {display:block; color:#fff;text-transform:uppercase; padding:0px 10px; height:25px; float:left; margin-top:5px; padding-right:40px; padding-left:20px; border-left: solid thin #fff;} #menu ul li.sin {border-left:none;} #menu #contacto {padding-left:210px;} #submenu {height:25px; line-height:20px; background:#fff; padding-left:20px;} #submenu ul {margin:0;padding-left:5px; position:absolute} #submenu li {display:inline; color:#fff;padding:0px 5px; color:#B3B3B3; font-size:11px;} /*#submenu #votados img {top:-7px; position:absolute;left:200px;}*/ #submenu .votados, #submenu .categorias, #submenu .todos, #submenu .comprar, #submenu .trucos {display:none;} #content {position:relative; background:#fff; width:980px; } #content ul {} #content li {} #footer{display:block; color:#fff; border-bottom:1px solid #8b8a8a; padding:60px 15px 15px 55px; width:950px; margin:auto;} #footer .item {width:20%; float:left;} #footer .item p {text-transform:uppercase; color:#616161; font-weight:bold; margin-bottom:15px;} #footer .item h5 {color:#555; font-weight:bold; margin:15px 0;} #footer .item ul {} #footer .item li {padding:2px 0;} #footer .item a {color:#616161;} #subfooter{display:block; color:#616161; padding:20px 0; width:950px; margin:auto; padding-left:40px;} #subfooter .left {width:75%; float:left; line-height:16px; } #subfooter .right {width:25%; float:right; text-align:right;} #subfooter li {display:inline; padding:0 5px;} #subfooter a {color:#616161; font-size:11px;} /* ESTILOS WEB HOME **************************************************************************************************/ #content.home {height:366px;} #content #text-home {z-index:1000;position:absolute; width:100%; } #content #text-home .fleft { padding-left:40px; padding-top:60px; text-align:center; width:330px;} #content #text-home:first-of-type p {padding:0; margin:0;} #content #text-home .fleft span {font-size:15px; color:#666;} #content #text-home .fleft p {font-size:55px; color:#000; padding:15px 0; font-weight:bold;} #content #text-home .fleft .smaller {font-size:20px; color:#333; padding:5px; margin:0} #content #text-home .fright {padding-top:340px; padding-right:24px;} /* ESTILOS PARA SAFARI ****************************/ #scrollable-content-safari {margin: 15px 0; margin-top:-275px; position:relative;} #scrollable-content-safari .flecha {float:left; padding-right:500px; cursor:pointer; margin-top:-1930px;} #scrollable-content-safari .flecha2 {float:right; cursor:pointer; margin-top:-1930px;} /* ESTILOS PARA CHROME ****************************/ #scrollable-content-chrome {margin: 15px 0; margin-top:0px; position:absolute;} #scrollable-content-chrome .flecha {float:left; padding-right:18px; cursor:pointer; margin-top:-1225px; position:relative; } #scrollable-content-chrome .flecha2 {float:right; cursor:pointer; margin-top:-1225px; position:relative;} #scrollable-content {margin: 15px 0;} #scrollable-content .flecha {float:left; padding-right:18px; cursor:pointer; margin-top:-1670px; } #scrollable-content .flecha2 {float:right; cursor:pointer; margin-top:-1670px; } .scrollable {overflow:hidden; width:900px; color:#fff; position:absolute; margin-left:40px; margin-top:-1670px; height:166px;} .scrollable .items {width:20000em; position:absolute;} .scrollable .items ul {margin: 15px 0;} .scrollable .items .item, .scrollable .items .jcarousel-item-horizontal {position:relative; width:166px;float:left; margin-right:18px;} .scrollable .items .item img {z-index:-100;} .scrollable .items .top {position:absolute; color:#000; padding-left:15px; padding-top:15px; text-transform:uppercase; width:166px;} .scrollable .items .top2 {position:absolute; color:#000; right:15px; padding-top:15px; text-transform:uppercase; text-align:right; width:166px;} .scrollable .items .top span, .scrollable .items .top2 span {font-size:10px; font-weight:bold;} .scrollable .items .top h5, .scrollable .items .top2 h5 {font-size:15px; font-weight:bold; margin:0;} .scrollable .items .bottom {position:absolute; top:125px; right:15px; color:#fff;text-transform:uppercase; z-index:100; text-align:right;} .scrollable .items .bottom span {font-size:10px; font-weight:normal; text-transform:none; display:block;} #secciones {width:980px; margin-top:190px;} #izquierda {width:715px; padding:20px;float:left; background-color:#fff;margin-bottom:10px; min-height:154px;} #izquierda img {border:solid thin #000; margin-right:15px;} #izquierda h2 {font:bold 24px Arial, Helvetica, sans-serif; letter-spacing:-1px; margin-bottom:2px; line-height:99%;} #izquierda h3 {font:bold italic 12px Arial, Helvetica, sans-serif; margin-bottom:13px;} #izquierda p {font:12px Arial, Helvetica, sans-serif;} #cuadro-texto {margin-left:295px; margin-top:-158px} #cuadro-texto ul {margin-top:10px;} #cuadro-texto li {margin-left:20px; padding:2px; font-size:12px;} #cuadro-texto li a {color:#FF1F8A} #enlace-home {float:right;margin:10px 5px -5px 0; color:#FF1F8A;} #enlace-home a:link, #enlace-home a:visited, #enlace-home a:active {color:#FF1F8A; text-decoration:none;font:normal 11px Arial, Helvetica, sans-serif; } #enlace-home a:hover {color:#FF1F8A; text-decoration:underline;} #derecha {padding:10px; margin:0 0 0 774px; position:absolute; width:182px; padding-left:13px; margin-top:-25px} #derecha img {margin-bottom:10px; margin-top:10px;} /* ESTILOS TRUCOS PARA COMPRAR VIBRADOR *******************************************************************************/ h3.acc_trigger { padding: 15px; margin: 0 0 5px 0; height: 70px; width: 610px; font-size: 12px; font-weight: bold; float: left; background-color:#eee; border:thin solid #ccc; -moz-border-radius: 5px; border-radius: 5px; } h3.acc_trigger a { color: #000; text-decoration: none; display: block; padding: 0; } h3.acc_trigger a:hover { color: #000; } h3.active {background-position: left bottom;} .acc_container { margin: 0 0 40px; padding: 0; overflow: hidden; font-size: 12px; width: 610px; clear: both; } .acc_container .block { padding: 0; } .acc_container ul { margin-left:15px; border-top:none; } .acc_container ul li { padding:5px; color:#000; } .acc_container ul li a {color:#000; text-decoration:none;} .acc_container ul li a:hover {color:#000; } .acc_container ul li a:active {color:#000;} /* ESTILOS WEB CATEGORIAS *********************************************************************************************/ #content.categ {height:auto; background:#fff; padding-bottom:20px; padding-top:170px;} #content .categ #categ {height:auto; background:#fff;} /* INTRO */ #content #categ .intro {padding:300px 0 40px 40px; margin-top:60px;} #content #categ .intro h1 {font-size:40px; padding-bottom:5px;} #content #categ .intro h2 {font-size:15px; font-style:italic;} /* ANCHO COMPLETO */ #content #categ .todo {font-size:13px; line-height:16px; width:1000px; float:left;} #content #categ .todo p.mitad {padding-left:0; font-size:13px; line-height:16px; width:650px; float:left;} #content #categ table { width:920px; margin:1em auto; border-collapse:collapse; margin-bottom:20px; } /* CELDAS DE DIFERENTES COLORES PARA LA TABLA COMPRATIVA */ #content #categ tr.cons-claro td { background:#F2F2F2; vertical-align:middle; } #content #categ tr.cons-oscuro td { background:#E6E6E6; vertical-align:middle; } #content #categ tr.vib-claro td { background:#EBE5F1; vertical-align:middle; } #content #categ tr.vib-oscuro td { background:#D7CCE3; vertical-align:middle; } #content #categ tr.con-claro td { background:#FADEEA; vertical-align:middle; } #content #categ tr.con-oscuro td { background:#F6C7DB; vertical-align:middle; } #content #categ tr.bolas-claro td { background:#FBE6D5; vertical-align:middle; } #content #categ tr.bolas-oscuro td { background:#F8D3B8; vertical-align:middle; } #content #categ tr.otros-claro td { background:#fac3c3; vertical-align:middle; } #content #categ tr.otros-oscuro td { background:#eba7a7; vertical-align:middle; } #content #categ td { color:#000; border-bottom:1px solid #fff; border-left:1px solid #fff; padding:4px; text-align:center; } #content #categ th { font-weight:normal; color: #000; text-align:left; border-bottom: 1px solid #fff; border-left:1px solid #fff; padding:.3em 5px; } #content #categ thead th { background:#000; text-align:center; font:11px Arial,Helvetica,sans-serif; color:#fff; } /* LEFT */ #content #categ .fleft-art {padding-left:83px; font-size:13px; line-height:16px; width:660px; float:left;} #content #categ .fleft-art p {padding-bottom:36px; width:98%} #content #categ .fleft-art .linea {border-bottom: dotted thin #000; margin-bottom:30px;} #content #categ a.borde {color:#000; text-decoration:none; border-bottom:dotted thin #e2007a;} #content #categ a.borde:hover {color:#000; text-decoration:none; border-bottom:solid thin #e2007a; cursor:pointer} #content #categ a.nosign {color:#000; text-decoration:none; border-bottom:none;} #content #categ a.nosign:hover {color:#000; text-decoration:none; border-bottom:none;} #content #categ .fleft-art span {color:#c4c4c4; font-size:12px; font-weight:bold; text-transform:uppercase;} #content #categ .fleft-art h3 {font-size:16px; font-weight:bold; padding-bottom:15px;} #content #categ .fleft-art .nueve-claves {padding:20px; padding-top:65px;margin-bottom:15px; border:solid thin #e5e5e5; background-image: url(http://www.sexshopping.es/img/9-claves.jpg); background-repeat:no-repeat;} #content #categ .fleft-art .sin {border:none; background-image:none; padding:20px;} #content #categ .fleft-art ul p {color:#e2007a; padding-bottom:10px} #content #categ .fleft-art ul li {padding:4px 0;} #content #categ .fleft-art li a:active, #content #categ .fleft-art li a:link, #content #categ .fleft-art li a:visited {color:#e2007a; text-decoration:none; border-bottom:dotted thin #e2007a;} #content #categ .fleft-art li a:hover {text-decoration:none; border-bottom:solid thin #e2007a;} #content #categ .sexshop {border:2px solid #fff; outline:1px solid #000; margin:5px 0 20px 0} /* estilo borde imagen sexshop */ /*#content #categ .fletf-art a:active, #content #categ .fletf-art a:visited,#content #categ .fletf-art a:link {color:#e2007a;text-decoration:none;border-bottom:thin dotted #e2007a} #content #categ .fletf-art a:hover {color:#e2007a;text-decoration:none;border-bottom:thin solid #e2007a} */ #content #categ .fleft-art #contacto{position:absolute; width:137px; height:62px; display:block; margin-left:455px; margin-top:-20px;} .derecha {padding-left:178px;} /* FORM */ #content #categ #search form {background-image:url('http://www.sexshopping.es/img/bg-selectors.jpg'); padding:15px; padding-left:15px; margin-bottom:40px; width:620px;} #content #categ #search form .label {float:left; padding-right:5px;} #content #categ #search form .label span {display:block; padding-bottom:5px; color:#000; font-size:12px; font-weight:bold;} #content #categ #search form .label-derecha {float:right; padding-right:9px;} #content #categ #search form .label-derecha span {display:block; padding-bottom:5px; color:#000; font-size:12px; font-weight:bold;} #content #categ #search form select {padding:2px; font-size:10px; border:1px solid #e0e0e0; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; background:#e1e1e1;} #content #categ #search form arrow.select {background:#000;} /*#content #categ #search form select {width:165px;}*/ /* ITEM */ #content #categ .item {float:left; width:320px; height:228px; background:#E3E4E6; margin-right:10px; margin-bottom:10px;} #content #categ .item .fleft {padding:15px; border:none;} #content #categ .item .fleft .img {width:140px; height:187pz; text-align:center; background:#fff;border:1px solid #b0b0b2;} #content #categ .item .fleft img {height:187px;} #content #categ .item .fleft a {display:block; text-align:center; font-size:10px; text-transform:lowercase; margin-bottom:5px;} #content #categ .item .fright {padding:15px;width:125px; padding-left:0;} #content #categ .item .fright .rating {text-align:right;} #content #categ .item .fright .tit a{font-size:12px; font-weight:bold; padding-bottom:2px; padding-top:10px;} #content #categ .item .fright .stit {color:#e2007a; font-size:11px; font-style:italic;} #content #categ .item .fright .des {font-size:11px; color:#4d4d4d; line-height:13px; padding:10px 0;} #content #categ .item .fright .pvp {font-size:20px; text-align:right;margin-bottom:10px;} #content #categ .item .fright .btn {} #content #categ .item .fright .btn .sbmt {background:url(../img/bg_submit.jpg) repeat-x; height:25px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; border:none; line-height:25px; padding:5px 15px; font-size:11px; font-weight:bold; color:#fff; text-transform:uppercase; margin-left:10px;} #content #categ .last {margin-right:0px;} /* RIGHT */ #content #categ .fright-art {vertical-align:top; float:right; width:200px; clear:none;} #content #categ .fright-art .menu {width:190px; height:220px; background:url(../img/menu.gif) no-repeat; position:relative; margin-bottom:30px;} #content #categ .fright-art .menu h3 {color:#fff; padding:10px; font-size:12px; font-weight:bold; margin-bottom:15px; background:url(../img/bg_menu_tit.jpg) no-repeat 140px;} #content #categ .fright-art .menu ul {padding:0 10px; padding-right:15px;} #content #categ .fright-art .menu li { padding:4px 0; font-size:12px; border-bottom:1px dashed #ccc; list-style:url(../img/arrow_menu_list.jpg) inside;} #content #categ .fright-art .menu li a {text-decoration:none;} #content #categ .fright-art .menu li a:hover {text-decoration:none; border-bottom:thin solid #e2007a} #content #categ .fright-art .menu .tot {position:absolute; bottom:15px; right:15px; background:url(../img/arrow_todos.jpg) no-repeat left; padding-left:10px; color:#D04A7C;} #content #categ .fright-art .banner {text-align:right; padding-right:15px; margin-bottom:7px;} /* ESTILOS INTERNAS *********************************************************************************************/ #content.internas {height:auto; background:#fff; padding-bottom:20px;padding-top:5px; } #content.internas #internas {height:auto; background:#fff;} #content #internas #mid-det {padding:0 10px; width:510px; float:left; margin-left:215px; text-align:left; margin-top:-895px; font-size:13px; line-height:17px;} #content #internas #mid-det h1 {font-size:35px; padding-bottom:15px; letter-spacing:-1px; line-height:40px;} #content #internas #mid-det h2 {color: #000000; font-style:italic; font-size: 14px; margin-bottom: 30px; margin-top:-10px;} #content #internas #mid-det h3 {padding-bottom:15px; margin-top:20px; font:bold 13px Arial, Helvetica, sans-serif;} #content #internas #mid-det p {padding-bottom:36px; width:98%;} #content #internas #mid-det img {padding: 2px; border:solid thin #CCCCCC; margin-bottom:15px;} #content #internas #mid-det span {color:#c4c4c4; font-size:12px; font-weight:bold; text-transform:uppercase;} #content #internas #mid-det ul {padding:30px 0 10px 10px; border-top:dotted thin #ccc;} #content #internas #mid-det li {font-size:12px; line-height:15px; list-style:url(../img/list_detalle.jpg) inside;} #content #internas #mid-det ul p{color:#e2007a; padding-bottom:10px} #content #internas #mid-det ul li {padding:4px 0; list-style:none;} #content #internas #mid-det ul li a:active, #content #internas .#mid-det ul li a:link, #content #internas .#mid-det ul li a:visited {color:#e2007a; text-decoration:none; border-bottom:dotted thin #e2007a;} #content #internas #mid-det ul li a:hover {color:000; text-decoration:none; border-bottom: solid thin #e2007a;} #content #internas #mid-det ul li a {color:#000; text-decoration:none; border-bottom: dotted thin #e2007a;} #content #internas #mid-det p.linea {border-bottom: dotted thin #000; margin-bottom:30px;} #content #internas #mid-det a.borde {color:#000; text-decoration:none; border-bottom:dotted thin #e2007a;} #content #internas #mid-det a.borde:hover {color:#000; text-decoration:none; border-bottom:solid thin #e2007a; cursor:pointer} #content #internas #mid-det a.nosign {color:#000; text-decoration:none; border-bottom:none;} #content #internas #mid-det a.nosign:hover {color:#000; text-decoration:none; border-bottom:none;} #content #internas #mid-det .nueve-claves {padding:20px; padding-top:65px;margin-bottom:15px; border:solid thin #e5e5e5; background-image: url(http://www.sexshopping.es/img/9-claves.jpg); background-repeat:no-repeat;} #content #internas #mid-det .sin {border:none; background-image:none; padding:20px;} /* RIGHT */ #content #internas .fright-det {float:right; width:230px; clear:none; margin-top:-895px;} #content #internas .caratc-box {width:174px;border:1px solid #acacac; padding:3px; margin-left:33px; background:#fff; margin-bottom:15px;} #content #internas .caratc-box .contenido {padding:5px; background:#ededed;} #content #internas .caratc-box .contenido p {font-size:12px; font-weight:bold;float:left; padding:6px 4px;} #content #internas .caratc-box .contenido .valoracion-general {} #content #internas .caratc-box h5 {font-size:10px; text-transform:uppercase; font-weight:bold; padding:10px 8px 5px 8px;} #content #internas .caratc-box p {font-size:10px; padding:0 12px 1px 12px; line-height:11px;} #content #internas .caratc-box p span {float:left; width:88px; font-style:italic;} #content #internas .caratc-box img {float:right;} #content #internas .fright-det .banner {text-align:right; padding-right:15px; margin-bottom:7px;} /* ESTILOS DETALLE *********************************************************************************************/ #content.detalle {height:auto; background:#fff; padding-bottom:20px;padding-top:150px; } #content .detalle #detalle {height:auto; background:#fff;} /* INTRO #content #detalle .intro {padding-left:325px; padding-bottom:40px;width:410px;} #content #detalle .intro h1 {font-size:45px; padding-bottom:5px; letter-spacing:-1px;} #content #detalle .intro span {font-size:15px; font-style:italic;}*/ /* LEFT */ #content #detalle .fleft-det {padding-left:10px; font-size:13px; line-height:16px; width:305px; float:left; margin-top:90px; position:absolute;} .fleft-det .portada {text-align:center;} .fleft-det .portada img{border:1px solid #ccc;} .fleft-det .miniaturas {text-align:center; margin-top:10px;} .fleft-det .miniaturas .img a {margin:0; padding:0;border:1px solid #ccc; width:77px; height:77px; overflow:hidden;margin-right:10px; float:left; background:#fff /*url(../img/loader_f4.gif)*/ no-repeat center;} .fleft-det .miniaturas .img { padding-left:24px;} .fleft-det .miniaturas .img img {height:77px;opacity:.5;} .fleft-det .miniaturas .img img:hover {opacity:1;height:97px; margin-top:-11px;} .fleft-det .miniaturas .last {margin-right:0;} .fleft-det .miniaturas img.active {opacity:1;} /* MEDIO */ #content #detalle #mid-det {padding:0 10px; width:410px; float:left; text-align:left; margin-top:90px; font-size:13px; margin-left:320px;} #content #detalle #mid-det h1 {font-size:34px; padding-bottom:5px; letter-spacing:-1px;} #content #detalle #mid-det h3 {color: #e41370; font-style:italic; font-size: 14px; margin-bottom: 30px;} #content #detalle #mid-det h2 {font:13px Arial, Helvetica, sans-serif;} #content #detalle #mid-det p {font-size:13px; line-height:15px; padding-bottom:10px;} #content #detalle #mid-det ul {padding-bottom:10px; padding-left:10px;} #content #detalle #mid-det li {font-size:12px; line-height:15px; list-style:url(../img/list_detalle.jpg) inside;} #content #detalle #mid-det .info {width:650px; margin-top:30px;} #content #detalle #mid-det .info .colores {float:left; border:1px solid #ccc; background:#ededef; padding:5px; width:193px;} #content #detalle #mid-det .info .stock {float:left; margin-left:10px; border:1px solid #ccc; background:#ededef; padding:5px; width:172px;font-size:10px;} #content #detalle #mid-det .info .colores p {font-size:11px; float:left; margin:0; padding-bottom:0; padding-top:0;} #content #detalle #mid-det .info .colores ul {float:right; margin:0; padding:0; padding-top:3px;} #content #detalle #mid-det .info .colores li {display:inline; margin:0; padding:0;} #content #detalle #mid-det .info .colores li span {width:9px; height:9px; display:block; float:left; margin-right:3px;border:1px solid #fff;} #content #detalle #mid-det .info .colores li span.active {border:1px solid #666;} #content #detalle #mid-det .info .stock p {font-size:11px; float:left;padding:0; margin:0;} #content #detalle #mid-det .info .stock span {font-size:11px; float:right; font-weight:bold;} #content #detalle #mid-det #happy-int {float:right; background-image:url('http://www.sexshopping.es/img/bg-happy.jpg'); background-repeat:no-repeat; width:178px; height:210px; padding:20px 30px 10px 30px; margin-top:-4px;} #content #detalle #mid-det #happy-int #titulo {font: bold 15px Arial, Helvetica, sans-serif; color: #C10D66; border-bottom:double #C10D66;} #content #detalle #mid-det #happy-int ul {margin-top:5px; margin-left:-10px; width:100%;} #content #detalle #mid-det #happy-int ul li {padding:9px 10px 8px 14px; background-image:url('http://www.sexshopping.es/img/flecha-happy.jpg'); background-repeat: no-repeat; background-position: 0 .8em; border-bottom: thin dotted #BE4790; font:13px Arial, Helvetica, sans-serif; color:#333333; line-height:12px; list-style:none;} #content #detalle #mid-det #happy-int ul li.sin-borde {border-bottom:none;} #content #detalle #mid-det #happy-int ul li span {font:11px Arial, Helvetica, sans-serif;} #content #detalle #mid-det .cesta {width:650px;padding-top:10px;} #content #detalle #mid-det .cesta .contenedor {border:1px solid #ccc; padding:5px; width:388px; position:relative; height:80px;} #content #detalle #mid-det .cesta .contenedor .opvp, #content #detalle #mid-det .cesta .contenedor .opvp img {float:left;} #content #detalle #mid-det .cesta .contenedor .opvp p {clear:none; font-size:23px; text-decoration:line-through; float:left; padding-top:33px; padding-left:20px; margin:0;} #content #detalle #mid-det .cesta .contenedor .opvp p small {font-size:14px; padding-right:5px;} #content #detalle #mid-det .cesta .contenedor .pvp {float:right; display:inline; padding-right:20px; padding-top:25px;} #content #detalle #mid-det .cesta .contenedor .pvp span {font-size:9px; float:left; width:60px; text-transform:uppercase; line-height:normal; text-align:right; padding-right:15px;} #content #detalle #mid-det .cesta .contenedor .pvp p {font-size:29px; float:left; margin:0;} #content #detalle #mid-det .cesta .contenedor a.sbmt {background:url(../img/btn-comprar.png); background-repeat:no-repeat; border:none; margin-left:10px; position:absolute; right:12px; width:154px; height:49px; margin-top:-13px;} #content #detalle #mid-det .cesta .contenedor a.sbmt:hover {background:url(../img/btn-comprar-on.png); background-repeat:no-repeat; border:none;} #content #categ .last {margin-right:0px;} /* RIGHT */ #content #detalle .fright-det {float:right; width:230px; clear:none; margin-top:90px;} #content #detalle .caratc-box {width:174px;border:1px solid #acacac; padding:3px; margin-left:33px; background:#fff; margin-bottom:15px;} #content #detalle .caratc-box .contenido {padding:10px; background:#ededed;} #content #detalle .caratc-box .contenido p {font-size:12px; font-weight:bold;float:left; padding:6px 0;} #content #detalle .caratc-box .contenido .valoracion-general {} #content #detalle .caract-box .contenido .hreview .item {padding-left:15px;} #content #detalle .caratc-box h5 {font-size:10px; text-transform:uppercase; font-weight:bold; padding:10px 8px 5px 8px;} #content #detalle .caratc-box p {font-size:10px; padding:0 12px 1px 12px; line-height:11px;} #content #detalle .caratc-box p span {float:left; width:88px; font-style:italic;} #content #detalle .caratc-box img {float:right;} .caratc-box #happy-int {width:174px; padding:8px 5px;} .caratc-box #happy-int #titulo {font: bold 13px Arial, Helvetica, sans-serif; color: #C10D66; border-bottom:double #C10D66; margin-right:10px; padding-bottom:5px;} .caratc-box #happy-int ul {margin-top:10px; margin-left:0; width:100%;} .caratc-box #happy-int ul li {padding:9px 0 8px 14px; background-image:url('http://www.sexshopping.es/img/flecha-happy.jpg'); background-repeat: no-repeat; background-position: 0 .9em; border-bottom: thin dotted #BE4790; font:bold 11px Arial, Helvetica, sans-serif; color:#333333; line-height:12px; list-style:none; margin-right:10px;} .caratc-box #happy-int ul li.sin-borde {border-bottom:none;} .caratc-box #happy-int ul li span {font:10px Arial, Helvetica, sans-serif;} #content #detalle .fright-det .banner {text-align:right; padding-right:15px; margin-bottom:7px;} /* Detalle pestañas */ #more {margin-top:80px;} #more .tabs ul {} #more .tabs ul li a{float:left;;-moz-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-radius:5px 5px 0 0; background:#f6f6f6; padding:10px 25px; margin-right:2px; font-size:12px;} #more .tabs ul li a.active {background:#e6e6e6; font-weight:bold;} #more .tabs .tab-content {background:#e6e6e6; padding:20px; margin-bottom:10px;} #more .tabs .tab-content .fleft {width:695px; border-right:1px solid #D9DADC; padding-right:15px;} #more .tabs .tab-content .fleft .tit {color:#DF0066; font-size:25px;margin:0; padding:3px;} #more .tabs .tab-content .fleft .by {color:#DF0066; font-size:14px;margin:0; padding:0 5px; font-style:italic;} #more .tabs .tab-content .fleft .opinion {margin-top:20px;} #more .tabs .tab-content .fleft .opinion p {font-size:12px; line-height:16px; padding:5px 10px;} #more .tabs .tab-content .fleft .disclaimer {font-size:11px; color:#333; margin-top:15px; padding:5px 10px; font-style:italic;} #more .tabs .tab-content .fleft .rating {text-align:right; margin-bottom:8px;} #more .tabs .tab-content .fleft .rating span {margin-top:5px; float:right; color:#DF0066; font-weight:bold;} #more .tabs .tab-content .fleft .item {border:1px solid #ccc; margin-bottom:20px;-moz-border-radius: 5px; border-radius: 5px;} #more .tabs .tab-content .fleft .item p.tit {font-size:13px; display:block; background:#ccc; color:#000; padding:5px 10px;} #more .tabs .tab-content .fleft .item p {font-size:13px; line-height:16px;padding:10px 10px;} #more .tabs .tab-content .fleft .item p span {float:right;} #more .tabs .tab-content .fleft .btn {text-align:right; display:block;} #more .tabs .tab-content .fleft-rel {width:950px; padding-right:10px;} #more .tabs .tab-content .fleft-rel .relacionados a {padding:0; margin:0; width:162px; height:200px; text-align:center;background:#fff; -moz-border-radius:0; -khtml-border-radius:0; border-radius:0; margin-bottom:10px; border:none;} #more .tabs .tab-content .fleft-rel .relacionados { padding:23px 10px 0px 10px; background:#e6e6e6; margin:10px 0; text-align:center;} #more .tabs .tab-content .fleft-rel .relacionados li img { height:200px;} #more .tabs .tab-content .fleft-rel .relacionados li img.euro { height:21px;} #more .tabs .tab-content .fleft-rel .relacionados ul { clear:both;margin:0 auto; margin-left:0px;} #more .tabs .tab-content .fleft-rel .relacionados li { margin-right:15px;border: thin solid #B3B3B3; background-color:#f2f2f2; padding:5px; width:163px; float:left; margin:0 10px 12px 0; min-height:300px;position:relative;} #more .tabs .tab-content .fleft-rel .relacionados a.tit {text-align:center; background:none; border:none; height:15px;font-size:14px; font-weight:bold; color:#000;} #more .tabs .tab-content .fleft-rel .tit2 {color:#000; font-size:25px;margin:0; padding:3px; padding-top:20px;} #more .tabs .tab-content .fleft-rel .by {color:#000; font-size:14px;margin:0; padding:0 5px; font-style:italic; padding-bottom:0;} #more .tabs .tab-content .fleft-rel .relacionados .stit {font:italic 11px Arial, Helvetica, sans-serif; color:#C10D66;} #more .tabs .tab-content .fleft-rel .relacionados .pvp {font-size:20px; text-align:center;margin-top:8px; margin-bottom:8px;} #more .tabs .tab-content .fright {width:220px;} #more .tabs .tab-content .fright .perfil {padding:0 10px;} #more .tabs .tab-content .fright .perfil img {margin-bottom:15px;} #more .tabs .tab-content .fright .perfil p {font-weight:bold; padding:3px 0; font-size:13px; line-height:16px;} #more .tabs .tab-content .fright .perfil p.cita {font-weight:normal; font-style:italic;} #more .tabs .tab-content .fright .perfil p span{width:70px; display:block; float:left; font-size:12px;} #more .tabs .tab-content .fright .form {margin-left:40px; margin-top:10px;} #more .tabs .tab-content .fright .form span {line-height:16px;} #more .tabs .tab-content .fright .form .im-detalle {padding:2px; border: solid thin #ccc; margin:10px 0} #more .tabs .tab-content .fright .form .tit {color:#DF0066; font-size:20px;margin:0; padding:5px;} #more .tabs .tab-content .fright .form .stit {color:#DF0066; font-size:12px;margin:0; padding:0 5px; font-style:italic;} #more .tabs .tab-content .fright .form span.tit {color:#000; font-size:15px;margin:0; padding:0;} #more .tabs .tab-content .fright .form span.stit {color:#DF0066; font-size:12px;margin:0; padding:0; font-style:italic;} #more .tabs .tab-content .fright .form form {margin-top:20px;} #more .tabs .tab-content .fright .form label {display:block; padding:4px 10px;} #more .tabs .tab-content .fright .form label span {display:block;} #more .tabs .tab-content .fright .form input, #more .tabs .tab-content .fright .form textarea {display:block; margin:5px 0; padding:3px; border:1px solid #ccc;} #more .tabs .tab-content .fright .form input.sbt{background:url(../img/bg_submit.jpg) repeat-x; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; border:none; padding:3px 15px; font-size:11px; font-weight:bold; color:#fff; text-transform:uppercase; margin-left:110px;} /* ESTILOS CESTA *********************************************************************************************/ #content.cesta {background:#fff; padding-bottom:20px;margin-top:300px;} #content.cesta #cesta-list {padding:0px; margin-top:-30px;} #content.cesta #cesta-list .fleft {width:200px; background:#f6f6f6; padding-left:13px;} #content.cesta #cesta-list .fleft h4 {font:bold 11px Arial, Helvetica, sans-serif; color: #e41370; padding-top:15px;} #content.cesta #cesta-list .fleft p {font:11px Arial, Helvetica, sans-serif; color:#000;} #content.cesta #cesta-list .fleft img {margin-left:-13px; padding-top:50px;} #content.cesta #cesta-list .fright {text-align:left; width:745px; padding:0px 2px 0px 20px} #content.cesta #cesta-list .fright .mesage {padding:15px; margin-bottom:20px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; border:1px solid #ccc;} #content.cesta #cesta-list .fright .ko {background:#FFEBE8; border:1px solid #CC0000; font-size:13px; font-weight:bold;} #content.cesta #cesta-list .fright .ok {background:#FFFFE0; border:1px solid #E6DB55; font-size:13px; font-weight:bold;} #content.cesta #cesta-list .fright #stps {} #content.cesta #cesta-list .fright #stps .stp {margin-bottom:5px; background:#f6f6f6;} #content.cesta #cesta-list .fright #stps .msg {font-size:12px; line-height:normal; padding-bottom:20px;} #content.cesta #cesta-list .fright #stps .stp h1 {line-height:28px; background:#9c9d9f; color:#fff; font-weight:bold; padding-left:20px; font-size:14px; text-transform:uppercase; margin:0;} #content.cesta #cesta-list .fright #stps .stp h1 span a {float:right; margin-right:8px; color:#fff; font-size:10px; text-transform:none;} #content.cesta #cesta-list .fright #stps .stp h1.active {line-height:34px; background:url(../img/bg-gris.jpg) repeat-x; color:#fff; font-weight:bold; padding-left:20px; font-size:14px; text-transform:uppercase; margin:0;} #content.cesta #cesta-list .fright #stps .list #form-cliente, #content.cesta #cesta-list .fright #stps .list #form-envio {padding:15px; padding-left:35px;} #content.cesta #cesta-list .fright #stps .list h2 {font-size:14px; font-weight:bold; border-bottom:1px solid #333; padding:4px 0;} #content.cesta #cesta-list .fright #stps .list p {font:12px Arial, Helvetica, sans-serif; line-height:normal;} #content.cesta #cesta-list .fright #stps .list form .input, #content.cesta #cesta-list .fright #stps .list form .input-right {float:left; background:none; border:none; color:#000;} #content.cesta #cesta-list .fright #stps .list form .input-right {margin-left:50px; clear:right;} #content.cesta #cesta-list .fright #stps .list form .input label, #content.cesta #cesta-list .fright #stps .list form .input-right label, #content.cesta #cesta-list .fright #stps .list form .input-all label {display:block; margin-bottom:3px; font-weight:bold; padding-left:2px;} #content.cesta #cesta-list .fright #stps .list form .input label span, #content.cesta #cesta-list .fright #stps .list form .input-right label span, #content.cesta #cesta-list .fright #stps .list form .input-all label span {color:#CA0C76;} #content.cesta #cesta-list .fright #stps .list form .input input, #content.cesta #cesta-list .fright #stps .list form .input-right input, #content.cesta #cesta-list .fright #stps .list form .input select, #content.cesta #cesta-list .fright #stps .list form .input-right select {border:1px solid #ccc; padding:3px;-moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; margin-bottom:10px;} #content.cesta #cesta-list .fright #stps .list form .input input, #content.cesta #cesta-list .fright #stps .list form .input-right input {width:250px;} #content.cesta #cesta-list .fright #stps .list form .input-all textarea {border:1px solid #ccc; padding:3px;-moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; margin-bottom:10px; width:560px; font-size:11px; font-family:Arial, Helvetica, sans-serif;} #content.cesta #cesta-list .fright #stps .list form .inferior {margin-top:50px;} #content.cesta #cesta-list .fright #stps .list form .inferior span {color:#CA0C76; font-size:11px; font-style:italic;} #content.cesta #cesta-list .fright #stps .list form .inferior input {background:url(../img/btn-continuar.jpg); border:none; width:219px; height:68px; float:left; margin-left:330px;} #content.cesta #cesta-list .fright #stps .list form .inferior input:hover {background:url(../img/btn-continuar-over.jpg); border:none; width:219px; height:68px; float:left; margin-left:330px;} #content.cesta #cesta-list .fright #stps .list form #cpo {width:50px;} #content.cesta #cesta-list .fright .promo-code .fleft {width:50%; margin-left:-15px; margin-top:-10px;} #content.cesta #cesta-list .fright .promo-code .fright {width:50%; padding-top:25px;} #content.cesta #cesta-list .fright #promocode {padding-top:10px;} #content.cesta #cesta-list .fright #promocode span {margin-bottom:10px; display:block; font-size:12px;} #content.cesta #cesta-list .fright #promocode input {border:1px solid #ccc; padding:3px;-moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;} #content.cesta #cesta-list .fright #promocode input[type="submit"]{padding:2px;} #content.cesta #cesta-list .botones {width:100%; margin-top:20px; display:block;} #content.cesta #cesta-list .botones .fright .continuar-btn {background:url(../img/btn-continuar.jpg); border:none; width:219px; height:68px; float:right; margin-right:110px;} #content.cesta #cesta-list .botones .fright .continuar-btn a:hover {background:url(../img/btn-continuar-compra-over.jpg);} #content.cesta #cesta-list .botones .fleft .regresar-btn {background:url(../img/btn-atras.jpg); border:none; width:219px; height:68px;float:left; margin-left:90px; margin-top:-68px;} #content.cesta #cesta-list .botones .fleft .regresar-btn:hover {background:url(../img/btn-atras-over.jpg);} #content.cesta #cesta-list .botones .fright .continuar-btn1 {background:url(../img/btn-continuar-compra.jpg); border:none; width:219px; height:68px; float:right; margin-right:110px;} #content.cesta #cesta-list .botones .fright .continuar-btn1:hover {background:url(../img/btn-continuar-compra-over.jpg);} #content.cesta #cesta-list .botones .fright .continuar-btn {background:url(../img/btn-continuar.jpg); border:none; width:219px; height:68px; float:right; margin-right:110px;} #content.cesta #cesta-list .botones .fright .continuar-btn:hover {background:url(../img/btn-continuar-over.jpg);} #content.cesta #cesta-list .botones .fright .continuar-btn-fin {background:url(../img/btn-terminar.jpg); border:none; width:219px; height:68px; float:right; margin-right:110px;} #content.cesta #cesta-list .botones .fright .continuar-btn-fin a:hover {background:url(../img/btn-terminar-over.jpg);} #content.cesta #cesta-list .botones .fleft .regresar-btn1 {background:url(../img/btn-volver-tienda.jpg); border:none; width:219px; height:68px;float:left; margin-left:90px; margin-top:-68px;} #content.cesta #cesta-list .botones .fleft .regresar-btn1:hover {background:url(../img/btn-volver-tienda-over.jpg);} #content.cesta #cesta-list .botones .fright input {background:url(../img/btn-continuar.jpg); border:none; width:219px; height:68px; float:right; margin-right:110px;} #content.cesta #cesta-list .fright #stps .stp .list {padding:15px 40px; line-height:14px;} #content.cesta #cesta-list .fright #stps .stp .list th {padding: 5px 0; border-bottom:2px solid #7a7a7a; font-size:12px; font-weight:bold; text-indent:3px;} #content.cesta #cesta-list .fright #stps .stp .list td {padding: 8px 0 3px 0; vertical-align:top;} #content.cesta #cesta-list .fright #stps .stp .list td.borde {border-bottom:thin dashed #7a7a7a;} #content.cesta #cesta-list .fright #stps .stp .list p {padding:10px 3px; font-size:13px;} #content.cesta #cesta-list .fright #stps .stp .list .img {width:60px; height:60px; background:#fff; text-align:center; border:1px solid #7a7a7a;} #content.cesta #cesta-list .fright #stps .stp .list .cantidad {margin:5px auto; width:auto;} #content.cesta #cesta-list .fright #stps .stp .list .cantidad td {padding:0; border:none;} #content.cesta #cesta-list .fright #stps .stp .list .cantidad td p {padding-top:5px; padding-right:10px; font-size:13px;} #content.cesta #cesta-list .fright #stps .stp .list .sugerencia {border-bottom:1px solid #333;} #content.cesta #cesta-list .fright #stps .stp .list .interior td {padding: 2px 27px; vertical-align:top; border-bottom:none; text-align:right;} #content.cesta #cesta-list .fright #stps .stp .total-cesta {padding:5px 20px; margin:10px; float:right; font-size:18px; font-weight:bold; border:double thick #ccc; margin-right:0;} #delSug-form, #addSug-form {padding-top:11px; padding-right:5px;} #paiment {margin-top:30px;} #paiment p {border-bottom:solid thin #000; font-weight:bold;} #paiment .pago {width:100%; heigth:100px} #paiment .pago img {float:left; padding-top:10px;} #paiment .pago input {background:url(../img/bg_submit.jpg) repeat-x; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; border:none; width:200px; padding:4px 0; margin:15px 0; font-size:11px; font-weight:bold; color:#fff; text-transform:uppercase; float:right;} #paiment .pago p {border-bottom:none; width:420px;float: left;} #paiment .pago span {border-bottom:none; width:420px;float: left; margin-top:-5px; padding-left:32px;} /*NUEVO 04.02.2011*/ #paiment .radiobtn {padding:10px;} #paiment .radiobtn label {display:block; clear:both; padding:0 10px 5px 10px; text-transform:uppercase;} #paiment .radiobtn input {float:left;} #paiment .radiobtn p {border:none; float:left; padding:0; overflow:hidden;} #paiment .radiobtn span {font-size:11px;} #paiment .continuar-btn {background:url(../img/btn-continuar.jpg); border:none; width:219px; height:68px; float:right; margin-right:-13px;} #paiment .continuar-btn:hover {background:url(../img/btn-continuar-over.jpg); border:none; width:219px; height:68px; float:right; margin-right:-13px;} /* Barra navegación por pasos */ #mainNav { float:right; margin-top:-36px; color:#fff; padding-top:2px; padding-right:0px; } .primera { background-image: url(http://www.sexshopping.es/img/nav-fondo1.jpg); background-position:right; background-repeat:no-repeat; } .segunda { background-image: url(http://www.sexshopping.es/img/nav-fondo2.jpg); background-position:right; background-repeat:no-repeat; } .tercera { background-image: url(http://www.sexshopping.es/img/nav-fondo3.jpg); background-position:right; background-repeat:no-repeat; } .cuarta { background-image: url(http://www.sexshopping.es/img/nav-fondo3.jpg); background-position:right; background-repeat:no-repeat; } .quinta { background-image: url(http://www.sexshopping.es/img/nav-fondo3.jpg); background-position:right; background-repeat:no-repeat; } .sexta { background-image: url(http://www.sexshopping.es/img/nav-fondo3.jpg); background-position:right; background-repeat:no-repeat; } #mainNav li{ list-style:none; float:left; width:186px; } #mainNav li a em{ display:block; margin:12px 0 0 10px; font-style:normal; font:bold 40px Arial, Helvetica, sans-serif; text-decoration:none; color:#fff; } #mainNav li a span{ width:140px; display:block; margin-left:35px; margin-top:-40px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; } #mainNav li a .precios-negro{ text-transform:none; color:#000; font-weight:normal; font-size:11px; } #mainNav li a p{ width:140px; margin-left:50px; margin-top:-40px; font:12px Arial, Helvetica, sans-serif; color:#000; } #mainNav li a:hover {text-decoration:none;} #mainNav li a{ height:60px; display:block; } #mainNav li p { background-color:#5d5c5c; color:#fff; float:right; font-weight:bold; margin-right:15px; margin-top:5px; padding:5px; text-transform:uppercase; text-align:center; width:135px; } #mainNav li p.precio-rosa { background-color:#e41370; color:#fff; float:right; font-weight:bold; margin-right:15px; margin-top:5px; padding:5px; text-transform:uppercase; text-align:center; width:135px; } #mainNav li .precio { color:#000; float:right; font:bold 20px Arial, Helvetica, sans-serif; margin-right:15px; padding:10px 5px 0 5px; text-align:center; width:135px; } /* NUEVA HOME */ #img-home {background:#fff; width:992px; z-index:1; position:absolute; margin-top:37px; padding-left:8px;} #img-home img {margin-top:9px;} #happy {float:right; background-image:url('http://www.sexshopping.es/img/bg-happy.jpg'); background-repeat:no-repeat; width:178px; height:210px; padding:20px 30px 10px 30px; margin-top:7px;} #happy #titulo {font: bold 15px Arial, Helvetica, sans-serif; color: #C10D66; border-bottom:double #C10D66;} #happy ul {margin-top:5px;} #happy ul li {padding:9px 10px 8px 14px; background-image:url('http://www.sexshopping.es/img/flecha-happy.jpg'); background-repeat: no-repeat; background-position: 0 .8em; border-bottom: thin dotted #BE4790; font:13px Arial, Helvetica, sans-serif; color:#333333; line-height:12px;} #happy ul li.sin-borde {border-bottom:none;} #happy ul li span {font:11px Arial, Helvetica, sans-serif;} #nav-horizontal {background-color:#E6E6E6; padding:10px 20px 8px 10px; width:948px; color: #666; margin-top:288px; position:absolute;font: bold 13px Arial, Helvetica, sans-serif; line-height:10px; z-index:900; margin-left:9px;} #nav-horizontal span {font:normal 11px Arial, Helvetica, sans-serif;} #nav-horizontal #premios a{width:200px; border-right: solid thin #fff; float:left; font-weight:bold; color:#666; text-decoration:none;} #nav-horizontal #trucos {width:400px;border-right: solid thin #fff; margin-left:20px;float:left;} #nav-horizontal #trucos select {margin-left:10px;font: 13px Arial, Helvetica, sans-serif; color: #666;} #nav-horizontal #buscador {float:right;} #nav-horizontal #buscador input {margin-left:10px; font: 13px Arial, Helvetica, sans-serif; color:#666;} #nav-horizontal #buscador .formbutton{cursor:pointer;border:none;padding: 1px 2px;background:url(http://www.sexshopping.es/img/btn-buscar.gif); background-position:left; background-repeat:none;} #nav-horizontal-cesta {background-color:#fff; width:975px; color: #666; margin-top:34px; position:absolute;font: bold 13px Arial, Helvetica, sans-serif; line-height:10px; z-index:900; margin-left:10px; padding:0px; border:solid thin #f1b4d0;} #nav-horizontal-cesta .proceso {width:192px; padding:10px; text-transform:uppercase; font:bold 16px Arial, Helvetica, sans-serif; color:#e41370; height:40px; padding-top:20px;} #nav-horizontal-cesta .proceso span {font:italic 10px Arial, Helvetica, sans-serif} #menu-vertical {margin-left:-20px; background-color:#fff; width:170px; float:left; margin-top:520px; padding:0 20px 100px 20px; color:#666;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;} #menu-vertical #titulo {background-color:#e6e6e6; padding:7px; text-transform:uppercase; font:bold 13px Arial, Helvetica, sans-serif; margin-top:30px;} #menu-vertical p {font: 11px Arial, Helvetica, sans-serif; line-height:25px; border-bottom: dotted thin #BE4790; padding-left:8px;} #menu-vertical a:link, #menu-vertical a:active, #menu-vertical a:visited {color:#333; text-decoration:none;} #menu-vertical a:hover {color:#E41370; text-decoration:none;} #productos {width:760px; margin-top:520px;float:right;position:relative; padding-bottom:550px;} #productos h1 {font-size:30px; text-transform:uppercase} #productos h2 {font-size:30px; text-transform:uppercase} #productos h2 a {text-decoration:none;} #productos h2 a:hover {color:#e41370;} #productos h3 {font: italic 12px Arial, Helvetica, sans-serif; color: #C10D66; border-bottom: double #C10D66; padding-bottom:4px; padding-top:5px;} #productos .seccion-cat h1 {font-size:30px; text-transform:uppercase} #productos .seccion-cat h2 {font: italic 12px Arial, Helvetica, sans-serif; color: #C10D66; border-bottom: double #C10D66; padding-bottom:4px; padding-top:5px; text-transform:none;} #productos .seccion {height:460px;} #productos .seccion a.ver-todos:active, #productos .seccion a.ver-todos:link, #productos .seccion a.ver-todos:visited {float:right; margin-top:-53px; padding-right:17px; text-decoration:none; background-image:url('http://www.sexshopping.es/img/ver-todos.jpg'); background-repeat:no-repeat; width:48px; height:46px;} #productos .seccion a.ver-todos:hover {text-decoration: none; color:#C10D66;} #productos #catalogo {width:760px; margin-top:25px; } #productos #catalogo #item {border: thin solid #B3B3B3; background-color:#F2F2F2; padding:5px; width:163px; float:left; margin:0 15px 12px 0; min-height:298px;position:relative; } #productos #catalogo #item #esquina {bottom:-1px; right:-1px; position:absolute; z-index:899;} #productos #catalogo #item #imagen {width:137px; background-color:#fff; padding-left:25px;} #productos #catalogo #item .info {background:#F2F2F2; height:auto; z-index:100;display:none; position:absolute; bottom:0; left:0; right:0; padding:5px 10px;/* opacity: 0.95;*/} #productos #catalogo #item .info p {padding-bottom:17px;} #productos #catalogo #item .rating {padding:3px; text-align:right; margin-bottom:5px; padding:10px 3px;} #productos #catalogo #item p {line-height:14px; padding-bottom:3px;} #productos #catalogo #item #imagen img {width:105px; heigth:189px;} #productos #catalogo #item #texto {margin:auto; width:160px; padding-top:10px; text-align:center} #productos #catalogo #texto.caption {position:absolute; top:-75px; left:0; right:0; background:#000; height:70px; padding:0px; display:none;} #productos #catalogo #item #texto p.titulo a {font:bold 14px Arial, Helvetica, sans-serif;} #productos #catalogo #item #texto a {font:bold 11px Arial, Helvetica, sans-serif;} #productos #catalogo #item #texto span {font:italic 11px Arial, Helvetica, sans-serif; color:#C10D66;} #productos #catalogo #item #texto img {width:36px; height:21px;} #productos #catalogo #item .pvp {font-size:20px; text-align:center;margin-top:8px; margin-bottom:8px;} #productos #catalogo #item .pvp small {font-size:14px; padding-right:5px;} #productos #catalogo #item .pvp img{margin-left:0;} #productos #item .btn-mas-info {background:url(../img/bg_submit.jpg) repeat-x; height:auto; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; border:none;padding:5px; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; margin:12px 0 0 55px; width:37px;} #productos #item .btns {text-align:center;} #productos #item .btns .btn, #productos #item .btns .sbmt {background:url(../img/bg_submit.jpg) repeat-x; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; border:none; line-height:25px; padding:5px 15px; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; margin:5px auto; clear:both; display:block; width:70px;} #productos p.texto2 {font:12px Arial, Helvetica, sans-serif; color:#616161; line-height:16px; margin:20px 20px 20px 0; border-top: dotted thin #616161; padding-top:20px; display:block; position:absolute; width:745px; bottom:0;} #productos p.texto2 a:link, #productos p.texto2 a:active, #productos p.texto2 a:visited {color:#616161; text-decoration:none; border-bottom: dotted thin #616161;} #productos p.texto2 a:hover {text-decoration:none; border-bottom:solid thin #616161;} #productos #texto-abajo{font:12px Arial, Helvetica, sans-serif; color:#616161; line-height:16px; margin:20px 20px 20px 0; border-top: dotted thin #616161; padding-top:20px; display:block; position:absolute; width:745px; bottom:0;} #productos #texto-abajo p {} #productos #texto-abajo h1 {font-size:16px; text-transform:none; margin-bottom:20px; color:#616161; font-weight:bold;} #productos #texto-abajo a:link, #productos #texto-abajo a:active, #productos #texto-abajo a:visited {color:#616161; text-decoration:none; border-bottom: dotted thin #616161;} #productos #texto-abajo a:hover {text-decoration:none; border-bottom:solid thin #616161;} .pvp small {font-size:14px; padding-right:5px;} /* FIN HOME NUEVA */ /* ESTILOS DEL BUSCADOR DE GOOGLE */ #searchInputContainer{ /* This div contains the transparent search box */ width:250px; float:left; margin-right:12px; } /* Styling the search results */ .pageContainer{ /* Holds each page with search results. Has an inset bottom border. */ margin-bottom:50px; margin-top:80px; } p.notFound{ text-align:center; padding:0 0 40px; } /* Web & news results */ .webResult{ margin:10px 0 20px 40px; padding-bottom:10px; line-height:14px;} .webResult h2{ color:#878788; font-size:14px; font-weight:normal; padding:8px 20px; } .webResult h2 b{ color:#333; font-weight:bold; font-size:15px;} .webResult h2 a{ color:#333;border:none;text-decoration:none; border-bottom:thin solid #333} .webResult h2 a:hover{ text-decoration:none; border-bottom:solid thin #e41370} .webResult p{ padding:0 20px 5px 20px; color:#333; width:550px;} .webResult p b{ color:#333; font-weight:bold} .webResult > a{ margin-left:20px; color:#666; border-bottom:thin dotted #e41370} .webResult > a:hover{ margin-left:20px; color:#e41370; border-bottom:thin solid #e41370; text-decoration:none} /* The show more button */ #btn-more{ width:83px; height:24px; background:url('../img/more.png') no-repeat; cursor:pointer; margin:40px auto; } #btn-more:hover{ background-position:left bottom; }