/**************************************************************************************************** Definicion de etiquetas HTML ****************************************************************************************************/ body {background:#1a171b; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#1a171b;} /**************************************************************************************************** LAYOUT ****************************************************************************************************/ /* #topBar {position:relative; height:28px; background:#000000; z-index:2;} #container {position:relative; margin:auto; background:#f7e2eb url("http://www.evacosmetics.com/images/fondo_navidad.jpg") no-repeat top center; } */ #topBar {position:relative; height:33px; background:#000000 url("http://www.evacosmetics.com/images/topsepartaor-bg-cons.jpg") repeat-x bottom left; z-index:2;} #container {position:relative; margin:auto; background:#ffffff;} #frameContainer {position:relative; width:955px; margin:auto; border:3px solid #eeeeee; border-top:none; border-bottom:none; background:#ffffff; } #header {position:relative; margin:auto; padding:0 30px 0 30px; width:895px; height:85px; background:#ffffff; } #menu {position:relative; margin:auto auto 8px auto; padding:0 30px 0 30px; width:895px; z-index:1; background:#ffffff; } #content {position:relative; margin:auto; padding:0 0 0 0; width:955px; z-index:0; background:#ffffff; } #bottomBar {position:relative; background:#1a171b;} /**************************************************************************************************** Estilos de las zonas comunes ****************************************************************************************************/ /* zona superior (top-bar.php) **************************************************/ #link_web_pro { display:block; margin-top:5px; padding:0 7px 1px 30px; background:#ffffff url(http://www.evacosmetics.com/images/bg-bot-web-prof.jpg) top left no-repeat; font-family:Georgia; font-size:14px; color:#000000; line-height:normal; text-decoration:none; } #topNav {position: relative;margin: auto;padding: 0 30px 0 30px;width: 895px; height: 26px;} #topNavLeft {float: left;} #topNavLeft ul li {float:left; padding:5px 15px 5px 15px; background: #000000 url("http://www.evacosmetics.com/images/top-nav-sep-part.jpg") no-repeat bottom right;} #topNavLeft ul li a {font-family:"Trebuchet MS"; font-size:1.6em; color:#87888a; text-decoration:none;} #topNavLeft ul li.selected {padding:5px 15px 15px 15px; background:#ffffff;} #topNavLeft ul li.selected a {font-family:"Georgia"; font-size:1.8em; font-style:italic; color:#c61481;} #topNavRight {float: right;} #topNavRight ul li {float: left;height: 11px;margin: 3px 0 0 0;padding: 4px 0 5px 0;} #topNavRight ul li a {font-family: "Trebuchet MS"; font-size: 1.1em;color: #ffffff;text-decoration: none;} #topNavRight ul li#at_text {display: block; font-family: "Trebuchet MS"; font-size: 14px;color: #ffffff; padding: 3px 5px 5px 0px; background: #000000} #topNavRight ul li#at_tel {display: block; font-family: "Trebuchet MS"; font-size: 18px;color: #ffffff; padding: 1px 20px 5px 0px; background: #000000; } #country {padding-right:10px !important; display:none;} #country img {padding: 0 0 0 5px;vertical-align: middle;} #sel_country {position: absolute; top:24px; right:110px; z-index: 200000000;background: #000000;display: none;} #sel_country li {float: none !important;padding: 7px 5px 7px 5px !important;border: none !important;border-top: 1px solid #cccccc !important;text-align: right !important;} #sel_country li.first {border-top: none !important;} #sel_country li a { font-family: "Trebuchet MS"; font-size: 1.1em;color: #ffffff;text-decoration: none;} #intranet {padding-left:10px !important; width:auto; border-left: 1px solid #ffffff;} #intranet a {text-decoration: underline !important; display:block; padding: 0 15px 0 0; background: #000000 url("http://www.evacosmetics.com/images/flecha-area-cliente.jpg") no-repeat center right;} /* header (header.php) **************************************************/ #header h1 span {display:none;} #header .logo {position:absolute; top:0; left:0; margin: 29px 0 0 30px;} #header .slogan {position:absolute; top:57px; left:115px; width:135px; font-family:"Georgia"; font-size:12px; color:#c50d85; line-height:normal; font-style:italic; font-weight:bold; text-decoration:none !important; } #small-carrito {position:relative; margin:auto; padding:0 30px 0 30px; width:895px; } #wid_carrito {position:absolute; top:15px; right:30px; background:transparent url("http://www.evacosmetics.com/images/carrito.jpg") no-repeat 0 0; } #wid_carrito #header_items_price {text-align:right; display:block; margin:4px 10px 0 50px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#8d8989; line-height:normal; font-weight:bold;} #wid_carrito #header_items_price a {color:#8d8989; text-decoration:none;} #wid_carrito #header_free_send {text-align:right; display:block; margin:2px 10px 0 50px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#626161; line-height:normal; font-style:italic;} #wid_carrito #header_checkout {display:block; margin:5px 10px 0 50px; text-align:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#8b265e; line-height:normal; font-style:italic;} #wid_carrito #header_checkout a {padding:0 10px 0 0; background:transparent url("http://www.evacosmetics.com/images/flecha-carrito.jpg") no-repeat center right; color:#8b265e; text-decoration:none;} #pasar_por_caja { overflow:hidden; float: right; background: #8b265e; margin: 0 0 0 0; } #pasar_por_caja ul { overflow:hidden; } #pasar_por_caja ul li { float: left; margin: 0px 0px 0px 0px; } #pasar_por_caja ul li.img_visa { margin: 4px 5px 0px 5px; } #pasar_por_caja ul li.text { font-family: "Georgia"; font-size: 14px; font-style: italic; line-height: 28px; } #pasar_por_caja ul li.text a { text-decoration: none; color: #ffffff; } #pasar_por_caja ul li.img-fletxa { background: #ffffff; margin: 0px 0px 0px 5px; } #seguir_comprando { overflow:hidden; float: left; background: #dbdbdb; margin: 0 0 0 0; } #seguir_comprando ul { overflow:hidden; } #seguir_comprando ul li { float: left; margin: 0px 0px 0px 0px; } #seguir_comprando ul li.img_visa { margin: 4px 5px 0px 5px; } #seguir_comprando ul li.text { font-family: "Georgia"; font-size: 14px; font-style: italic; line-height: 28px; padding: 0 5px 0 0; } #seguir_comprando ul li.text a { text-decoration: none; color: #18181a; } #seguir_comprando ul li.img-fletxa { background: #ffffff; margin: 0px 5px 0px 0px; } #ver_estado_envio { overflow:hidden; position: absolute; top: 90px; right: 0; background: #000000; width: 290px;} #ver_estado_envio ul { overflow:hidden; } #ver_estado_envio ul li { float: left; margin: 0px 0px 0px 0px;} #ver_estado_envio ul li.img_reloj { margin: 2px 10px 0px 5px; } #ver_estado_envio ul li.text { font-family: "Georgia"; font-size: 14px; font-style: italic; line-height: 28px; } #ver_estado_envio ul li.text a { text-decoration: none; color: #ffffff; } #ver_estado_envio ul li.img-fletxa { float: right; background: #ffffff; margin: 0px 0px 0px 5px; } #ver_area_cliente { overflow:hidden; position: absolute; top: 60px; right: 0; background: #8b265e; width: 290px;} #ver_area_cliente ul { overflow:hidden; } #ver_area_cliente ul li { float: left; margin: 0px 0px 0px 0px;} #ver_area_cliente ul li.img_reloj { margin: 2px 10px 0px 5px; } #ver_area_cliente ul li.text { font-family: "Georgia"; font-size: 14px; font-style: italic; line-height: 28px; } #ver_area_cliente ul li.text a { text-decoration: none; color: #ffffff; } #ver_area_cliente ul li.img-fletxa { float: right; background: #ffffff; margin: 0px 0px 0px 5px; } /* menu (menu.php) **************************************************/ /* tiene su propio include */ /* lote de productos (welcome-pack.php) **************************************************/ #welcome-pack {postion:relative; width:290px; font-family:"Trebuchet MS"; font-size:14px; line-height:normal; text-decoration:none; border-bottom:2px dotted #c61481; margin-bottom:10px; } #welcome-pack h3 { font-family: "Georgia" !important; font-weight: bold !important; font-style: italic !important; text-align: left !important; font-size: 18px !important; line-height: normal !important; color:#fe360d !important; padding: 0 0 0 20px !important; background:#ffffff url("http://www.evacosmetics.com/images/ico-naipe-paus.jpg") no-repeat 0px 3px; } #welcome-pack img { margin: 5px 0 0 25px; } #welcome-pack #lp_form {margin:10px 0 20px 0; text-align:right !important;} #welcome-pack .textField {margin:0 0 5px 5px; border:1px solid #c61481;} #welcome-pack a {font-family:"Trebuchet MS"; font-size:14px; line-height:normal; color: #c61481 !important; text-decoration:underline;} #welcome-pack small {float:left;} /* zona inferior - redes sociales y enlaces (bottom-bar.php) **************************************************/ #topBottomBar {position:relative; background:#c61481; } #topBottomBarContent {margin:auto; padding:5px 30px 5px 30px; width:895px; overflow:hidden;} #socialMediaLinks {position:relative; float:left; margin:0 0 0 75px;} #socialMediaLinks p {float:left; margin:10px 20px 0 0; font-family:"Trebuchet MS"; font-size:1.4em; color:#ffffff;} #socialMediaLinks ul {float:left;} #socialMediaLinks ul li {float:left; margin:0 15px 0 0;} #newsletterSubs {position:relative; float:right; margin:0 75px 0 0;} #newsletterSubs p {float:left; margin:5px 0 0 0; font-family:"Trebuchet MS"; font-size:1.4em; color:#ffffff;} #bottom-menu-nav { position:relative; margin:auto; padding:30px 30px 0 30px; width:895px; overflow:hidden;} #bottom-menu-nav .col {position:relative; padding:0 10px 0 10px; width:158px; height:200px; float:left; border-left:1px solid #c9c8c9;} #bottom-menu-nav .col h2 {margin:0 0 5px 0; font-family:"Trebuchet MS"; font-size:1.2em; color:#c61481;} #bottom-menu-nav .col ul li {margin:0 0 3px 0;} #bottom-menu-nav .col ul li a {text-decoration:underline; font-family:"Trebuchet MS"; font-size:1.2em; line-height:normal; color:#ffffff;} #bottom-menu-nav .col .copyright {text-decoration:none !important; font-family:"Trebuchet MS"; font-size:1.2em; line-height: normal; color:#ffffff;} #bottom-menu-nav .col .t4xi {margin-top:20px !important;} #bottom-menu-nav .col .t4xi a {text-decoration:none !important; font-family:"Trebuchet MS"; font-size:1.2em; line-height: normal; color:#999999;} #bottom-menu-nav .formas-pago { position: absolute; top: 50px; left: 629px; width: 266px; height:135px;} /**************************************************************************************************** estilos y etiquetas del contentido central. ****************************************************************************************************/ /* breadcrumbs y buscador. **************************************************/ #content .breadcrumbs_formulacion { margin: 15px 0 15px 0; padding:0 30px 0 30px; width:auto; overflow:hidden; font-family:"Trebuchet MS"; font-size:1.1em; color:#1a171b; line-height:normal; } #content .breadcrumbs_formulacion a { font-family:"Trebuchet MS"; font-size:1.1em; color:#1a171b; line-height:normal; } #content .breadAndSearchBar {display:none; margin: 0 0 15px 0; padding:3px 0 3px 0; width:100%; overflow:hidden; border-top:1px solid #d1439a; border-bottom:1px solid #d1439a;} #content #breadcrumbs {position:relative; float:left; padding:5px 0 5px 10px; width:500px; font-family:"Trebuchet MS"; font-size:1.1em; color:#1a171b; line-height:normal;} #content #breadcrumbs a {text-decoration:underline; color:#1a171b;} #content #search {position:relative; float:right;} #content #search #cse-search-box .search-button {cursor:pointer; border:none; width:16px; background:#ffffff url("http://www.evacosmetics.com/images/magnifying-glass.jpg") no-repeat 0 2px;} /* contenido central. **************************************************/ #content .clearfix { position:relative; clear:both; overflow:hidden; width:895px; margin:auto;} #content #leftPannel { position:relative; float:left; width:305px; border-right:1px dotted #c61481; overflow:hidden;} #content #leftPannel h2 {margin:1em 0 0.7em 0; padding:0 0 0 20px; background:#ffffff url("http://www.evacosmetics.com/images/ico-naipe-paus.jpg") no-repeat 0% 2px; font-family:"Georgia"; font-weight:bold; font-style:italic; font-size:2.0em; color:#1a171b;} #content #rightPannel {position:relative; margin:0 0 0 320px; overflow:hidden; width:575px;} #content .menu ul {margin:20px 0 40px 0; width:290px;} #content .menu ul li {text-align:right; margin:0 0 20px 0; padding:0 40px 0 0;} #content .menu ul li.selected {background:#ffffff url("http://www.evacosmetics.com/images/double-left-arrow.jpg") no-repeat 100% 7px;} #content .menu ul li a {font-family:"Georgia"; font-weight:bold; font-style:italic; font-size:2.0em; line-height:normal; color:#c61481; text-decoration:none; border-bottom: 2px dotted #c61481;} #content .menu ul li a:hover {color: #535e7a; border-bottom: 2px dotted #535e7a;} #content .menu ul li.selected a {color: #535e7a; border-bottom: 2px dotted #535e7a;} #content .banners h3 {display:block; width:90%; padding:5px 0 5px 20px; background:#ffffff url("http://www.evacosmetics.com/images/ico-naipe-paus.jpg") no-repeat 0px 5px; font-family:"Georgia"; font-style:italic; font-size:14px; font-weight:bold; color:#87888a; text-decoration:none;} #content .banners h3 a {color:#87888a; text-decoration:none;} #content .banners img {margin:0 0 15px 0;} /* tinyContent */ #content .tinyContent p {margin:0 0 0.5em 0; font-family:"Trebuchet MS"; font-size:1.4em; line-height:normal; color:#1a171b;} #content .tinyContent h2 {margin:1em 0 0.7em 0; padding:0 0 0 20px; background:#ffffff url("http://www.evacosmetics.com/images/ico-naipe-paus.jpg") no-repeat 0% 2px; font-family:"Georgia"; font-weight:bold; font-style:italic; font-size:2.0em; color:#1a171b;} #content .tinyContent h3 {margin:0.7em 0 0.2em 0; font-family:"Georgia"; font-weight:bold; font-style:italic; font-size:2.0em; color:#c61481;} #content .tinyContent a {color:#c61481; text-decoration:underline;} #content .tinyContent hr {color:#ffffff; border:none; border-bottom:1px dotted #c3c4c4;} #content .tinyContent ul {list-style: disc inside; margin: 1em 0 1em 0;} #content .tinyContent ul li {font-family:"Trebuchet MS"; font-size:1.4em; line-height:normal; color:#1a171b;} #content .tinyContent .color {color: #c61481;} #content .tinyContent .normalText {font-family: "Trebuchet MS"; font-size: 1.4em !important; line-height: normal; color: #1a171b;} #content .tinyContent .defaultColor {color: #1a171b;} #content .tinyContent .paginator {border: 1px dotted #b1b3b4; border-left:none; border-right:none; padding:5px 2px 5px 0;} #content .tinyContent .paginator p {margin:0; padding:0; text-align:right; font-family:"Georgia"; font-size: 1.2em; font-weight:bold; font-style:italic; color:#c61481;} #content .tinyContent .paginator p span.selected {color:#1a171b;} #content .tinyContent .paginator a {text-decoration:none;} #content .tinyContent p a.read-more {font-family:"Georgia"; font-weight:bold; font-style:italic;} /* compartir en redes... **************************************************/ .share {margin:40px auto 20px auto; padding:0; width:100%; height:auto; overflow:hidden; clear:both;} .addthis_button_compact {font-family:"Verdana" !important; font-size: 1em !important; color:#707173 !important; text-decoration:none !important;} .vota_toolbox {float:right;} .i_like {height: 17px;padding: 0 0 0 20px; background-image: url('http://www.evacosmetics.com/images/red_hand.jpg'); background-position: center left; background-repeat: no-repeat; text-align: left; font-size: 1em; color: #9a9a9a;} .i_like span a {text-decoration: none; color: #000000;} /* brands (brands.php) **************************************************/ #content #brands {position:relative; clear:both; width:895px; margin:20px auto 0 auto; padding:10px 0 30px 0; overflow:hidden;} #content #brands ul {position:relative; overflow:hidden;} #content #brands li {float:left; margin:6px 40px 0 0;} #content #brands li.first {margin:6px 40px 0 115px;} #content #brands li.last {margin:6px 0 0 0;} /* estilos varios para formularios, botones... **************************************************/ .formContainer {margin:auto; width:375px; float:left;} .tblForm td {text-align:right; background-color: #feecf6; padding:3px 5px 3px 5px; vertical-align:middle; border-bottom:5px solid #ffffff; font-family:'Trebuchet MS'; font-size:1.4em;} .tblForm td label {font-weight:bold;} .textField {padding:2px 1px 2px 1px; width:180px; color:#000000; border:none;} .textField:focus {background: #feecf6;} .textArea {padding:2px 1px 2px 1px; width:180px; color:#000000; border:none;} .textArea:focus {background: #feecf6;} .checkbox {} .select {padding:2px 1px 2px 1px; width:180px; color:#000000; border:none;} .select:focus {background: #feecf6;} .button {font-family:'Georgia'; font-weight:bold; font-style:italic; margin:5px 0 40px 0; padding:0 0 0 0; color:#c61481; background:none; border:none; cursor:pointer; text-decoration:underline !important; float:right;} /* .button2 {font-family:'Trebuchet MS'; font-weight:normal; font-style:normal; padding:0 2px 0 2px; color:#ffffff !important; background-color:#000000; border:none; cursor:pointer; text-decoration:none;} */ .button2 {text-align: left; width: auto; font-family:'Georgia'; font-size:12px; line-height:normal; font-weight:bold; font-style:italic; margin:10px 0 10px 10px; padding:3px 20px 3px 5px; color:#ffffff !important; background:#000000 url('http://www.evacosmetics.com/images/flecha-boton.jpg') no-repeat 100% 50%; border:none; cursor:pointer; text-decoration:none; float:right; } .button3 {text-align: left; width: auto; font-family:'Georgia'; font-size:12px; line-height:normal; font-style:italic; margin:10px 0 10px 10px; padding:3px 10px 3px 5px; color:#c61481 !important; background: url('http://www.evacosmetics.com/images/flecha-boton-form.png') no-repeat 100% 50%; border:none; cursor:pointer; text-decoration:none; float:right; } .required {color:#c61481;} .destText {font-family:'Georgia'; font-size:14px; /*font-weight:bold;*/ font-style:italic; line-height:normal; color:#cf1481;} /* mapa web **************************************************/ #sitemap {position:relative;} #sitemap a {} #sitemap ul {margin:0 !important; padding:0 !important; list-style:none !important;} #sitemap ul li {margin:0 !important; font-family:"Trebuchet MS"; font-size:14px !important; line-height:normal;} #sitemap ul.first-block {margin:0px 0px 15px 0px !important;} #sitemap ul.first-block li {margin:0px 0px 0px 0px !important;} #sitemap ul.second-block {margin:5px 0px 0px 0px !important;} #sitemap ul.second-block li {margin:0px 0px 5px 15px !important;} #sitemap ul.second-block li a {padding:0px 0px 0px 10px !important; background:transparent url('http://www.evacosmetics.com/images/arrow-cons.gif') no-repeat 0px 7px !important; font-weight:normal;} #sitemap ul.orphan-block {margin:0px 0px 15px 0px !important;} #sitemap ul.orphan-block li {margin:0px 0px 0px 0 !important;} #sitemap ul.orphan-block li a {padding:0px 0px 0px 10px !important; background:transparent url('http://www.evacosmetics.com/images/arrow-cons.gif') no-repeat 0px 7px !important; font-weight:normal;} #sitemap #products {margin:5px 0 0 10px !important;} #sitemap #products ul {margin:5px 0px 0px 0px !important;} #sitemap #products ul li {margin:0px 0px 5px 15px !important; color:#707173; font-weight:bold;} #sitemap #products ul li a {padding:0px 0px 0px 10px !important; background:transparent url('http://www.evacosmetics.com/images/arrow-cons.gif') no-repeat 0px 7px !important; font-weight:normal;} #sitemap #products ul li ul {margin:5px 0px 15px 0px !important;} #sitemap #products ul li ul li {margin:0px 0px 5px 15px !important; color:#707173; font-weight:normal;} #sitemap #products ul li ul li a {padding:0px 0px 0px 10px !important; background:transparent url('http://www.evacosmetics.com/images/arrow-cons.gif') no-repeat 0px 7px !important; font-weight:normal;} #sitemap #products ul li ul li ul {margin:5px 0px 0px 0px !important;} #sitemap #products ul li ul li ul li {margin:0px 0px 5px 15px !important;} #sitemap #products ul li ul li ul li a {padding:0px 0px 0px 10px !important; background:transparent url('http://www.evacosmetics.com/images/arrow-cons.gif') no-repeat 0px 7px !important; font-weight:normal;} #sitemap #products ul li ul li ul li ul {margin:5px 0px 0 0px !important;} #sitemap #products ul li ul li ul li ul li {margin:0px 0px 5px 15px !important;} #sitemap #products ul li ul li ul li ul li a {padding:0px 0px 0px 10px !important; background:transparent url('http://www.evacosmetics.com/images/arrow-cons.gif') no-repeat 0px 7px !important; font-weight:normal;} /* our-locations.php */ #national_partner_form label {font-family:"Trebuchet MS" !important; font-size:12px !important; line-height:normal !important; font-weight:bold; color:#707173 !important;} #national_partner_form select {padding:2px 1px 2px 1px; width:180px; border:1px solid #d1d1d1; font-family:"Trebuchet MS" !important; font-size:12px !important; line-height:normal !important; color:#707173 !important;} #national_partner_form select:focus {background: #ffffff;} #national_partner_form .button {margin:0 !important; width:auto !important;padding:0px 5px 0px 5px !important; float:none !important; font-family:'Trebuchet MS' !important; font-weight:bold !important; font-size:1.2em !important; font-style:normal !important; color:#707173 !important; background-color:#cccaca; border:none !important; cursor:pointer; text-decoration:none !important;} ul.national_partners {margin:15px 0 0 30px !important; padding:0 !important; list-style:none !important;} ul.national_partners li {margin:0 0 10px 0 !important; padding:0 !important; font-family:"Trebuchet MS" !important; font-size:12px !important; line-height:normal !important;} ul.national_partners li div div.partner_info {margin:10px 0 20px 12px !important; padding:0 !important;} ul.national_partners li div div.partner_info p {margin:0 !important; padding:0 !important; font-family:"Trebuchet MS" !important; font-size:12px !important; line-height:normal !important; color:#707173 !important;} ul.international_partners {margin:15px 0 0 30px !important; padding:0 !important; list-style:none !important;} ul.international_partners li {margin:0 0 10px 0 !important; padding:0 !important; font-family:"Trebuchet MS" !important; font-size:12px !important; line-height:normal !important;} ul.international_partners ul {margin:0 0 0 0 !important; padding:0 !important; list-style:none !important;} ul.international_partners ul li {margin:10px 0 0 12px !important; padding:0 0 0 0 !important; font-family:"Trebuchet MS" !important; font-size:12px !important; line-height:normal !important;} ul.international_partners ul li div div.partner_info {margin:10px 0 20px 12px !important; padding:0 !important;} ul.international_partners ul li div div.partner_info p {margin:0 !important; padding:0 !important; font-family:"Trebuchet MS" !important; font-size:12px !important; line-height:normal !important; color:#707173 !important;} /* sidebar.php **************************************************/ #content #sidebar {position:relative; padding:0 0 0 10px; margin:0 0 0 590px; width:290px; height:auto; overflow:hidden;} #content #sidebar ul {margin:0; width:auto;} #content #sidebar ul li {margin:0; padding:0;} #content #sidebar ul li p {font-family:"Trebuchet MS"; font-size:1.4em; font-weight:normal; line-height:normal; text-align:left;} /* profile */ #content #sidebar .hello-usr {color: #8b265e; font-family:'Georgia'; font-size:22px; font-weight:normal; font-style:italic; line-height:normal; text-align:left; margin: 0 0 10px 0} #content #sidebar ul li.profile {margin:10px 0 10px 0; padding:0 0 0 0;} #content #sidebar ul li.profile span {margin:0 0 5px 0; padding:2px 0 2px 24px; display:block; width:100%; color: #ffffff; background:#8b265e url("http://www.evacosmetics.com/images/ico-info.png") no-repeat 1% 50%; font-family:"Georgia"; font-size:16px; font-style:italic; line-height:normal; text-align:left;} #content #sidebar ul li.profile ul {margin:0; padding:0;} #content #sidebar ul li.profile ul li {margin:0 0 0 0; padding:0 0 0 20px; border-bottom:1px dotted #eceded; background:#ffffff url("http://www.evacosmetics.com/images/menu-arrow.jpg") no-repeat 3% 50%;} #content #sidebar ul li.profile ul li a {display:block; font-family:"Trebuchet MS"; font-size:1.2em; color:#000000; font-weight:normal; line-height:normal; text-align:left; text-decoration:none;} /* add-to-bag */ #content #sidebar ul li.add-to-bag {margin:10px 0 20px 0; padding:0; width:100%; overflow:hidden; font-family:"Georgia";} #content #sidebar ul li.add-to-bag ul { overflow:hidden; margin:0; padding:0;} #content #sidebar ul li.add-to-bag ul li { background:#f7f0f0;} #content #sidebar ul li.add-to-bag ul li.dark { background:#ead9d9;} #content #sidebar ul li.add-to-bag ul li.bag-field { padding: 5px 5px 0px 5px; color:#cf1481; font-size:14px; line-height:normal; font-weight: bold; } #content #sidebar ul li.add-to-bag ul li.bag-value { color:#000000; font-size:12px; line-height:normal; text-align:center; padding: 5px 5px 5px 5px; } #content #sidebar .product-no-avialable { text-align: left; height: 41px; width: 135px; font-family:"Georgia"; font-style:italic; font-size: 16px; line-height: normal; padding: 3px 5px 3px 5px; margin: 10px auto 10px auto; background: #000000 url("http://www.evacosmetics.com/images/pastilla-nd.jpg") repeat-x !important; text-align: center; color: #ffffff; } #content #sidebar ul li.add-to-bag ul li.bag-precio { color: #000000; font-weight: bold; font-size: 14px; line-height:normal; text-align: center; padding:5px 0px 0px 0px; margin:0; } #content #sidebar ul li.add-to-bag ul li.bag-precio span.price-num { font-size: 24px; font-weight: bold;} #content #sidebar ul li.add-to-bag ul li.bag-value .simbol { font-weight: bold; font-size: 24px; padding: 0px 5px 0px 5px; } #content #sidebar ul li.add-to-bag ul li.bag-value .simbol a { text-decoration: none; color: #000000; } #content #sidebar ul li.add-to-bag ul li.bag-value .num { background:#ffffff; font-family:"Arial"; font-size:16px; padding:3px 0px 3px 0px; margin: 0px 0px 0px 0px; font-weight:normal; width: 50px; border: none; text-align: center;} #content #sidebar ul li.add-to-bag ul li.bag-add-carrito {padding-top:5px;} #content #sidebar ul li.add-to-bag ul li.bag-add-carrito a {display:block; width:139px; margin:auto; height:25px; font-family:"Georgia"; font-weight:bold; font-style:normal; font-size:12px; color:#ffffff; line-height:normal; text-decoration:none; background:transparent url("http://www.evacosmetics.com/images/bg-boton-add-to-bag.png") no-repeat top left;} #content #sidebar ul li.add-to-bag ul li.bag-add-carrito a span {text-align:center; display:block; margin:0 0 0 10px; padding:5px 0 0 0; width:100px;} #content #sidebar ul li.add-to-bag ul li.bag-add-stock { text-align: center; color: #878789; font-size: 12px; font-style: italic; padding: 10px 5px 10px 5px; } #content #sidebar ul li.add-to-bag ul li.bag-add-wish { text-align: center; color: #000000; font-size: 14px; font-style: italic; padding: 10px 5px 10px 5px; } #content #sidebar ul li.add-to-bag ul li.bag-add-wish a { color: #000000; text-decoration: none; } /* paymentBanner */ #content #sidebar #paymentBanner {position:relative; overflow:hidden; margin:0 0 4px 0;} #content #sidebar #paymentBanner p {padding:0 0 0 2px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:20px; color:#838282;} /* sidebarBanners */ #content #sidebar #sidebarBanners {position:relative; overflow:hidden; border-top:1px dotted #c6c7c8; border-bottom:1px dotted #c6c7c8;} #content #sidebar #sidebarBanners ul {position:relative; overflow:hidden; margin:7px 0 0 0;} #content #sidebar #sidebarBanners ul li {margin:0 0 7px 0;} /**************************************************************************************************** Estilos para páginas concretas. ****************************************************************************************************/ /* buy.php */ #tblshippingdata {padding-bottom:20px; border-bottom:2px dotted #d5d7d7; } .tbl-shipping-data { margin-bottom:20px; } .tbl-shipping-data tr td {font-family:"Georgia"; font-size:11px; color:#87888a; font-weight:normal; font-style:normal; line-height:normal;} .tbl-shipping-data tr td.data {background:#ededed; width:350px; padding:10px 10px 15px 10px; border-right:2px solid #ffffff;} .tbl-shipping-data tr td.data_log {background:#ededed; padding:10px 10px 15px 10px; border-right:2px solid #ffffff;} .tbl-shipping-data tr td.data h3 {font-size:14px; color:#cf1481; font-weight:bold; font-style:italic; margin:0 0 10px 0;} .tbl-shipping-data tr td.data h3 label{ font-family:'Trebuchet MS';font-size:11px; color:#000000; font-weigth: light; font-style: normal;} .tbl-shipping-data tr td.data h3 a{ font-family:'Trebuchet MS';font-size:11px; color:#000000; font-weigth: light; font-style: normal;} .tbl-shipping-data #new_shipping_data {margin:10px 0 0 0;} .button2 {color:#cf1481;} .tbl-shipping-data tr td.advice {background:#fff4d1; padding:10px 10px 15px 10px; vertical-align:top; font-style: italic;} .tbl-shipping-data tr td.advice span { display: block; font-size: 18px; color: #000000; margin: 0 0 0 0;} .tblform2 {} .tblform2 td { width:auto; padding:3px 5px 3px 5px; vertical-align:middle; font-family:'Trebuchet MS' !important; font-size:12px !important; line-height:normal; } .tblform2 td .textField { font-family:'Trebuchet MS'; font-size:12px !important; line-height:normal; } /* carrito.php */ .buy_conf_tit {font-family:"Georgia"; font-size:14px; color:#cf1481; font-weight:bold; font-style:italic; margin:0 0 10px 0;} #carrito_list { position:relative; width:100%; margin: 20px 0px 20px 0px; } #carrito_list ul { overflow: hidden; } #carrito_list ul li { font-family:'Trebuchet MS'; font-size:14px; line-height:normal;} #carrito_list ul li.title { background:#ededed; padding:0; margin-bottom:10px; font-family:'Trebuchet MS'; font-size:14px; font-weight:bold; line-height:normal; color:#000000;} #carrito_list ul li.prod-row { background:#ffffff; margin-bottom:5px; border-bottom:1px dotted #d5d7d7; font-family:'Trebuchet MS'; font-size:16px; font-weight:normal; line-height:normal; color:#000000;} #carrito_list ul li.resum { background: #ededed; color: #000000; font-family:'Trebuchet MS'; font-size:14px; font-weight: bold; line-height: normal; } #carrito_list ul li.payment-row { background: #ededed; color: #000000; font-family:'Trebuchet MS'; font-size:14px; line-height: normal; margin-bottom:5px; } #carrito_list ul li.payment-row ul li.logo{ float: right; margin: 0px 10px 0px 0px; } #carrito_list ul li ul li { float:left; margin-left:10px; text-align:center; display:table; padding: 5px 0px 5px 0px;/**/} #carrito_list ul li ul li div { display: table-cell; vertical-align: middle; } #carrito_list ul li ul li.img { width: 130px; text-align: left;} #carrito_list ul li ul li.prod { width: 148px; text-align:left; } #carrito_list ul li ul li.prod a { font-family:'Georgia'; font-size:14px; font-weight:bold; font-style:italic; line-height:normal; color:#cf1481; text-decoration:none;} #carrito_list ul li ul li.prod span { display:block; font-family:'Georgia'; font-size:11px; font-weight:normal; font-style:normal; line-height:normal; color:#87888a; text-decoration:none; } #carrito_list ul li ul li.no_edit { width: 283px; text-align:left;} #carrito_list ul li ul li.precio { width: 75px;} #carrito_list ul li ul li.unidades { width: 70px; } #carrito_list ul li ul li.unidades .unitsinput { width: 24px; text-align:right; } #carrito_list ul li ul li.total { width: 75px; text-align: right;} #carrito_list ul li ul li.bot_del { width: 13px; } #carrito_list ul li ul li.offer { width: 130px; text-align: right;} #carrito_list ul li ul li.offer_tit { width: 249px; text-align:left;} #carrito_list ul li ul li.offer_prod { width: 148px; text-align:left; font-family:'Georgia'; font-size:14px; font-weight:bold; font-style:italic; line-height:normal;} #carrito_list ul li ul li.offer_row { width: 29px; text-align:left; padding: 8px 0 0 0;} #carrito_list ul li ul li.concepts_ref { width:auto; } #carrito_list ul li ul li.concepts_other { width: 200px; text-align: left; } #carrito_list ul li ul li.concepts_price { float: right; margin-right: 30px; } .set_mail {border-top: 1px dotted #ededed; border-bottom: 1px dotted #ededed; padding: 3px 0 3px 0;} .set_mail li { background: #ededed; padding: 1px 0 1px 3px; } .set_mail li span{ color: #000000;font-family:'Georgia'; font-size:14px; /*font-weight:bold;*/ font-style:italic; line-height:normal; } .set_mail li input{ border: 1px solid #cccccc; } .button_link {text-align: left; width: auto; font-family:'Georgia'; font-size:12px; line-height:normal; font-weight:bold; font-style:italic; margin:10px 0 10px 0; padding:3px 20px 3px 5px; color:#ffffff; background:#000000 url('http://www.evacosmetics.com/images/flecha-boton.jpg') no-repeat 100% 50%; border:none; cursor:pointer; text-decoration:none; float:right; } .button_link_2 { float:right;width: 111px; height:24px; padding:0 0 0 0; background:#c50e86 url('http://www.evacosmetics.com/images/bg-boton-carrito.jpg') no-repeat top left; font-family:'Georgia'; font-size:14px; line-height:22px; font-weight:bold; font-style:italic; color:#ffffff; text-align:center; border:none; cursor:pointer; text-decoration:none; } #user-data-conf li.title { background: #ededed; color: #000000; margin-bottom: 10px; font-weight: bold; line-height: 24px; } #user-data-conf { margin: 10px 0px 0px 0px } #user-data-conf li { position: relative; width: 100%; font-family:'Trebuchet MS'; font-size:14px; line-height: 24px; padding: 0px 0px 0px 20px; } /* compra-pasos.php */ #compra_state { position: relative; color: #ffffff; } #compra_state ul { position: relative; overflow: hidden; margin: 0px 0px 20px 0px; } #compra_state ul li { float:left; margin: 0px 4px 0px 0px; padding:3px 15px 3px 15px; *width:110px !important; *height:50px !important; display:table; vertical-align:middle; background:#d2d0d0; font-family:"Georgia"; font-size:12px; line-height:normal; font-weight:bold; text-align:center;} #compra_state ul li.acpas {background:#000000;} #compra_state ul li span {display:table-cell; vertical-align:middle; width:110px; height:50px; *line-height:50px !important;} #compra_state .flecha { position: absolute; z-index:1; } .error {color: red; font-size: 12px; margin-left:10px; padding: 0 0 10px 0;} /* formularios my data */ .formContainer {margin:auto; width:375px; float:left; overflow:hidden;} .tblForm td {text-align:right; background-color: #ededed; padding:3px 5px 3px 5px; vertical-align:middle; border-bottom:5px solid #ffffff; font-family:'Trebuchet MS'; font-size:1.4em; color:#000000;} .tblForm td label {font-weight:normal;} .tblForm td.spacer {background:none !important; padding:0 !important; border:none !important; height:15px;} .tblSolidForm td {text-align:right; background-color: #ededed; padding:3px 5px 3px 5px; vertical-align:middle; font-family:'Trebuchet MS'; font-size:14px !important; color:#000000; line-height:normal; border:none !important;} .tblSolidForm td h3 { text-align:left; font-family:'Trebuchet MS'; font-size:14px !important; color:#000000; line-height:normal; } .tblSolidForm td label {font-weight:normal;} .tblSolidForm td.spacer {background:none !important; padding:0 !important; border:none !important; height:10px;} /* listas */ .listContainer {width:100%} .tblList tr.caption-row td {background-color:#eceded; padding:4px 2px 4px 2px;} .tblList tr.caption-row td span {font-family:'Trebuchet MS'; font-size:1.4em; line-height:normal; color:#000000; font-weight:bold; text-align:right;} .tblList tr.top-dotted-spacer-row td {border-top:1px dotted #c6c7c8;} .tblList tr.bottom-dotted-spacer-row td {border-bottom:1px dotted #c6c7c8;} .tblList tr.value-row:hover {background:#f0f1f1; cursor:pointer;} .tblList tr.value-row td {padding:5px 5px 5px 5px; border-top:10px solid #ffffff; border-bottom:10px solid #ffffff;} .tblList tr.value-row td span {font-family:'Trebuchet MS'; font-size:1.4em; line-height:normal; font-weight:normal; text-align:right;} .tblList tr.value-row td a {font-family:'Trebuchet MS'; font-size:1.4em; color:#000000 !important; line-height:normal; font-weight:normal; text-align:right;} .tblListCons tr.caption-row td {background-color:#eceded; padding:4px 2px 4px 2px;} .tblListCons tr.caption-row td span {font-family:'Trebuchet MS'; font-size:1.4em; line-height:normal; color:#000000; font-weight:bold; text-align:right;} .tblListCons tr.top-dotted-spacer-row td {border-top:1px dotted #8b265e;} .tblListCons tr.bottom-dotted-spacer-row td {border-bottom:1px dotted #8b265e;} .tblListCons tr.value-row:hover {background:#f0f1f1; cursor:pointer;} .tblListCons tr.value-row td {padding:5px 5px 5px 5px; border-top:10px solid #ffffff; border-bottom:10px solid #ffffff;} .tblListCons tr.value-row td span {font-family:'Trebuchet MS'; font-size:1.4em; line-height:normal; font-weight:normal; text-align:right;} .tblListCons tr.value-row td span.oscuro { color: #000000; } .tblListCons tr.value-row td span.claro { color: #8b265e; } .tblListCons tr.value-row td a {font-family:'Trebuchet MS'; font-size:1.4em; color:#c61481 !important; line-height:normal; font-weight:normal; text-align:right;} h2.tit-history { background:#ffffff url("http://www.evacosmetics.com/images/topo-hist-comp.jpg") no-repeat top left !important; padding:0 0 5px 30px !important;} h2.tit-my-data { background:#ffffff url("http://www.evacosmetics.com/images/topo-my-data.jpg") no-repeat top left !important; padding:0 0 5px 30px !important;} h2.tit-super-list { background:#ffffff url("http://www.evacosmetics.com/images/topo-super-list.jpg") no-repeat top left !important; padding:0 0 5px 30px !important;} h2.tit-wish-list { background:#ffffff url("http://www.evacosmetics.com/images/topo-wish.jpg") no-repeat top left !important; padding:0 0 5px 30px !important;} .no-reg { width: 100%; margin: auto; /*border: 1px solid red;*/ } .no-reg p{ font-family:'Trebuchet MS'; border-top:1px dotted #666666; text-align: center; font-size: 14px !important; line-height: normal; padding: 15px 50px 20px 50px;} .ok-data-miss { width: 400px; margin: 0 auto 0 auto; padding: 10px 0 10px 0; background: #c61481; color: #ffffff !important; font-family:"Georgia" !important; font-style: italic; font-size: 14px !important; /*border: 1px solid red;*/ } .ok-data-miss p{ width: 100%; text-align: center; !important; } /* Layer inferior */ #inf-layer { position:fixed; left:0; bottom:0; width: 100%; z-index: 100;} #inf-layer .inf-layer-cont { position: relative; width: 100%; height: 35px; margin: 0 auto 0 auto; line-height: 35px; } #inf-layer .inf-layer-cont #ilc-fnd { position: absolute; top: 0; left: 0; width: 100%; height: 35px; z-index:10; background-color:#000000; opacity:0.85; filter:alpha(opacity=85); } #inf-layer .inf-layer-cont #ilc-txt { position: relative; margin:auto; width: 940px; height: 35px; z-index:20; color: #ffffff; font-family:"Georgia"; font-size: 12px; overflow: hidden; } #inf-layer .inf-layer-cont #ilc-txt ul li.left { float: left; } #inf-layer .inf-layer-cont #ilc-txt ul li.right { float: right; } #inf-layer .inf-layer-cont #ilc-txt ul li.ilc-flecha-left { background: url("http://www.evacosmetics.com/images/lic-flecha.png") no-repeat bottom left; margin: 7px 0 6px 5px; height: 22px; line-height: 22px; padding: 0 5px 0 10px; /*border: 1px solid green;*/} #inf-layer .inf-layer-cont #ilc-txt ul li.ilc-flecha-left a { color: #ffffff; text-decoration: underline } #inf-layer .inf-layer-cont #ilc-txt ul li.ilc-sep-left { background: url("http://www.evacosmetics.com/images/top-nav-sep-part.jpg") no-repeat bottom left; margin: 7px 0 6px 0; height: 22px; line-height: 22px; padding: 0 5px 0 5px; /*border: 1px solid green;*/} #inf-layer .inf-layer-cont #ilc-txt ul li.ilc-sep-left-lorry { background: url("http://www.evacosmetics.com/images/top-nav-sep-part.jpg") no-repeat bottom left; margin: 7px 0 6px 0; height: 22px; line-height: 22px; padding: 0 5px 0 5px; /*border: 1px solid green;*/} #inf-layer .inf-layer-cont #ilc-txt ul li.ilc-sep-left-lorry a {color: #ffffff; text-decoration: underline; background: url("http://www.evacosmetics.com/images/lorry.png") no-repeat bottom left; padding-left:35px; padding: 3px 0 2px 35px;} #inf-layer .inf-layer-cont #ilc-txt ul li.ilc-sep-left a { color: #ffffff; text-decoration: underline } #inf-layer .inf-layer-cont #ilc-txt ul li.ilc-carrito-bot {width:100px; background:transparent url("http://www.evacosmetics.com/images/boton-cesta.png"); line-height:29px; padding:0px 0px 0px 0px; margin:3px 10px 0px 10px; font-style:italic; color:#000000; text-align:center !important; } #inf-layer .inf-layer-cont #ilc-txt ul li.ilc-carrito-bot a {display:block; text-decoration:none; color:#333333;} #inf-layer .inf-layer-cont #ilc-txt ul li.ilc-carrito { background: url("http://www.evacosmetics.com/images/lic-carrto.png") no-repeat bottom left; font-style:italic; margin: 7px 0 6px 0; height: 22px; line-height: 22px; padding: 0 5px 0 25px; /*border: 1px solid green;*/} /* nous estils */ .contact_form_v1 {margin:auto; width:375px; float:left;} .contact_form_v2 {margin:auto; padding:15px; background:#feecf6; width:550px; float:left;} .contact_form_v2 p {margin:0 0 0 0; padding:0 0 5px 0;} .contact_form_v2 .georgia {font-family:"Georgia";} .textField_v2 {background:#feecf6; padding:2px 1px 2px 1px; width:180px; color:#000000; border:none; border-bottom:1px solid #c61481;} .textField_v2:focus {background: #ffffff;} .textArea_v2 {background:#feecf6; padding:2px 1px 2px 1px; width:180px; color:#000000; border:none; border:1px solid #c61481;} .textArea_v2:focus {background: #ffffff;} .select_v2 {background:#feecf6; padding:2px 1px 2px 1px; width:180px; color:#000000; border:none;} .select_v2:focus {background: #ffffff;} .button_v2 {font-family:'Georgia'; font-size:18px; color:#c61481; line-height:normal; font-weight:bold; font-style:italic; text-decoration:none; background:none; border:none; cursor:pointer; float:right; } /* Saludo Layer */ #saludo-layer {position:fixed; left:-100%; top:50%; width:100%; height:100px; z-index:10000000; margin-top:-50px; } #saludo-layer #fnd_saludo_layer {position:absolute; left:0; top:0; width:100%; height:100px; z-index:-10; background-color:#000000; opacity:0.75; filter:alpha(opacity=80);} #saludo-layer h2 {margin:15px 0 0 0; font-family:'Georgia'; font-size:30px; color:#c81e7e; line-height:normal; font-weight:bold; font-style:italic; text-align:center;} #saludo-layer h3 {margin:0 0 20px 0; font-family:'Georgia'; font-size:20px; color:#ffffff; line-height:normal; font-weight:normal; font-style:italic; text-align:center;}