/* TONI FRANCESC web */ /* General --------------------------------------------------- */ * {margin:0; padding:0;} body {background-color:#151515;} #wrapper {position:absolute; top:35px; left:50%; margin-left:-394px; width:788px;} #header {position:relative; float:left; clear:both; width:788px; border-top: 1px solid #413E38; background:url(../images/general/wrapperbg.gif) top left repeat-y scroll;} #center {position:relative; float:left; clear:both; width:788px; background:url(../images/general/wrapperbg.gif) top left repeat-y scroll;} #footer {position:relative; float:left; clear:both; width:788px; background:url(../images/general/bgfooter.gif) bottom left no-repeat; height:60px; padding-top:15px; padding-bottom:5px; #padding-top:0px; overflow:hidden;} h1 {position:relative; float:left; width:200px; height:65px; margin:0 294px; text-indent:-9999px; background:url(../images/general/tonifrancesc.jpg) top left;} p {font: 11px/16px Verdana, Helvetica, sans-serif; color: #292929; margin:0 0 10px 0;} body#home.temporary div#main {background:#000; text-align:center; padding:15px 0;} body#home.temporary div#main img {outline:none; border:none;} body#home.temporary div#main div#gohome {position:absolute; top:15px; right:15px; width:80px; text-align:right;} body#home.temporary div#main div#gohome a {font:italic 14px/14px georgia, serif; color:#FFF; text-decoration:none;} body#home.temporary div#main div#gohome a:hover {font:italic 14px/14px georgia, serif; color:#FFF; text-decoration:underline;} #main, #main_prensaind {position:relative; float:left; margin:0 44px; width:700px; background:url(../images/general/mainbg.jpg) top left repeat-x;} #main h2, #main_prensaind h2 {margin:28px 32px 20px 32px; font:italic 24px/24px Georgia, serif; color: #ffe300; padding-bottom:18px; border-bottom:1px solid #7F7F7F;} #main h3, #main_prensaind h3 {font:italic 22px/22px Georgia, serif; color:#DF1684; margin:0 0 10px 0;} /* Navegacion --------------------------------------------------- */ body.ru #nav ul {margin:0 30px;} body.ru #nav ul li {margin:8px 0; padding:2px 12px;} body.ru #nav ul li.hidden, body.ru #subnav ul li.hidden {position:relative; float:left; padding:0; margin:0 0 0 -2px; border-right:none; background:none;} #nav {position:relative; float:left; display:block; clear:both; width:700px; height:32px; margin:0 41px 0 44px; list-style:none; text-align:center; background-color:#111;} #nav ul {margin:0 35px;} #nav ul li {position:relative; float:left; display:block; font:italic 14px/14px georgia, serif; margin:8px 0; padding:2px 17px; border-right:1px solid #444;} #nav ul li a, #subnav ul li a{text-decoration:none; color:#FFF;} #nav ul li.hidden , #subnav ul li.hidden {position:relative; float:left; padding:0; margin: 0 0 0 -3px; border-right:none; background:none;} #nav ul li.current {color:#ffe300;} /* Subnavegacion, por secciones --------------------------------------------------- */ #coleccion #subnav {position:relative; float:left; clear:both; width:700px; height:32px; margin:1px 0 0 152px; list-style:none; text-align:center; } #desfiles #subnav {position:relative; float:left; clear:both; width:700px; height:32px; margin:1px 0 0 330px; list-style:none; text-align:center; } #agenda #subnav, #prensa #subnav, #prensa_individual #subnav, #publicaciones #subnav {position:relative; float:left; clear:both; display:inline; width:700px; #width:703px; height:32px; margin:1px 44px 0 44px; list-style:none; text-align:right; } #agenda #subnav ul, #prensa #subnav ul, #prensa_individual #subnav ul, #publicaciones #subnav ul {position:absolute; right:0px;} #subnav ul {margin:0px;} #subnav ul li {position:relative; float:left; display:block; font:italic 14px/14px georgia, serif; margin:0; padding:9px 25px; background:#111 url(../images/general/menu_separador.gif) top right no-repeat;} #subnav li.current, #subnav li.current a {color:#ffe300; cursor:default;} /* Footer, copyright, seleccion de idioma --------------------------------------------------- */ #footer p {font:italic 10px/14px Georgia, serif; color:#FFF;} #idioma {position:relative; float:left; width:350px; color:#FFF; margin:20px 0 0 44px;} #idioma p {margin:0;} #idioma a {text-decoration:none; color:#888;} #idioma a.ws_lang_selected, #idioma a.CLASS_LANG_SELECTED {color:#FFF;} #idioma a.ws_lang_selected:hover, #idioma a.CLASS_LANG_SELECTED:hover {color:#FFF; text-decoration:underline;} #idioma a.ws_lang_not_selected, #idioma a.CLASS_LANG_NOT_SELECTED {color:#888;} #idioma a.ws_lang_not_selected:hover, #idioma a.CLASS_LANG_NOT_SELECTED:hover {color:#888; text-decoration:underline;} #idioma .hidden {margin-left:-6px; height:18px; background-color:#111; width:10px;} #copyright {position:relative; float:left; width:350px; color:#FFF; text-align:right; margin-top:20px;} #copyright a {color:#888; text-decoration:none;} #copyright a:hover {color:#CCC; text-decoration:none;} /* Toni Francesc --------------------------------------------------- */ #toni #main {margin-top:35px;} #toni #image {background:url(../images/general/tonibg.gif) top left repeat scroll; position:relative; float:left; width:262px; height:307px; margin-left:32px; padding:8px;} #toni #content {background:url(../images/general/tonibg.gif) top left repeat scroll; position:relative; float:left; margin-left:7px; margin-right:32px; width:334px; min-height:307px; #height:307px; padding:8px;} #toni #contentsub {position:relative; float:left; background-color:#FFF; padding:15px; min-height:277px; width:305px;} /* Home --------------------------------------------------- */ #home #main {margin-top:35px;} #home #content {position:relative; float:left; } #home #banner {position:relative; float:left; clear:both; display:inline; padding:15px 42px 0 44px;} #home #banner a {text-decoration:none;} #home #banner img {border:0; outline:0;} #home #footer {padding-top:0;} /* Coleccion, Desfiles --------------------------------------------------- */ #desfiles #main, #coleccion #main {margin-top:3px;} #desfiles #content {margin:0 32px; } #coleccion #content {margin:0; } #desfiles #content p {text-align:center; display:block; padding:8px; background:url(../images/general/tonibg.gif) top left repeat scroll;} /* News - Agenda --------------------------------------------------- */ #agenda #main, #prensa #main, #publicaciones #main, #prensa_individual {margin-top:3px;} #agenda #content {position:relative; float:left; margin:0 32px; padding:15px 32px; background:#FFF; } #agenda .item {position:relative; float:left; clear:both; border-bottom:1px solid #BFBFBF; padding-top:6px;} #agenda h3 {position:relative; float:left; width:115px; display:block; padding-right:10px; font: italic 18px/24px georgia,serif; color:#DF1684;} #agenda #content ul {position:relative; float:left; margin:0; width:446px; padding:5px 0 10px 0; list-style-position:inside;} #agenda #content li {list-style-type:disc; font: 11px/16px Verdana, Helvetica, sans-serif; color: #292929; margin:0;} #agenda #content .item a {color:#df1684 !important; text-decoration:none !important;} #agenda #content .item a:hover {color:#df1684 !important; text-decoration:underline !important;} /* News - Publicaciones --------------------------------------------------- */ #publicaciones #content {position:relative; float:left; margin:0 32px; padding:11px 32px 15px 32px; background:#FFF;} #publicaciones .item {width:572px; position:relative; float:left; clear:both; border-bottom:1px solid #BFBFBF; padding-top:10px;} #publicaciones .item img {position:relative; float:left; margin-right:10px; margin-bottom:10px;} #publicaciones h3 {font: italic 18px/24px georgia,serif; color:#DF1684; margin-bottom:6px;} #publicaciones h3 .fecha {color:#B6B6B6;} #publicaciones .item a {font-weight:bold; font-style:italic; text-decoration:none; color:#464646; display:block; padding-top:6px;} #publicaciones .item a:hover {font-weight:bold; font-style:italic; text-decoration:none; color:#111;} /* News - Notas de Prensa --------------------------------------------------- */ #prensa #content {position:relative; float:left; clear:both; margin:0 32px;} #prensa .item {position:relative; float:left; clear:both; width:700px; padding-bottom:7px;} #prensa .prensa_pic {position:relative; float:left; background:url(../images/general/tonibg.gif) top left repeat scroll; padding:7px;} #prensa .prensa_pic span {display:block; width:262px; height:154px; overflow:hidden; background:#FFF;} #prensa .prensa_content {position:relative; float:left; width:323px; height:138px; margin-left:7px; padding:15px; background:url(../images/seccions/news/prensa/bgitem.gif) top left no-repeat;} #prensa .prensa_content h3 {font: italic 18px/24px georgia,serif; color:#DF1684; margin-bottom:6px;} #prensa .prensa_content h3 .fecha {font-size:14px; color:#B6B6B6;} #prensa .prensa_content p {margin:0;} #prensa .prensa_content p.leermas {margin:0; text-align:right;} #prensa .prensa_content .leermas span {font:italic 16px/20px georgia, serif;padding-right:20px; background:url(../images/general/rightarrow.gif) top right no-repeat;} #prensa .prensa_content .leermas a {text-decoration:none; color:#464646; } /* News - Notas de Prensa (Individual) --------------------------------------------------- */ #prensa #main_prensaind {margin-top:35px;} #prensa .prensa_content2 {position:relative; float:left; width:339px; margin-left:7px; padding:7px; background:url(../images/general/tonibg.gif) top left repeat scroll;} #prensa .prensa_content2 .contentsub {position:relative; float:left; width:309px; background-color:#FFF; padding:15px;} #prensa .contentsub h3 {font: italic 18px/24px georgia,serif; color:#DF1684; margin-bottom:6px;} #prensa .contentsub h3 .fecha {font-size:14px; color:#B6B6B6;} #prensa .contentsub p {margin:0 0 10px 0;} #prensa .contentsub p.volver {margin:0; position:relative; float:right; clear:both; display:inline; padding-left:20px; background:url(../images/general/volver.gif) top left no-repeat;} #prensa .contentsub p.volver a {font:italic 16px/20px georgia, serif; color:#292929; text-decoration:none;} /* Contacto --------------------------------------------------- */ #contacto #main {margin-top:35px;} #contacto #content {position:relative; float:left; width:276px; margin:0 7px 0 32px; background:url(../images/seccions/contacto/bgcontent.gif) top left no-repeat;} #contacto #content .subcontent {padding:13px 18px; height:66px; text-align:right; font:10px/12px arial, sans-serif; color:#FFF;} #contacto p {margin:0; color:#FFF;} #contacto .subcontent a {font-weight:bold; font-style:italic; text-decoration:none; color:#DF1684;} #contacto .subcontent a:hover {font-weight:bold; font-style:italic; text-decoration:none; color:#FFF;} #contacto #form {position:relative; margin-top:7px; background:url(../images/seccions/contacto/bgform.gif) top left no-repeat; width:262px; height:156px; padding:7px; } #contacto #form label {position:relative; float:left; display:block; text-align:right; width:70px; font:11px/18px arial, sans-serif; color:#DF1684;} #contacto #form input {border:none; width:188px; padding:2px; margin-bottom:2px; background-color:#222; font:11px/11px arial, sans-serif; color:#FFF;} #contacto #form span {background-color:#FFF; padding:2px 6px 2px 4px;} #contacto #form textarea {border:none; width:192px; height:64px; margin-bottom:5px; background-color:#222; overflow:auto; font:11px/11px arial, sans-serif; color:#FFF; scrollbar-3dlight-color:#666; scrollbar-arrow-color:#666; scrollbar-track-color:#222; scrollbar-darkshadow-color:#666; scrollbar-face-color:#222; scrollbar-highlight-color:#222; scrollbar-shadow-color:#222;} #contacto #form .enviar {position:relative; float:left; clear:both; display:block; width:262px; margin:0;} #contacto #form .button {position:absolute; right:0; width:94px; background:#222; text-align:center; color:#ffe300;} #contacto #mapa {position:relative; float:left; background:url(../images/seccions/contacto/bgmapa.gif) top left no-repeat; width:339px; height:255px; padding:7px;} /* Navegación por páginas (zona NEWS) --------------------------------------------------- */ #content #pages {position:relative; float:left; clear:both; width:570px; margin-top:20px; text-align:center; font:italic 14px/18px georgia, serif; letter-spacing:8px; } #content #pages .ws_page_current {font-weight:bold; color:#df1684;} #content #pages a {font-weight:normal; text-decoration:none; color:#292929;} #content #pages a:hover {font-weight:bold;} body#prensa #content #pages {width:630px;} body#prensa #content #pages a {font-weight:normal; text-decoration:none; color:#CCCCCC;} /* Clientes - LOGIN --------------------------------------------------- */ #tienda #subnav {position:relative; float:left; clear:both; display:inline; margin-left:32px; margin-bottom:10px;} #tienda #subnav li {font:italic 11px/14px georgia, serif; padding:9px 18px; } #tienda #subnav li.current {color:#FFF; text-decoration:underline;} #tienda #subnav ul li.hidden {position:relative; float:left; padding:0; margin: 0 0 0 -3px; border-right:none; background:none;} #tienda #content {position:relative; float:left; clear:both;} #tienda #main {margin-top:35px;} #default #content {position:relative; float:left; margin:0 32px; width:637px;} #login {width:637px; height:264px; background:url(../images/seccions/clientes/bglogin.jpg) top left no-repeat;} #login #form {width:200px; padding:12px 26px 26px 26px; position:relative; float:left; top:28px; left:32px; background:#111;} #login #form label {display:block; font:italic 14px/18px georgia, serif; color:#FFF; padding-top:10px; padding-bottom:5px;} #login #form input {display:block; border:none; width:200px; padding:6px; margin-bottom:2px; background-color:#FFF; font:italic 14px/14px georgia, serif; color:#070707;} #login #form .enviar {position:relative; float:left; clear:both; display:block; width:212px; height:38px; margin:0;} #login #form .button {position:absolute; right:0; width:84px; padding-left:10px; margin:7px 0; background:url(../images/seccions/clientes/bgloginbutton.gif) top left no-repeat; font:italic 14px/18px georgia, serif; text-align:left; color:#DF1684;} #login #form .hidden {display:none;} #catalog {margin-left:32px;} #catalog img {border:0;} .column1, .column2, .column3 {padding-right:5px; padding-bottom:6px;} .column4 {padding-bottom:6px;} .nombreprod {background:url(../images/catalogo/prodcatalogo.gif) top left repeat-x; border-top:1px solid #000; font:11px/11px arial, sans-serif; text-align:center; padding:3px 0 5px 0;} .nombreprod a {text-decoration:none; color:#000;} .nombreprod a:hover {text-decoration:none; color:#000;} .producto_imagen {float:left; margin-left:32px; background-color:#FFF;} .producto_info {float:left; margin-left:6px; background-color:#FFF; width:320px; height:250px; padding:10px 20px; overflow:hidden;} .producto_info p.seccion {margin:10px; font:italic 14px/18px georgia, serif; color:#8C8C8C;} .producto_info p.seccion a {text-decoration:none; color:#8C8C8C;} .producto_info p.seccion a {text-decoration:none; color:#555;} .producto_info h3 {padding-left:10px;} .producto_info #producto_detalles {padding:10px 0; margin:0 10px 6px 10px; border-top:1px dotted #8C8C8C; border-bottom:1px dotted #8C8C8C;} .producto_info .descripcion {padding:0; margin:0; font:11px/16px verdana, sans-serif;} .producto_info .descripcion p {margin:0; font:11px/16px verdana, sans-serif;} p.precio {font:italic 12px/14px georgia, serif; margin:10px 0 3px 0;} #attributes {margin:6px 0 0 0;} #attributes label {font:italic 12px/14px georgia, serif; position:relative; float:left; display:inline; margin-right:10px;} #attributes select {font:10px/14px verdana, sans-serif; width:100px;} #cantidad {padding:5px 10px 0 10px; position:relative; float:left; } #cantidad label {font:italic 12px/14px georgia, serif; position:relative; padding-top:6px; float:left; display:inline; margin-right:6px;} #cantidad .masmenos {position:relative; float:left; display:inline; width:6px;} #cantidad input.valor {border:none; background-color:#FFF; width:30px; padding:2px 0; font:bold 18px/18px verdana, sans-serif; position:relative; float:left; display:inline;} #cantidad input.cuantos {font:bold 7px/7px verdana, sans-serif; display:block: width:11px; height:11px; margin:0; position:relative; float:left; display:inline; background:url(../images/catalogo/buttonbg.gif) top left no-repeat; border:none;} #addto {position:relative; float:left; display:inline; text-align:right; width:195px; padding:3px 0;} /*RUS*/ body.ru #addto {position:absolute; bottom:50px; right:30px; text-align:right; width:195px; padding:3px 0;} #addto .cart_buttons {font:bold italic 11px/11px georgia,serif; text-align:center; display:inline; padding:0 3px; height:24px; border:none; background:url(../images/catalogo/prodcatalogo.gif) bottom left repeat-x;} p.addtocart {position:relative; float:left; display:inline; margin-left:10px;} p.addtocart span {background:url(../images/catalogo/addtocart.gif) top left no-repeat; display:block; width:144px; text-align:center; height:18px; padding:7px 0; font: italic 16px/16px georgia, serif;} p.addtocart span a {color:#000; text-decoration:none;} p.addtocart span a:hover {color:#000; text-decoration:none;} .producto_info p.volver{margin:6px 0 0 10px; position:relative; float:right; clear:both; display:inline; background:none;} .producto_info p.volver span {padding-left:20px; padding-right:10px; background:url(../images/general/volver.gif) center left no-repeat;} .producto_info p.volver a {font:italic 16px/20px georgia, serif; color:#292929; text-decoration:none;} p.volver {margin:6px 0 0 10px; position:relative; float:left; clear:both; display:inline; padding-left:20px; background:url(../images/general/volver.gif) top left no-repeat;} #default #main {margin-top:35px;} #shoppingcart {padding:30px; background-color:#FFF; font: 11px/16px Verdana, Helvetica, sans-serif; color: #292929;} #shoppingcart a {text-decoration:none; color:#df1684;} #shoppingcart p {padding-right:8px;} #shoppingcart #cart .column1 {width:350px;} #shoppingcart #cart .column2 {width:150px;} #shoppingcart #cart .column3 {width:100px; text-align:right;} #cart th.column1, #cart th.column2, #cart th.column3 {font:bold italic 12px/16px georgia, serif; text-align:left; color:#666;} #cart td.column1, #cart td.column2, #cart td.column3 {font:11px/16px verdana, sans-serif;} #shoppingcart .cart_buttons, .producto_info .cart_buttons {font:bold italic 11px/11px georgia,serif; text-align:center; display:inline; padding:0 3px; height:24px; border:none; background:url(../images/catalogo/prodcatalogo.gif) bottom left repeat-x;} #shoppingcart p.volver {position:relative; float:left; display:inline; width:50%;} #shoppingcart p.volver a, #shoppingcart span.volver a {font:italic 16px/20px georgia, serif; color:#292929; text-decoration:none;} #shoppingcart span.volver {padding-top:6px; display:inline; padding-left:20px; background:url(../images/general/volver.gif) top left no-repeat;} body.ru #botones_superior {position:absolute; top:32px; right:32px; text-align:right; text-transform:lowercase; width:120px; height:20px;} #botones_superior {position:absolute; top:32px; right:32px; text-align:right; text-transform:lowercase; width:100px; height:20px;} #botones_superior a {font:italic 16px/20px georgia, serif; color:#292929; text-decoration:none;} #botones_superior a:hover {font:italic 16px/20px georgia, serif; color:#000000; text-decoration:none;} #botones_superior ul.botones_opciones {list-style:none; margin:0; padding:0;} #shoppingcart #buttons {position:relative; float:left; display:inline; width:50%; text-align:right;} #vercarrito {position:absolute; top:40px; right:32px; z-index:100;} #vercarrito a {padding-left:22px; font:bold italic 12px/16px georgia,serif; color:#FFF; text-decoration:none; background:url(../images/catalogo/carrito.gif) top left no-repeat;} #vercarrito a:hover {padding-left:22px; font:bold italic 12px/16px georgia,serif; color:#FFF; text-decoration:underline; background:url(../images/catalogo/carrito.gif) top left no-repeat;} #shoppingcart h4 {font:bold italic 12px/16px georgia, serif; text-align:left; color:#666; margin:0 0 15px 0;} #sendcart td {font:11px/16px verdana, sans-serif; padding:2px 6px;} #sendcart input {font:11px/16px verdana, sans-serif;} #sendcart .enviarpedido, .enviarpedido {font:italic 16px/20px georgia, serif; color:#DF1684; border:none; text-align:right; text-transform:lowercase; padding-right:20px; background:url(../images/general/pinkarrow.gif) top right no-repeat;} #datos_personales {padding:10px 0; margin:10px 0 0 0; border-top:1px dotted #8C8C8C; border-bottom:1px dotted #8C8C8C;}