/*CHOCOLOCOBA*/ /* Generales */ *{ margin: 0; padding: 0; } body{ margin:0 auto; padding:0 auto; font: normal 0.7em Tahoma,Verdana,sans-serif; background: #e3e8e1 url('i/gen/bg_body.jpg') no-repeat center top; color: #444; line-height:1.2em; vertical-align:top; padding-top: 20px; } p{ margin: 0 auto 1em auto; } #contenido a{ text-decoration:none; color:#939393; font-weight:bold; } #contenido a:hover{ text-decoration:none; color:#333; } #contenido a img{ border:0; } #contenido ul,ol,dl{ font-size:0.9em; margin:2px 0 16px 30px;} #contenido ul ul,ol ol{ margin:4px 0 4px 35px;} h1{ font-size:4.2em; letter-spacing:-5px; margin:0 0 30px 25px; color:#0C0C0C; } h1 a{ text-transform:none; color:#4088b8; } h2{ font-size:1.4em; color:#0C0C0C; border-bottom:1px solid #DEDEDE; padding:0 2px 2px 5px; margin:5px 0 5px 0; letter-spacing:-1px; } h3{ font-size:1.2em; font-weight:bold; color:#0C0C0C; margin:2px 0 2px 0; padding:1px 2px 2px 3px; } h4{ font-size:0.8em; font-weight:bold; color:#0C0C0C; margin:2px 0 2px 0; padding:1px 2px 2px 3px; } blockquote{ font-size:0.9em; border:1px solid #dadada; margin:20px 10px; padding:8px; } #contenido ul { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; list-style-image: url(i/gen/arrow.gif); list-style-position: outside; margin-right: 1em; line-height:2em; } /* Estructura */ #contenedor-interno { border: 1px solid #D7D7D7; background: #FFF; margin: 0 auto; padding: 10px; width: 740px; max-width:740px; font-size: 0.9em; font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; vertical-align:top; color:#303030; } #contenedor-externo { background: url('i/gen/bg_contenedor.jpg') no-repeat center bottom; padding-bottom: 20px; } #cabecera{ clear:both; margin:0 auto; background:#fff; width:740px; height:90px; border-bottom:1px solid #D7D7D7; font-size:1em; } #logo { float:left; margin-bottom:10px; height:80px; width:78px; } #contenido{ margin: 0 auto; padding:5px 0 0 0; } /******** Multiuso Cuerpo ********/ .left{ margin:10px 10px 5px 0; float:left; } .right{ margin:10px 0 5px 10px; float:right; } .textright{ text-align:right; } .center{ text-align:center; } .small{ font-size:0.8em; } .bold{ font-weight:bold; } .hide{ display:none; } .separador{ border-bottom: 1px solid #eaeaea; height:10px; margin-bottom:5px; } /* -- Barra horizontal -- */ #barra { margin:0 auto; clear:both; padding: 0; border: 0; height:35px; width:550px; color: black; text-decoration: none; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Arial,Verdana,sans-serif; font-size:1.2em; padding:0px; float:right; display:block; list-style:none; } #barra a { color: #000; text-decoration: none; padding: 4px 8px 4px 8px; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; } #barra a:hover { color:#fff; background:#222; text-decoration: none; } /* -----------BARRA HORIZONTAL PRIVADA----------*/ #barraprivada { clear:both; color: #fff; text-decoration: none; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Arial,Verdana,sans-serif; background-color:#222; font-size : 8pt; width:740px; margin:0 0 5px 0; height:20px; padding:5px 0 0 0; text-align:right; border:0; } #barraprivada a { padding-right:10px; color:#D7D7D7; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Arial,Verdana,sans-serif; font-size:8pt; font-weight:normal; letter-spacing:-1px; text-decoration: none; } #barraprivada a:hover { color: #fff; font-weight: normal; text-decoration: none; } #barraprivada .email { float:left; padding: 0 0 0 8px; } /* -- Contenido principal -- */ #portada{ margin:0; padding:0; line-height:1.6em; vertical-align:top; text-align:justify; color: black; font-size:8pt; font-family: Verdana, Arial, Tahoma, Sans-serif; } #portada img{ margin:0; padding:4px 5px 8px 5px; } .principalcbs { padding-top:5px; padding-left:20px; clear:right; } #principal01{ width: 565px; margin:0 0 5px 172px; padding: 0 0 1.5em 0; vertical-align:top; text-align:justify; color: black; font-size:8pt; font-family: Tahoma, Verdana, Arial, Sans-serif; } #principal01 h2{ font-size:2.1em; margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:none; text-align:left; vertical-align:top; color:#6A6A6A; font-family: Tahoma, Verdana, Arial, Sans-serif; } #principal01 p{ margin:0; padding:4px 10px 2px 2px; text-align:justify; vertical-align:top; } #principal02 { width:500px; margin: 0 0 10px 5px; padding: 0 0 5px 30px; } #principal02 h2{ font-size:2.1em; margin:0 0 5px 0; padding:0 0 10px 0; border-bottom:none; text-align:left; vertical-align:top; color:#6A6A6A; font-family: Tahoma, Verdana, Arial, Sans-serif; line-height:1.2em; } #principal02 h3{ font-size:11pt; font-weight:bold; margin:0 0 0 0; padding:10px 0 10px 0; border-bottom:none; text-align:left; vertical-align:top; color:#6A6A6A; font-family: Tahoma, Verdana, Arial, Sans-serif; } #principal03 { width: 305px; height: 500px; margin:0 0 5px 172px; padding:0; } #principal03 h2{ font-size:2.1em; margin:0 0 5px 0; padding:0 0 0 10px; border-bottom:none; text-align:left; vertical-align:top; color:#CCC; font-family: Tahoma, Verdana, Arial, Sans-serif; } .migas { padding: 5px 5px 0 10px; margin:0 0 2px 172px; font: bold 8pt "Trebuchet MS", tahoma, verdana, arial, sans-serif; width: 520px; height:20px; clear:right; } .migas a{ text-decoration:none; height:20px; } .migas a:hover { color: #333; text-decoration:none; } /*----MINIATURAS----- */ .galeria { text-align: center; text-transform: none; padding:5px; float: left; background-color:#FFFFFF; border: #C1C1C1 1px solid; width:140px; margin:0px 6px 6px 0px; } .galeria a { text-decoration: none; } .galeria a:hover { text-decoration: none; } .miniatura { padding:2px; float: left; margin: 2px; text-transform: none; background-color:#FFFFFF; } .colficha{ margin:35px 5px 5px 5px; text-align:left; color: black; font-size: 8pt; padding:0 10px 0 10px; WIDTH:250px; HEIGHT:180px; PADDING-LEFT: 180px; BACKGROUND-COLOR:#FFFFFF; } #extras{ width:220px; min-height:360px; float:right; padding:5px 15px 10px 15px; margin:50px 0 10px 0; font-size:10px; line-height:1.5em; border-left: #C1C1C1 1px solid; } #extras p{ margin:0 0 1.5em 0; padding:5px 0 0 0; font-size:9pt; font-family: Verdana, Tahoma, Arial, Sans-serif; } #extras h2{ font-size:16pt; font-family: Tahoma, Verdana, Arial, Sans-serif; margin:0 0 5px 0; padding:8px 0 0 0; background:none; border-bottom:none; text-align:left; vertical-align:top; color:#c92700; font-weight:bold; line-height:22px; } #extras h3{ font-size:15pt; font-family: Tahoma, Verdana, Arial, Sans-serif; margin:0 0 5px 0; padding:8px 0 0 0; background:none; border-bottom:none; text-align:left; vertical-align:top; color:#333; font-weight:bold; } #extras h4{ font-size:15pt; font-family: Tahoma, Verdana, Arial, Sans-serif; margin:0 0 5px 0; padding:8px 0 0 0; background:none; border-bottom:none; text-align:left; vertical-align:top; color:#333; font-weight:bold; text-decoration:line-through; } #detalle{ float:right; width:200px; margin:0 0 10px 0; padding:0; font-size:0.9em; line-height:1.5em; } /******** Formulario ********/ select { margin: 2px 5px 2px 0; padding:2px 2 px 2px 5px; FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; border: 1px solid #818181; } #form{ margin:0px 5px 5px 5px; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-TOP: 5px; PADDING-BOTTOM: 10px; line-height:1.6em; text-align:left; color: black; font-size: 8pt; font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; background:#FFFFFF; vertical-align:top; width:330px; } .formulario { margin: 2px 5px 2px 0; FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; PADDING-TOP: 2px; PADDING-RIGHT: 2px; PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; BORDER-TOP: 1px solid #818181; BORDER-RIGHT: 1px solid #818181; BORDER-BOTTOM: 1px solid #818181; BORDER-LEFT: 1px solid #818181; } .formulario h3 { PADDING-TOP: 0px; PADDING-LEFT: 0px; } .formtxt { width: 280px; text-align:right; } /* LISTAS */ .com01tabla { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; COLOR: #8B8B8B; PADDING-TOP: 2px; BORDER-BOTTOM: #EBEBEB 1px solid; FONT-FAMILY: Tahoma, Arial, Helvetica, Sans-serif } .paginador { color:#000000; text-decoration:none; } .colimg { margin-top: 20px; width: 250px; height: 350px; } .coltxt { margin:2px 0 5px 0; float:right; text-align:right; font-size:0.9em; font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; vertical-align:top; } .nuevo { position: absolute; top: 0px; right: 0px; z-index: 10; } #popup{ margin:10px; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 15px; line-height:1.6em; text-align:justify; color: black; font-size: 8pt; font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; background:#FFFFFF; vertical-align:top; } #popup h3{ text-decoration:none; border-bottom:none; padding:0 ; } .encimg { margin-top: 20px; width: 285px; height: 265px; } .encimg a{ text-decoration:none; } .encimg a:hover{ text-decoration:underline; } .encimg a img{ border:0; } .enctxt { margin:2px 0 5px 0; float:right; text-align:right; font-size:0.9em; font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; vertical-align:top; } #menu{ clear:left; float:left; width:162px; font-size:0.9em; margin:10px 0px 10px 0px; } /* -- Cesta lateral -- */ #cesta{ margin-bottom:10px; padding:0; width:160px; height:118px; color:#505050; background-color:#fff; line-height:1.3em; font-size:8pt; font-family: tahoma, verdana, arial, sans-serif; border-right:1px solid #D7D7D7; } #cestalogo { float:left; background-image:url(i/cbs/cbmn_carrito.jpg); height:40px; width:160px; padding:0; margin:2px 0 8px 0; } #cesta p{ text-decoration:none; padding: 0 10px 5px 10px; } #cesta a{ float:right; border:0; padding: 0; margin-right:5px; } #cesta a:hover { color: #737373; text-decoration:none; } /* -- Boletín -- */ #boletin{ margin-bottom:10px; padding:0; width:160px; height:185px; color:#505050; background-color:#fff; line-height:1.3em; font-size:8pt; font-family : tahoma, verdana, arial, sans-serif; border-top:1px solid #D7D7D7; border-right:1px solid #D7D7D7; } #boletinlogo { float:left; background-image:url(i/cbs/cbmn_boletin.jpg); height:40px; width:160px; padding:0; margin:2px 0 8px 0; } #boletin p{ text-decoration:none; padding: 0 10px 0 10px; } #boletin a{ text-decoration:none; padding:0 2px 2px 0px; font-family: tahoma, verdana, arial, sans-serif; font-size:7pt; letter-spacing: -1px; text-decoration: none; font-weight:bold; } #boletin input{ margin: 4px 4px 4px 10px; } .boletinimg { margin: 0 2px 5px 0; padding:0; float:right; border:0; } .boletinform { margin: 4px 10px 2px 10px; font-size: 11px; color: #666; background-color: #fff; padding: 5px 5px 2px 2px; border:1px solid #D7D7D7; } .boletincheck { margin: 4px 2px 4px 10px; border:0; } /* -- Noticias -- */ #noticias{ margin:0; padding:0; width:160px; color:#505050; background-color:#fff; line-height:1.3em; font-size:8pt; font-family : tahoma, verdana, arial, sans-serif; border-top:1px solid #D7D7D7; border-right:1px solid #D7D7D7; } #noticiaslogo { float:left; background-image:url(i/cbs/cbmn_noticias.jpg); height:40px; width:160px; padding:0; margin:2px 0 8px 0; } #noticias h3{ text-decoration:none; padding: 0 10px 0 10px; letter-spacing: -1px; } #noticias p{ text-decoration:none; padding: 0 10px 0 10px; } #noticias a{ text-decoration:none; } #noticias a:hover { color: #737373; text-decoration:none; } .noticiasimg { margin:10px; } #banner-top{ width:650px; height:80px; clear:both; float:right; } #banner{ width:120px; height:440px; float:right; padding:0; margin:0; } #bannerleft{ float:left; padding:5px 0 5px 60px ; margin:0; } #bannerright{ float:right; padding:5px 60px 5px 0; margin:0; } /*- Cesta nueva -*/ .lstItems{ border-collapse: collapse; border-spacing: 0px; width: 100%; text-align:left; } .lstItems td, th { vertical-align: top; padding: 3px; } .lstItems th { font-weight: bold; background-color: #f4f4f4; font-size: 12px; padding: 3px; } .lstItems td { border-top: 1px solid #dfdfdf; font-weight: normal; background-color: #fff; font-size: 12px; padding: 3px; } .cPrice { font-weight: bold; font-size: 12px; color: #194e97; } .dPrice { font-weight: normal; color: #000000; font-size: 9px; } #cestaitems { margin: 5px 0px 0px 0px; width: 100%; padding: 0px; } .boxGrey { border: 1px solid #D7D7D7; margin: 0px; padding: 0px; width: 100%;} .lstItems td.libItem { padding-left: 3px; padding-right: 10px; text-align: left; line-height: 16px; } .lstItems td.libItem a { color: #000000; text-decoration: none; } .lstItems td.libItem a:hover { color: #000000; text-decoration: none; } .lstItems .quantity { width: 60px; text-align: right; } .lstItems .quantity input { width: 60px; text-align: center; border: 1px solid #999999; } .lstItems .quantity input:hover { border: 1px solid #194e97; } .lstItems .quantity p { margin: 0px; padding: 0px; } .lstItems .imgItem { width: 50px; } .lstItems .imgItem img { width: 45px; height: 40px; vertical-align: top; } .unitPrice, .totalPrice { text-align: right; margin-left: 5px; width: 70px; font-weight: bold; font-size: 12px; color: #194e97; } span.disponibilite { color: #194e97; text-transform: uppercase; } div#recalculate { width: 100%; text-align: right; margin: 3px; color: #666666; font-style: italic;} div#recalculate input { background-color: #ffffff; border: 1px outset #194e97; color: #194e97; font-weight: bold; font-style: normal; } /* Cesta anterior */ .boxblc-col-left{ float: left; width:290px; } .boxblc-col-right{ float: left; margin-left: 10px; } .cesta-totales { border-top:1px solid #CCC; margin:0; padding:8px 10px 5px 20px ; float:right; width:200px; } .cesta-totales-texto{ margin:0; padding:2px; text-align:right; vertical-align:top; font-size: 1em; font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; } table p{ font-family: Verdana,Tahoma,Arial,sans-serif; font-size:8pt; line-height:1.2em; vertical-align:top; margin: 0 auto 1em auto; } /* -- Pie -- */ #pie { clear:both; width:740px; text-align:right; font-size:0.9em; border-top:1px solid #D7D7D7; padding:5px 0 0 0; line-height:1.6em; margin: 0; } #pie p{ padding:5px 0 5px 0; margin: 0 0 5px 0; font-size:8pt; color:#606060; background:#222; letter-spacing: -1px; } #pie a { color: #D7D7D7; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size:8pt; text-decoration: none; font-weight:normal; } #pie a:hover { color: #fff; text-decoration: none; } #pie img { padding:0; margin:0; background:#FFF; } /* -- Barra horizontal - Menu desplegable -- */ #globalnav { position: relative; top: 0; left: 0; z-index:100; display: block; _height: 1em; padding: 0 0px 0px 0px; margin: 0; float:right; max-height:50px; } #globalnav #site-menu-dropdown { margin: 0; padding: 0; position:relative; display:block; z-index: 3; } #site-menu-dropdown li { position:relative; z-index: 4; margin: 0; padding:0; } #site-menu-dropdown li:hover, #site-menu-dropdown li.hover { z-index: 5; } #site-menu-dropdown .dropdown-tab { position:relative; z-index: 6; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Arial,Verdana,sans-serif; font-weight: normal; color: #333; padding: 5px 12px; *white-space: nowrap; _white-space: nowrap; } #site-menu-dropdown > li:hover .dropdown-tab { color: #FFFFFF; background-color: #222222; } #site-menu li.hover .dropdown-tab, #site-menu li.hover .dropdown-tab:hover { color: #FFF; } #site-menu li.hover .dropdown-tab { background-color: #222; } #site-menu li .dropdown-pane { display: none; } #site-menu-dropdown>li:hover .dropdown-pane { display: block; } #site-menu li.hover .dropdown-pane { display: block; } #site-menu-dropdown .dropdown-pane { z-index: 7; top: 21px; _top: 24px; margin-left: -6px; font-size: .917em; } #globalnav #site-menu-dropdown .dropdown-pane { margin-top: 12px; padding: 5px 16px 14px; _margin-top: 0; width: 140px; _width: 170px; background-image: url(i/gen/nav/desplegable.png); _background-image: url(i/gen/nav/desplegable.png); background-position: left bottom; background-repeat: no-repeat; border-top-style: none; } #adcnav #site-menu-dropdown .dropdown-pane { margin-top: 12px; padding: 5px 16px 14px; _margin-top: 0; width: 140px; _width: 170px; background-image: url(i/gen/nav/desplegable.png); _background-image: url(i/gen/nav/desplegable.png); background-position: left bottom; background-repeat: no-repeat; border-top-style: none; } #globalnav #site-menu-dropdown [className~=dropdown-pane] { margin-top: 4px; padding-top: 8px; } #site-menu-dropdown .dropdown-pane::before { display: block; margin-left: -16px; margin-top: -18px; content: url(i/gen/nav/desplegable_cab.png); } #site-menu-dropdown .dropdown-pane li, #site-menu-dropdown .dropdown-pane dt, #site-menu-dropdown .dropdown-pane dd { display: block; padding: 0; margin: 2px 0 6px; } #site-menu-dropdown .dropdown-pane dt { text-transform: uppercase; color:#000000; } #site-menu-dropdown .dropdown-pane .divide { padding-top: 8px; } #site-menu-dropdown .dropdown-pane .last-title { font-weight: normal; text-transform: none; } #site-menu-dropdown .dropdown-pane a { display:block; _width: 100%; margin: 0; padding: 2px 0 3px 5px; line-height: 14px; color:#333; } #site-menu-dropdown .dropdown-pane a:hover { color:#fff; text-decoration: none; } .d-dropdown { position: relative; z-index: 2; } .d-dropdown>li { position: relative; top: 0; left: 0; z-index: 2; } .d-dropdown li { list-style-type: none; _position: relative; /*IE sub7*/ _top: 0; /*IE sub7*/ _left: 0; /*IE sub7*/ } .d-dropdown li li { _position: static; } .d-dropdown .dropdown-pane { position: absolute; top: 16px; left: 0; z-index: 2; display: none; margin-top: 0; } .d-dropdown li.hover .dropdown-pane, .d-dropdown li.focus .dropdown-pane { display: block; } .d-dropdown>li:hover .dropdown-pane { display: block; } .d-dropdown .dropdown-tab { /*\*/ display: block; /*/ display: inline-block; /**/ _display: inline; _zoom: 1; } /*--Tier 1---*/ .d-dropdown .dropdown-pane>* { margin: 0; } .d-dropdown .dropdown-pane dt, .d-dropdown .dropdown-pane dd, .d-dropdown .dropdown-pane li { _margin: 0; } .d-dropdown .dropdown-pane a { margin: 0 1px; -moz-outline: none; } .d-dropdown .dropdown-tab { min-height: 16px; _height: 16px; } /* Screen */ .compact>* { float: left; } .compact::after { content: "\0020"; display: block; height: 0; clear: both; } .compact { min-height: 1px; padding-bottom: 1px; } .compact>p, .compact>span { margin-right: 1ex; margin-bottom: 0; padding: 0; } dl.compact>dd { margin-left: 0; } ul, ol, dl { word-spacing: -2ex; letter-spacing: -2ex; line-height: 0; } dt, dd, li { word-spacing: normal; letter-spacing: normal; line-height: 1.25; } ol, li, li ol, li ul { font-size: 1em; } ul { list-style-type: disc; margin-left: 1ex; } ul, ol { padding-left: 2.5ex; margin-top: 1em; margin-bottom: 1.35em; } li { line-height: 1.25em; padding-bottom: 0.5em; } ol { list-style-type: decimal; overflow: visible; margin-left: 3ex; } ol ol { list-style-type: lower-alpha; margin-left: .5ex; } ol ol ol { list-style-type: lower-roman; } li ol, li ul { margin-top: 0; margin-bottom: .3ex; } li p { margin-bottom: 0.5em; } dt, dd { line-height: 1.5em; } dt { font-weight: bold; margin-bottom: 1em; margin-top: 0.5em; } dl, dd { margin-bottom: 1.5em; } dd { margin-left: 16px; } .clear-after::after { content: "\0020"; display: block; height: 0; clear: both; } .clear-after { /*\*//*/ display: inline-table; /*MacIE*/ _height: 1em; min-height: 1px; }