@charset "utf-8";
/* CSS Document */
/*
 * Cliente: Óptica Ponce
 * Proyecto: www.prodevision.com
 * Autor: Innova Creaciones www.innovacreaciones.es
 */
/*modificaciones foundation*/
/* menu */
select:focus,
select:hover{ border-color:#b40096!important; outline:0;    box-shadow: inset 0 1px 1px rgba(180,0,150,.075), 0 0 0 0.2rem rgba(180,0,150,.25);}
.contain-to-grid {  background: #1C75BC; }
.top-bar {  background: #1C75BC;}
.top-bar.expanded .title-area {    /* Safari 4-5, Chrome 1-9 */
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b40096), to(#80006b));
		/* Safari 5.1+, Chrome 10+ */
		background: -webkit-linear-gradient(top, #80006b, #b40096);
		/* Firefox 3.6+ */
		background: -moz-linear-gradient(top, #80006b, #b40096);
		/* Opera 11.10+ */
		background: -o-linear-background(top, #80006b, #b40096);
		/* IE 10 */
		background: -ms-linear-background(top, #80006b, #b40096);
		/* estándar */
		background: linear-background(top, #80006b, #b40096); }
.top-bar.expanded .toggle-topbar a {      color: #fff; }
.top-bar-section ul li {    background: #1C75BC; }
.top-bar-section ul li:first-child a { padding:0; padding-top: 8px; }
.top-bar-section ul li > a {font-family:Arial, sans-serif, Helvetica;font-size:1.5rem;padding:4px 0 4px 0;}

.top-bar-section ul li:hover:not(.has-form) > a {/* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b40096), to(#80006b));
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-linear-gradient(top, #80006b, #b40096);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #80006b, #b40096);
    /* Opera 11.10+ */
    background: -o-linear-background(top, #80006b, #b40096);
    /* IE 10 */
    background: -ms-linear-background(top, #80006b, #b40096);
    /* estándar */
    background: linear-background(top, #80006b, #b40096);}
@media only screen and (min-width: 40.063em) {
  .top-bar {background: #1C75BC; }
    .top-bar.expanded { background: #1C75BC; }
    .top-bar-section li.hover > a:not(.button) {
      background: #1C75BC;
      color: white; }
    .top-bar-section li:not(.has-form) a:not(.button) {      background: #1C75BC; font-size:1.5rem; }
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        /* Safari 4-5, Chrome 1-9 */
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b40096), to(#80006b));
		/* Safari 5.1+, Chrome 10+ */
		background: -webkit-linear-gradient(top, #80006b, #b40096);
		/* Firefox 3.6+ */
		background: -moz-linear-gradient(top, #80006b, #b40096);
		/* Opera 11.10+ */
		background: -o-linear-background(top, #80006b, #b40096);
		/* IE 10 */
		background: -ms-linear-background(top, #80006b, #b40096);
		/* estándar */
		background: linear-background(top, #80006b, #b40096); }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      /* Safari 4-5, Chrome 1-9 */
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b40096), to(#80006b));
		/* Safari 5.1+, Chrome 10+ */
		background: -webkit-linear-gradient(top, #80006b, #b40096);
		/* Firefox 3.6+ */
		background: -moz-linear-gradient(top, #80006b, #b40096);
		/* Opera 11.10+ */
		background: -o-linear-background(top, #80006b, #b40096);
		/* IE 10 */
		background: -ms-linear-background(top, #80006b, #b40096);
		/* estándar */
		background: linear-background(top, #80006b, #b40096); }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #0078a0; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {      border-right: solid 1px #fff; }

 }
@media only screen and (min-width:40.063em) and (max-width:64em){
	.top-bar-section li:not(.has-form) a:not(.button) {    font-size:0.9rem; }
}
.top-bar-section ul li > a.destacado { background-color:#ffaa00!important}
/* menu */
button, .button {padding-top: 1rem;
  padding-right: 12px;
  padding-bottom: 1.0625rem;
  padding-left: 12px;font-family:Arial, sans-serif, Helvetica; background: -webkit-linear-gradient(#b40096, #860070); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#b40096, #860070); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#b40096, #860070); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#b40096, #860070); /* Standard syntax */font-size: 24px;}
button:hover, button:focus, .button:hover, .button:focus {
    background: #860070; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
button.secondary, .button.secondary {
    background-color: #e9e9e9;
	background: -webkit-linear-gradient(#1c74bb, #165d96); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#1c74bb, #165d96); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#1c74bb, #165d96); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#1c74bb, #165d96); /* Standard syntax */
    border-color: #bababa;
    color: #FFF; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background: #165d96;color:#fff; }
.postfix {font-size: 0.875rem;}
.side-nav li.divider { border-top: 1px solid #CCC; height: 0; padding: 0; list-style: none; }
.side-nav li { margin:0!important; font-size:1rem;padding:0!important}
.side-nav li a:not(.button) { color: #1C75BC; padding:5px 0px;}
.side-nav li.active > a:first-child:not(.button) {      color: #B40096;}
	  
.tab-bar {background: #B40096;}
  
body {background:url(../img/fondo2.png) repeat-y top center;font-family:Arial, sans-serif, Helvetica; }

header {background:#b40096; padding:0}
header .topp-bar {background:#b40096;overflow:hidden; }
header .topp-bar ul.cars { list-style:none; margin-left:0; margin-top:2px;font-size:13px; margin-bottom:3px}
header .topp-bar ul.cars li { display:inline; color:#FFF; margin-left:15px; line-height:25px; padding:5px 0 5px 25px}
header .topp-bar ul.cars li:first-child { margin-left:0px;}
header .topp-bar ul.cars li.pago {background:url(../img/icono-candado.png) no-repeat left center;}
header .topp-bar ul.cars li.devo { background:url(../img/icono-caja.png) no-repeat left center; }
header .topp-bar ul.cars li.ori {background:url(../img/icono-etiqueta.png) no-repeat left center;}
header .topp-bar ul.cars li.blog {background:url(../img/icono-blog2.png) no-repeat left center; margin-left:190px}

header .topp-bar ul.right {list-style:none;margin-top:6px; font-size:13px; margin-bottom:5px  }
header .topp-bar ul.right li {display:inline; color:#fff;}
header .topp-bar ul li a { color:#fff;}

header .idiomas { background:url(../img/icono-flecha-idiomas.png) no-repeat right center;}
aside .orbit-container {margin:0 auto;}
@media only screen and (min-width:40.063em) and (max-width:64em){
.orbit-container ul{ width:98%;}
header .topp-bar ul.cars li {  margin-left:5px; }
header .topp-bar ul.cars li.blog {margin-left:5px}
}

.sellos { margin-top:-13px;}
.sellos .confianza { margin:7px 0;}
aside .orbit-container .orbit-slides-container {border: solid 1px #dadada}

.banners p { border: solid 1px #dadada; margin:20px 0 12px 0}
.banners p img { border: solid 3px #fff;}

.cesta {  color:#1C75BC;  text-align:center; margin-bottom:10px; padding:0;background:url(../img/icono-flecha-carrito.png) no-repeat right center; padding-right:25px}

.subcabecera { padding:20px 0 0px 0; }
h2.logo, h1.logo, p.logo { background:url(../img/logo_prodevision.png) no-repeat top left; font-size:0px; width:100%; height:88px; background-size:100% auto; margin-top:20px }
h2.logo_black, h1.logo_black, p.logo_black { background:url(../img/black_logo.png) no-repeat top left; font-size:0px; width:100%; height:88px; background-size:100% auto; margin-top:20px }
h1,h2, h3 { font-family:Georgia, "Times New Roman", Times, serif;}
h1 { font-size:28px;}
h2 {font-size:24px;}
h3 {font-size:20px;}
h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#1c75bc;}

a {color:#1c75bc;}
a:hover { text-decoration:none}

.telf { font-family:Georgia, "Times New Roman", Times, serif; margin-top:15px;font-size:16px; text-align:center; }
.telf span { font-family:Arial, sans-serif, Helvetica; color:#b40096; font-size:24px;display:block; margin-top:-5px;}

@media only screen and (min-width: 64em) {
	.telf {margin-left:10px}
}
nav.top-bar {text-align:center; }
section.top-bar-section {display: inline-block;margin:0 auto;}

p.top_nav { color: #1c75bc; font-size:14px; }
p.top_nav a { color:#1c75bc;}
p.top_nav a:hover { text-decoration:underline}

ul.f-dropdown li { float:none; padding:0; margin:0}
ul.f-dropdown li::after {content:' '}
ul.f-dropdown li a { font-size:12px;}

.search {clear:both; margin-left:20px; }
.search img { height:30px}
.search input { border-right:0; box-shadow:none}
.search .postfix { background:none; border-left:0}

@media only screen and (max-width: 40.063em) {
	.cesta { border-left:none;margin-bottom:0px;}
	h2.logo, h1.logo, p.logo { background:url(../img/logo_prodevision.png) no-repeat top left; margin:0; line-height:normal; padding:0;font-size:0px; width:275px; height:45px; background-size:auto 100%; }
	.subcabecera { padding:10px 10px 0 10px;}
	.search {padding-top:0px; margin:0 auto;}
	
	section.top-bar-section { display:list-item }
	.top-bar-section ul { padding:0; margin:0;}
	
	.telf {background:none; }

}
@media only screen and (min-width:40.063em) and (max-width:64em) {
	.topp-bar ul li { font-size:0.8rem;margin-left:8px; }
	h2.logo, h1.logo, p.logo { background:url(../img/logo_prodevision.png) no-repeat top left; margin:0; line-height:normal; padding:0;font-size:0px; width:275px; height:45px; background-size:auto 100%; }
	.top-bar-section ul li a { font-size:0.8rem;}
	.filtros { font-size:0.7rem;}
	.filtros a { font-size:0.9rem;}
	.telf {background:none; font-size:14px }
}



a.blog { background:url(../img/ico_blog.png) no-repeat right center; padding-right:40px; float:right; padding:10px 40px 10px 0}

nav {background:#1c75bc;overflow:hidden;}
.menu {background:#1c75bc;}

.menu .top-bar ul { display:inline-block}
.menu a:hover { text-decoration:none!important}

.novedades h2 { font-size:24px; color:#1c75bc; text-transform:capitalize}
.novedades h2 span {color:#b40096}

.novedades li { }
.novedades li div {border:solid 1px #dadada;padding:5px; margin:0 2px;}
.novedades li:hover div { border:solid 1px #b40096;box-shadow: 0px 0px 10px #b40096;}
.novedades li p { font-size:12px; margin-bottom:10px; line-height:normal; }
.novedades li p.precio-tachado{font-family:Georgia, "Times New Roman", Times, serif; color:#1c75bc; text-decoration:line-through; margin-bottom:0;}
.novedades li p.precio { font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#b40096}

.prepie h1.logo { font-size:0; background:url(../img/logo_prodevision_sml.png) no-repeat top left; width:241px; height:45px;}
.prepie p, .prepie p small {font-size:small;line-height:1rem;}
.prepie {background:#FFF;font-size:small; line-height:1rem;}
.prepie h1,.prepie h2 {font-size:24px; color:#454545;}
.prepie h2 span {color:#b40096;}
.prepie h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#1c75bc;}
.prepie .info_pago { background:url(../img/lock.png) no-repeat left top; padding-left:70px;}
.prepie .info_portes { background:url(../img/transporte.png) no-repeat left top; padding-left:70px;}
.prepie img.top_marca {border:solid 1px #CCC;}
.prepie img.top_marca:hover {border:solid 1px #b40096;box-shadow: 0px 0px 10px #b40096;}

footer .row { background:#c0c0c0; overflow:auto; padding:10px 0;}
footer ul li { list-style:none; font-size:12px; line-height:normal; margin-bottom:5px}
footer ul li a,footer ul li span.ofuscado { color:#454545; cursor:pointer}
footer ul li a.blog_pie { background:url(../img/ico_blog.png) no-repeat left center; padding-left:20px; background-size:15px 15px;}
footer ul li a:hover{ color:inherit}
footer ul.princi { margin-bottom:15px;}
footer ul.princi li a{color:#1c75bc}
footer p {  font-size:12px;}

footer h4 {color:#b40096; margin-bottom:-5px; line-height:normal}
footer p.social { margin-bottom:5px; margin-left:45px}

@media only screen and (max-width:40.063em) {
	footer ul.princi { margin-bottom:0;}
}

footer .row.copy { background:#1c75bc;}
footer .row.copy small {margin-left:10px; color:#FFF; font-size:12px}
footer .row.copy small a { color:#CCC; text-decoration:underline}

/*listado de productos*/
.listado aside, .contenido aside {background:none}
aside .banner {margin:10px 0; border: solid 1px #CCC;}
aside .banner img{border: solid 4px white;}

.fixed_links { border: solid 1px #CCC; padding:20px 10px; }
.fixed_links ul { list-style:none; margin:0}
.fixed_links ul li a{color:#454545;font-size:18px; }
.fixed_links ul li a span{color:#1c75bc; text-transform:capitalize }
.fixed_links ul li a:hover { text-decoration:underline;}

.accordion {margin:10px 0;}
.accordion dd { border:solid 1px #CCC; margin-bottom:10px !important;}
.accordion .titular { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#1c75bc; padding:5px 10px;}
.accordion #marcas { max-height:360px; overflow:auto;}
.accordion #marcas li { font-size:18px;}

.accordion .accordion-navigation, .accordion dd { margin-bottom:10px !important;}
.accordion .accordion-navigation > a, .accordion dd > a {color: #1c75bc;font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#1c75bc; padding:5px 10px;}

.accordion ul { margin:0; }
.accordion ul li { list-style:none;  line-height:normal; padding-left:5px;font-size:18px;}
.accordion ul li:hover { background-color:#1c75bc;}
.accordion ul li::before {content:'· '}
.accordion ul li a, .accordion ul li span.ofuscado { color:#b40096; cursor:pointer}
.accordion ul li a:hover,.accordion ul li span.ofuscado:hover { color:#FFF;}

.listado h2, .listado h1, .listado p.h2, p.h2 { font-size:24px; margin-top:10px;color: #1c75bc;font-family:Georgia, "Times New Roman", Times, serif; }
.listado h2 span, .listado h1 span, .listado p.h2 span, p.h2 span{ color:#b40096;}

.listado ul li article{ border:solid 1px #CCC; }
.listado ul li article:hover {border:solid 1px #b40096;box-shadow: 0px 0px 10px #b40096;}
/*.listado ul li article .main_info { margin:5px; position:relative; height:auto; padding-bottom:30px;  }*/
.listado ul li article .main_info { margin:5px; position:relative; height:280px;  }
.listado ul li article.accesorios-list .main_info {height:300px; }
.listado ul li article p { margin:0; line-height:normal}
.listado ul li article:hover p{text-decoration:none}
.listado ul li article .polarizado { background:#e2c251;color:black; position:absolute; padding:2px 5px; right:5px;top:-15px; border-radius:3px}
.listado ul li article .marca img{ width:85px}
.listado ul li article .main_info .stock { background:url(../img/48h.png) no-repeat; width:45px; height:44px; position:absolute; right:0; top:15px}
.listado ul li article .main_info .stock_black { background:url(../img/48h_black.png) no-repeat; width:45px; height:44px; position:absolute; right:0; top:15px}

.precios { position:absolute; bottom:0px; right:0;}
.precio-tachado {font-family:Georgia, "Times New Roman", Times, serif; color:#1c75bc; text-decoration:line-through; margin-bottom:0;}
.precio {font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#b40096; margin-bottom:0; line-height:normal}
.listado .colores { border-top:solid 1px #CCC; background-color:#dadada; margin-top:5px; position:relative}
.listado .colores p { padding:5px; font-size:12px; }
.listado  a:hover { text-decoration:none !important;}
.listado .colores p.novedad { background:url(../img/bg_novedad.png) no-repeat bottom left; bottom:0px;width:86px; height:29px; color:white; position:absolute; text-transform:lowercase; padding-top:10px;}
/*.listado .colores p.novedad { background:#b40096;color:white; position:absolute; text-transform:lowercase; border-radius:5px 5px 0 0; left:5px; top:-25px }*/
.listado article .graduable { color:#a98e2e;}
.listado .eleccion { background:#dadada; margin-bottom:10px;}
.listado .eleccion p.h4 { font-family:Georgia, "Times New Roman", Times, serif; color:#1c75bc; font-size:18px; display:block;background:#dadada;box-shadow: 0px 5px 5px #CCC; padding:5px 10px; }
.listado .eleccion ul { margin:10px; padding-bottom:10px;}
.listado .eleccion ul li{ list-style:none;font-family:Arial, sans-serif; font-size:14px;}
.listado .eleccion ul li strong { color:#b40096}
.listado .eleccion ul li .ofuscado { float:right; color:#1c75bc;cursor:pointer}
.listado .eleccion ul li .ofuscado:hover { background:none; color:#b40096; }

.listado ul li article.lentillas { padding:0;}
.listado ul li article.lentillas .main_info { margin:5px; position:relative; }
@media only screen and (max-width: 40.063em) {
	.precios { position:inherit; bottom:0px; right:0;}
	.main-section { padding:0; margin:0}
	/*.listado ul li article .main_info { height:auto; padding-bottom:0; }*/
	.listado ul li article.lentillas .main_info { height:auto; padding-bottom:0; position:relative }
	.listado ul li article .polarizado { font-size:12px; right:-6px}
	.listado article .graduable { position:absolute;  color:#a98e2e; bottom:0; font-size:12px;}
	.listado p.novedad { left:-6px; top:-55px; bottom:auto; }
	.listado ul li article .main_info .stock { background:url(../img/48h.png) no-repeat; width:45px; height:44px; position:absolute; right:0; top:auto; bottom:0}
	.listado ul li article .main_info .stock_black { background:url(../img/48h_black.png) no-repeat; width:45px; height:44px; position:absolute; right:0; top:auto; bottom:0}

}
@media only screen and (max-width: 40.063em) and (orientation : landscape){
	.listado ul li article .main_info .stock { background:url(../img/48h.png) no-repeat; width:45px; height:44px; position:absolute; right:0; top:10px; bottom:0}
	.listado ul li article .main_info .stock_black { background:url(../img/48h_black.png) no-repeat; width:45px; height:44px; position:absolute; right:0; top:10px; bottom:0}
}


@media only screen and (min-width:40.063em) and (max-width:64em){
	.precios { position:inherit; bottom:0px; right:0;}
	.listado ul li article .main_info { height:310px; padding-bottom:0; }
	.listado article .graduable {  position:inherit;}
	.listado .colores p.novedad { background:#b40096;color:white; position:absolute; text-transform:lowercase; border-radius:5px 5px 0 0; width:auto; height:auto; bottom:25px; }
	.listado .colores p.novedad { left:auto; right:5px;}
}

/*pagina de gafa*/
.gafa_main .row {padding-top:10px;}
.gafa_main h2, .gafa_main h2 { font-family:Arial, sans-serif; font-size:14px; margin:0; padding:0; line-height:normal}
.gafa_main h2 { color:#1c75bc;  margin-bottom:5px !important;}

ul.propiedades { margin:10px 0; font-size:14px; list-style:none}
ul.propiedades li span {  float:right; color:#b40096;}

.gafa_main p.share, .lentilla_info p.share{font-size:14px; line-height:36px}

.gafa_main .gradua { background-color:#dadada; padding:25px 10px;}
.gafa_main .gradua p { text-align:center; font-size:14px; line-height:normal}
.gafa_main .gradua .precio {font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#1c75bc; margin-bottom:15px;}
.gafa_main .producto { border:solid 1px #CCC; overflow:auto; padding-top:5px; overflow:hidden}
.gafa_main .producto .color {font-size:0.85rem; margin-bottom:-5px; line-height:normal;}

/*.gafa_main .polarizado { position:absolute; right:0; top:10px; background:#e2c251; padding:5px 10px; border-radius:5px;}*/
.gafa_main .polarizado { background:#e2c251; padding:5px 10px; border-radius:5px; font-size:14px; text-align:center}
.gafa_main ul.medidas {  list-style:none;margin-left:0 }
.gafa_main ul.medidas li { float:left; line-height:normal;  padding:2px 0 4px 70px; margin-bottom:10px; margin-right:20px; }
.gafa_main ul.medidas li span { display:block; color:#b40096}
.gafa_main ul.medidas li.ojo { background:url(../img/medidas_ojo.png) no-repeat top left;}
.gafa_main ul.medidas li.puente { background:url(../img/medidas_puente.png) no-repeat top left;}
.gafa_main ul.medidas li.patilla { background:url(../img/medidas_patilla.png) no-repeat top left;}

.gafa_main .producto h1{ font-family:Arial, sans-serif; font-size:14px;}
.gafa_main .producto h1 span { display:block}
.gafa_main .producto .comprar { margin:5px 0 10px 0; }
.gafa_main .producto .comprar span { background:url(../img/ico_cart_button.png) no-repeat top right; width:32px; height:29px; float:right; margin-left:10px;}
.gafa_main .producto label { font-size:14px;}
.gafa_main .producto .tiempo { /*background:url(../img/ico_truck.png) no-repeat top left; padding-left:45px; */line-height:normal; font-size:14px;}
.gafa_main .producto .stock{color:#009b00; }
.gafa_main .producto .stock .main_stock { font-size:24px;font-weight:bold; display:block}
.gafa_main .producto .novedad_big {background:url(../img/bg_nuevo_big.png) no-repeat top left; z-index:99; position:absolute; width:100px; height:57px;line-height:57px; color:white; font-weight:bold;font-size:24px; text-align:center; right:0px; bottom:130px;}
.gafa_main .producto ul.texto_propiedades { list-style:none; clear:both; margin:0;padding:40px 0 0 0 ;}
.gafa_main .producto ul.texto_propiedades li { font-size:12px; font-weight:bold; line-height:16px; margin-bottom:10px;}

.gafa_main h2 { font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px;color:#454545; margin:10px 0 15px 0;}
.gafa_main h2 span { color:#b40096;}
.gafa_main h2.arial { font-family:Arial, sans-serif, Helvetica;}

.gafa_main .colores li {position:relative; }
.gafa_main .colores li .polar {background:#e2c251;color:black; position:absolute; padding:2px 5px; right:5px;bottom:-15px; border-radius:3px}
.gafa_main .colores li div {border:solid 1px #dadada;padding:5px; margin:0 2px; position:relative; height:auto;}
.gafa_main .colores li:hover div { border:solid 1px #b40096;box-shadow: 0px 0px 10px #b40096;}
.gafa_main .colores li a:hover { text-decoration:none!important}
.gafa_main .colores li p { font-size:12px; margin-bottom:10px; line-height:normal; }
.gafa_main .colores li p.precio-tachado{font-family:Georgia, "Times New Roman", Times, serif; color:#1c75bc; text-decoration:line-through; margin-bottom:0;}
.gafa_main .colores li p.precio { font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#b40096}
.gafa_main .colores li p.novedad { position:absolute; left:5px; top:-10px; background:#B40096; padding:2px 5px; border-radius:3px; color:white}
.gafa_main .colores li .stock { border:none; position:absolute;background:url(../img/48h.png) no-repeat right top; width:45px; height:44px; right:0; background-size:60%}
.gafa_main .colores li .stock_black { border:none; position:absolute;background:url(../img/48h_black.png) no-repeat right top; width:45px; height:44px; right:0; background-size:60%}
.gafa_main .colores li:hover div.stock { border:none;box-shadow:none;}

.descuento { display:inline !important;font-family:Georgia, "Times New Roman", Times, serif;}


@media only screen and (max-width: 40.063em) {
	.gafa_main .producto .novedad_big { left:5px; top:-20px;z-index:100;background:#b40096; padding:2px 5px; border-radius:5px;font-size:16px; width:80px; height:auto;line-height:normal;right:auto; bottom:auto;}
	.gafa_main .producto .tiempo { background-size:30px auto; background-position:center left; padding-bottom:5px; }
	.listado ul li article.accesorios-list .main_info { margin:5px; position:relative; height:auto}
	.gafa_main .producto { position:relative;overflow:visible; display:inline-block}
	.gafa_main .polarizado { background:#e2c251; padding:5px 10px; border-radius:5px; font-size:14px}

}
@media only screen and (min-width:40.063em) and (max-width:64em){
	.gafa_main .producto .tiempo { background-size:auto 90%;}
	.gafa_main .producto .novedad_big {right:10px; top:340px;}
	.listado ul li article.accesorios-list .main_info { margin:5px; position:relative; height:280px}
}
.gafa .prepie h2 {color:#1c75bc;}
.gafa .prepie h2 span { color:#b40096;}
.gafa .prepie h3 {font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:#454545}
.gafa .prepie h3 span {color:#b40096}
.gafa .prepie .banner { border:solid 1px #CCC; margin-bottom:5px;}
.gafa .prepie .banner img{border: solid 4px white;}

.producto.accesorio h1 { margin:10px; font-family:Georgia, "Times New Roman", Times, serif; color:#1c75bc;font-size:24px; }
.producto.accesorio img { text-align:center}
.producto.accesorio .tiempo { margin-left:10px; padding:10px 0 10px 45px;}
.producto.accesorio .accesorio_bg { background-color:#efefef; text-align:center; padding:5px 10px;}
.gafa_main .descripcion {font-size:small; line-height:1rem;}
.gafa_main .descripcion p{ margin:10px 0; font-size:small; line-height:1rem;}
.gafa_main .descripcion p.share{font-size:14px; line-height:36px}
.gafa_main .descripcion h3 { font-family:Georgia, "Times New Roman", Times, serif;  font-size:20px; margin:10px 0; padding:0; color:#b40096}
.gafa_main .descripcion p.tipo {font-family:Georgia, "Times New Roman", Times, serif;  font-size:18px; margin:10px 0; padding:0; color:#1c75bc}
.gafa_main .descripcion p.nombre {font-family:Georgia, "Times New Roman", Times, serif;  font-size:20px; margin:10px 0; padding:0; color:#b40096;}



/* pagina de lentillas */
.lentilla_main { border:solid 1px #CCC; overflow:auto; padding-top:5px; margin:10px 0}
.lentilla_main h1 { font-family:Arial, sans-serif; font-size:14px;color:#1c75bc;}
.lentilla_main h1 span { display:block; font-size:18px; color:#454545}
.lentilla_main p.desde { font-size:14px;color:#1c75bc; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:0}
.lentilla_main .precio { margin-top:0px;}
.lentilla_main .tiempo { background:url(../img/ico_truck.png) no-repeat top left; padding-left:45px; line-height:normal; font-size:14px; margin-top:40px;}
.lentilla_main .promo_lentillas { background:#1b75c0; padding:5px 10px; border-radius:5px; font-size:14px; text-align:center; color:#FFF}

.lentilla_info { margin-top:10px;}
.lentilla_info h4, .lentilla_info h3 { font-family:Arial, sans-serif; font-size:14px; margin:0; padding:0; line-height:normal}
.lentilla_info h4 { color:#1c75bc; text-transform:uppercase;margin-bottom:5px !important;}
.lentilla_info ul.propiedades li {text-align:center; font-size:14px; color:#b40096}

.lentilla_info ul.texto_propiedades { list-style:none; clear:both; margin:0;padding:10px 0 0 0 ;}
.lentilla_info ul.texto_propiedades li { clear:both;font-size:12px; font-weight:bold; line-height:16px;}
.lentilla_info ul.texto_propiedades li img { float:left; width:16px;margin-bottom:10px !important;}
.lentilla_info ul.texto_propiedades li span { float:right; width:145px;margin-bottom:10px !important;}

.lentilla_info p.tipo {  font-size:14px; margin:10px 0; padding:0; color:#1c75bc}
.lentilla_info p.nombre {font-size:16px; margin:10px 0; padding:0; color:#b40096;}


.parametros h4, .parametros p.titulo { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin-top:10px;}
.parametros ul {margin:10px 0;}
.parametros li { list-style:none; border-bottom:solid 1px #c4c4c4;font-size:14px; line-height:normal; margin-bottom:7px; padding-bottom:7px }
.parametros li strong { font-weight:normal; color:#1c75bc;}

.parametros .precios_lentillas li { font-size:18px; color:#b40096}
.parametros .precios_lentillas li span { float:right; font-size:14px; color:#454545; line-height:20px;}
.parametros p { font-size:14px; line-height:normal;}

.parametros .panel { margin:10px 0; font-size:14px;}
.parametros .panel p span{ font-size:18px;color:#1c75bc}
.precio { font-family:Georgia, "Times New Roman", Times, serif; font-size:30px !important; color:#b40096!important; margin-bottom:10px;}
.comprar { margin:10px 0;}
.comprar span { background:url(../img/ico_cart_button.png) no-repeat top right; width:32px; height:29px; float:right; margin-left:10px;}
@media only screen and (max-width: 40.063em) {
	.lentilla_main .tiempo { background-size:30px auto; background-position:center left; padding-bottom:5px; }
}

.accesorios  li { }
.accesorios  li div {border:solid 1px #dadada;padding:5px; margin:0 2px;}
.accesorios  li:hover div { border:solid 1px #b40096;box-shadow: 0px 0px 10px #b40096;}
.accesorios  li p { font-size:12px; margin-bottom:0px; line-height:normal;color:#1c75bc; }
.accesorios  li p.precio { font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#b40096; margin-bottom:10px;}

.accesorios h3, .accesorios h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#454545; margin-top:10px;}
.accesorios h3 span, .accesorios h2 span { color:#1c75bc;}
.accesorios h3 strong, .accesorios h2 strong { color:#b40096; font-weight:normal;}

.accordion ul.acc-list li:hover { background-color:transparent;}
.accordion ul.acc-list li:hover > a { color:#1c75bc}


/* paginas de contenido */
.contenido {background:#FFF;}
.contenido h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#454545;}
.info_general h1 { color:#454545; margin-top:10px;}
.panel h2 { font-size:24px;}
.panel form .row, form .panel .row { background:none;}
.id_contrasena { display:none;}


/*cesta*/
.breadcesta { margin-top:20px;}
.breadcesta li { font-size:22px; margin-right:50px;}
.breadcesta .active { font-weight:bold;color:#b40096}

.total_cesta { background:#CCC; text-align:center; padding:15px 0 5px 0; margin-bottom:10px;}
.total_cesta h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#454545;}

ul.params, ul.params ul { font-size:small; line-height:1rem;}
table.condensed td,table.condensed th{ font-size:12px !important; padding:4px; line-height:normal}

/* graduacion */
.panel {background: #f2f2f2;  color: #333333;}
.panel.callout {border-color: #c1def6;background: #f0f7fd;}
.graduacion .breadcrumbs,.graduacion .panel { margin-top:10px;}
.graduacion h2 { font-size:18px;}
.graduacion .params { overflow:hidden;}
.graduacion .params h3 { font-size:16px;}
.graduacion .params img {margin:0 8px;}
.graduacion .params p { line-height:normal; }
.graduacion .params p.nombre { line-height:37px;}
.graduacion .params p select { margin:0;}
.graduacion .panel.info{ border:solid 1px #ddd;background:#F1F3F9 url(../img/ico_info.png) no-repeat top left; font-size:small; line-height:1rem; padding:10px 10px 10px 35px; margin:0; }
.graduacion .panel .nombre {font-size:16px; color:#B40096}
.graduacion .params .precio { font-size:18px !important; line-height:65px}
.graduacion .panel ul { line-height:normal;margin:0} 
.graduacion .panel ul li { margin-bottom:5px; font-size:small; }
.graduacion .callout {margin-bottom:10px !important;}
.graduacion .resumen img { border:solid 1px #b40096}

@media only screen and (max-width: 40.063em) {
	.graduacion .params { border-bottom:solid 1px #dadada;}
	.graduacion .params .precio.right { float:left; line-height:normal;}
}

/*promociones*/
.promociones h1 { margin-top:10px;}
.promociones h2 { color:#b40096}
/*zona privada*/
table button.tiny, table .button.tiny {
    padding-top: 0.225rem;
    padding-right: 0.85rem;
    padding-bottom: 0.2875rem;
    padding-left: 0.85rem;
	font-size:14px; margin:0; }

table tr.success {background-color:#DDF9C5;}
table ul li { margin-bottom:0; line-height:1rem;margin-bottom:5px;}	
.no-pad-right {padding-right: 0;}
.no-pad-left{padding-left: 0;}
.no-pad { padding:0;}

.boletin p{ font-family:Georgia, "Times New Roman", Times, serif;color:#B40096; font-size:18px; margin-bottom:-10px }
p.titulo {font-family:Georgia, "Times New Roman", Times, serif;color:#1C75BC; font-size:14px; }
@media only screen and (max-width: 40.063em) {
.top-bar { height:45px;transition:height .33s ease;}
.top-bar.expanded { transition:height .33s ease;}
}

.size12 { font-size:12px;}
.size14 { font-size:14px;}
.size16 { font-size:16px;}
.size18 {font-size:18px !important;}
.size20 {font-size:20px !important;}
.size24 {font-size:24px !important;}

@media only screen and (max-width: 768px) {
  .subcabecera .size24 { font-size:18px!important}
}

.georgia{font-family:Georgia, "Times New Roman", Times, serif;}

.morado {color:#B40096}
.rojo {color:#B40000}
.blanco {color:#FFF!important}
.azul { color:#1c75bc}
.gris { color:#999999}

.mb-0 {margin-bottom:0}
.mb-1 {margin-bottom:0.18rem;}
.m-5 { margin:1rem 1rem 1rem 1rem;}
/* CSS Aceptación Cookie */
div#cookieChoiceInfo {background-color: #1c75bc !important;padding:8px;margin:8px;color:#ffffff;font-size:12px;font-family:sans-serif; z-index:1000}
#cookieChoiceInfo > a:nth-child(2),a#cookieChoiceDismiss {display:block;color:#ffffff;padding:8px;text-decoration:none;border-radius:8px;font-family:sans-serif;font-size:12px;	font-weight:bold;}
#cookieChoiceInfo > a:nth-child(2):hover, a#cookieChoiceDismiss:hover {	color:#ffffff;}
/* CSS Aceptación Cookie */




.pag404 { margin:10px 0 !important}
.pag404 h1 { font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#c300a3; font-size:30px; font-weight:bold}
@media only screen and (max-width: 40.063em) {
	#side_menu { display:none}
}

#suscribe button, .button { margin-bottom:0}
#suscribe input {margin-bottom:0}

.ofuscado {cursor:pointer;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}

.fullWidth {width: 100%;margin-left: auto;margin-right: auto;max-width: none;}

.ico_whatsapp { position:fixed; bottom:10px; right:10px;}