@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri.eot');
  src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Calibri.woff') format('woff'),
       url('../fonts/Calibri.ttf') format('truetype'),
       url('../fonts/Calibri.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri-Bold.eot');
  src: url('../fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Calibri-Bold.woff') format('woff'),
       url('../fonts/Calibri-Bold.ttf') format('truetype'),
       url('../fonts/Calibri-Bold.svg#Calibri') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri-Italic.eot');
  src: url('../fonts/Calibri-Italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Calibri-Italic.woff') format('woff'),
       url('../fonts/Calibri-Italic.ttf') format('truetype'),
       url('../fonts/Calibri-Italic.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: italic;
}


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	padding:0;
	margin:0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----*/

html,
body {
	height:100%;
	width:100%;
	position:relative;
}

body {
	font:0.8em 'Calibri', Arial, Helvetica, sans-serif;
	color:#333;
	position:relative;
}

.pagina {
	margin:auto;
	position:relative;
	z-index:1;
	min-height:100%;
}

.cont {
	width:1200px;
	margin:auto;
}

.half-cont {
	overflow:hidden;
}
.half {
	width:50%;
	float:left;
	display:block;
	box-sizing:border-box;
}

.third {
	width:33.3%;
	float:left;
	display:block;
	box-sizing:border-box;
}

.clear {
	clear:both;
}

/*----GENERALES----*/

a {
	text-decoration:none;
}

strong {
	font-weight:bold;
}

h1 { font-size:1.6em; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
h5 { font-size:1em; }

h1 span, h2 span, h3 span, h4 span, h5 span { font-weight:bold; }

img { max-width:100%; vertical-align:middle; }

.points {
	position:relative;
	padding:0 23px;
	line-height:37px;
	font-size:1em;
	text-align:center;
}

.points:after,
.points:before {
	content:' ';
	width:7px;
	height:7px;
	border-radius:10px;
	position:absolute;
	top:15px;
	
	background:#757575;
	background: linear-gradient(bottom, #e9e5e6, #757575);
	background: -moz-linear-gradient(bottom, #e9e5e6, #757575);
	background: -webkit-linear-gradient(bottom, #e9e5e6, #757575);
	background: -o-linear-gradient(bottom, #e9e5e6, #757575);
	background: -ms-linear-gradient(bottom, #e9e5e6, #757575);
}

.points:after {
	right:8px;
}

.points:before {
	left:8px;
}

.red {
	border:1px solid #790e0e;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	
	background:#b50000;
	background: linear-gradient(bottom, #ff0011, #b50000);
	background: -moz-linear-gradient(bottom, #ff0011, #b50000);
	background: -webkit-linear-gradient(bottom, #ff0011, #b50000);
	background: -o-linear-gradient(bottom, #ff0011, #b50000);
	background: -ms-linear-gradient(bottom, #ff0011, #b50000);
}

.green {
	border:1px solid #289548;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	
	background:#336800;
	background: linear-gradient(bottom, #33c900, #336800);
	background: -moz-linear-gradient(bottom, #33c900, #336800);
	background: -webkit-linear-gradient(bottom, #33c900, #336800);
	background: -o-linear-gradient(bottom, #33c900, #336800);
	background: -ms-linear-gradient(bottom, #33c900, #336800);
}

.gray {
	border:1px solid #626262;
	border-bottom:none;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	
	background:#989897;
	background: linear-gradient(bottom, #505050, #989897);
	background: -moz-linear-gradient(bottom, #505050, #989897);
	background: -webkit-linear-gradient(bottom, #505050, #989897);
	background: -o-linear-gradient(bottom, #505050, #989897);
	background: -ms-linear-gradient(bottom, #505050, #989897);
}

.noise {
	border:1px solid #9e9e9e;
	background:url(../images/noise.jpg) repeat-x left top #f4f4f4;
	background-size:auto 100%;
}

.round {
	border-radius:5px;
}

.semi-round {
	border-radius:5px 5px 0 0;
}

.button {
	display:inline-block;
	cursor:pointer;
	padding:7px 12px;
	vertical-align:middle;
}

.feature {
	background-color:#fff;
	background-repeat:no-repeat;
	border-radius:5px;
	color:#565655;
	height:40px;
	min-width:40px;
	padding:5px;
	line-height:20px;
	text-align:center;
	position:relative;
	margin:0 5px 5px 0;
	float:left;
	box-shadow:0 0 3px #e9e9e9;
}

.feature .half,
.feature .third {
	padding:0 7px;
}

.feature.blue {
	color:#1d70b8;	
}

.feature.ginger {
	color:#e20614;	
}

.feature.pink {
	color:#e6007d;	
}

.feature.cyan {
	color:#5CC1CF;	
}

.feature.icon-left {
	padding-left:50px;
	background-position:5px 5px;
}

.feature .top,
.feature .bottom {
	overflow:hidden;
}

.feature.pantalla {
	background-image:url(../images/fetures_bg/pantalla.png);
}

.feature.pantalla .inch {
	position:absolute;
	left:19px;
	top:15px;
	font-weight:bold;
}

.feature.procesador {
	background-image:url(../images/fetures_bg/procesador.png);
}

.feature.sd .sd_bg {
	display:block;
	margin:auto;
	width:40px;
	height:20px;
	background:url(../images/fetures_bg/sd.png) no-repeat center center;
}

.feature.dimensiones {
	background-image:url(../images/fetures_bg/dimensiones.png);
}

.feature.camara {
	background-image:url(../images/fetures_bg/camara.png);
}

.feature.camara_tras {
	background-image:url(../images/fetures_bg/camara_tras.png);
}

.feature.camara_front {
	background-image:url(../images/fetures_bg/camara_front.png);
}

.feature.flash {
	background-image:url(../images/fetures_bg/flash.png);
}

.feature.so {
	min-width:0;
}

.feature.so_ios {
	background-image:url(../images/fetures_bg/so_ios.png);
}

.feature.so_windows {
	background-image:url(../images/fetures_bg/so_windows.png);
}

.feature.so_android {
	background-image:url(../images/fetures_bg/so_android.png);
}

.feature.so_ubuntu {
	background-image:url(../images/fetures_bg/so_ubuntu.png);
}

.feature.so_firefox {
	background-image:url(../images/fetures_bg/so_firefox.png);
}

.feature.so_blackberry {
	background-image:url(../images/fetures_bg/so_blackberry.png);
}

.feature.so_otros {
	background-image:url(../images/fetures_bg/so_otros.png);
}

.feature.bateria .bateria_bg {
	display:block;
	margin:auto;
	width:40px;
	height:20px;
	background:url(../images/fetures_bg/bateria.png) no-repeat center center;
}

.feature.sim_dual .sim_dual_bg {
	display:block;
	margin:auto;
	width:40px;
	height:20px;
	background:url(../images/fetures_bg/sim_dual.png) no-repeat center center;
}

.feature.bandas2g {
	background-image:url(../images/fetures_bg/2g.png);
}

.feature.bandas3g {
	background-image:url(../images/fetures_bg/3g.png);
}

.feature.bandas4g {
	background-image:url(../images/fetures_bg/4g.png);
}

/*---*/

header {
	background-color:#fff;
	border-bottom:10px solid #ececec;
}

#logo {
	padding:15px 0;
	float:left;
	margin-right:20px;
}

#menu {
	float:left;
	padding-top:70px;
}

#menu li {
	display:block;
	float:left;
	border-radius:3px 3px 0 0;
	text-align:center;
	margin-right:3px;
	text-transform:uppercase;
	font-weight:bold;
	
	background:#9a9a9a;
	background: linear-gradient(bottom, #535353, #9a9a9a);
	background: -moz-linear-gradient(bottom, #535353, #9a9a9a);
	background: -webkit-linear-gradient(bottom, #535353, #9a9a9a);
	background: -o-linear-gradient(bottom, #535353, #9a9a9a);
	background: -ms-linear-gradient(bottom, #535353, #9a9a9a);
}

#menu li.is-page {
	background:#ff0013;
	background: linear-gradient(bottom, #a70003, #ff0013);
	background: -moz-linear-gradient(bottom, #a70003, #ff0013);
	background: -webkit-linear-gradient(bottom, #a70003, #ff0013);
	background: -o-linear-gradient(bottom, #a70003, #ff0013);
	background: -ms-linear-gradient(bottom, #a70003, #ff0013);
}

#menu li a {
	display:block;
	min-width:100px;
	min-height:10px;
	padding:10px 7px;
	color:#fff;
	text-align:center;
}

.social {
	float:right;
	text-align:right;
	padding-top:70px;
}

.social a {
	display:inline-block;
	margin-left:8px;
	vertical-align:middle;
}

#content {
	min-height:900px;
	padding-top:10px;
	position:relative;
	overflow:hidden;
	
	background: #c6362e;
	background: linear-gradient(bottom, #a6221b, #e6332a 150px, #e6332a 100%);
	background: -moz-linear-gradient(bottom, #a6221b, #e6332a 150px, #e6332a 100%);
	background: -webkit-linear-gradient(bottom, #a6221b, #e6332a 150px, #e6332a 100%);
	background: -o-linear-gradient(bottom, #a6221b, #e6332a 150px, #e6332a 100%);
	background: -ms-linear-gradient(bottom, #a6221b, #e6332a 150px, #e6332a 100%);
}

#content > * {
	position:relative;
	z-index:2;
}

#bg {
	background-color:#ccc;
	height:60%;
	width:100%;
	max-height:880px;
	position:absolute;
	top:10px;
	z-index:1;
}

#inner {
	margin:40px auto 35px;
	padding:30px;
	min-height:600px;
	
	background-color:#fff;
	background: linear-gradient(bottom, #fff, #f0f0f0);
	background: -moz-linear-gradient(bottom, #fff, #f0f0f0);
	background: -webkit-linear-gradient(bottom, #fff, #f0f0f0);
	background: -o-linear-gradient(bottom, #fff, #f0f0f0);
	background: -ms-linear-gradient(bottom, #fff, #f0f0f0);
}

.red-tit {
	color:#ff2f25;
	font-size:2em;
	margin-bottom:30px;
	font-weight:bold;
}

.breadcrumb {
	overflow:hidden;
	margin-bottom:30px;
}

.step {
	display:inline-block;
	padding:0 15px;
	position:relative;
	font-weight:bold;
}

.step:after {
	content:">";
	position:absolute;
	top:0;
	right:-0.5em;
}

.step:last-child:after {
	display:none;
}

.step a {
	color:#000;
}

footer {
	background-color:#333;
	color:#9a9a9a;
	padding:20px 0;
}

footer h2 {
	color:#7fcdcd;
	font-weight:bold;
	margin-bottom:15px;
}

footer a {
	color:#9a9a9a;
}

footer a:hover {
	color:#9a9a9a;
	text-decoration:underline;
}

footer .foot-links article {
	width:33%;
	padding:0 20px;
	box-sizing:border-box !important;
	float:left;
}

footer .extra {
	clear:both;
	text-align:right;
	padding-top:10px;
	color:#7fcdcd;
}

footer .extra a {
	color:#7fcdcd;
}

footer .extra a:hover {
	color:#7fcdcd;
	text-decoration:underline;
}

/*---index---*/


#bg.index-bg {
	background:url(../images/index-bg.jpg) repeat-x center center #ccffff;
	height:286px;
}


#idx-mob { display:none; }

#idx-right {
	width:220px;
	padding:0 15px;
	float:right;
}

#idx-right h2 {
	margin:0 -33px 18px;
}

#idx-right .buscador {
	border:1px solid #9e9e9e;
	margin:7px 0;
	padding:7px 18px 18px;
	
	background:#d2d2d2;
	background: linear-gradient(bottom, #f4f4f3, #d2d2d2);
	background: -moz-linear-gradient(bottom, #f4f4f3, #d2d2d2);
	background: -webkit-linear-gradient(bottom, #f4f4f3, #d2d2d2);
	background: -o-linear-gradient(bottom, #f4f4f3, #d2d2d2);
	background: -ms-linear-gradient(bottom, #f4f4f3, #d2d2d2);
}

#idx-right .promo {
	border:1px solid #9e9e9e;
	padding:7px 18px 60px;
	position:relative;
	
	background:#ffffff;
	background: linear-gradient(bottom, #ccff67, #ffffff);
	background: -moz-linear-gradient(bottom, #ccff67, #ffffff);
	background: -webkit-linear-gradient(bottom, #ccff67, #ffffff);
	background: -o-linear-gradient(bottom, #ccff67, #ffffff);
	background: -ms-linear-gradient(bottom, #ccff67, #ffffff);
}

#idx-right .buscador select {
	margin-bottom:18px;
	box-sizing:border-box !important;
	display:block;
	width:100%;
	height:36px;
	line-height:16px;
	padding:10px;
}

#idx-right .promo p {
	color:#030;
}

#idx-right .promo img {
	position:absolute;
	right:18px;
	bottom:18px;
}

#idx-left {
	overflow:hidden;
}

#idx-left .stand {
	overflow:hidden;
	position:relative;
}

#idx-left .stand #perspective {
	perspective:235px;
    position: absolute;
    top: 31px;
    left: 147px;
	width:295px;
	height:70px;
}

#idx-left .stand h2 {
    color: #43ffff;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.5em;
    transform: rotateY(-15deg) translateX(-19px);
}

#idx-left .stand h2 span {
	color:#fff;
	font-size:2.38em;
}

#idx-left .stand ul {
	font-weight: bold;
    left: 111px;
    position: absolute;
    top: 220px;
}

#idx-left .stand li {
	margin-bottom:8px;
	padding-left:25px;
	position:relative;
}

#idx-left .stand li:before {
	content:' ';
	position:absolute;
	left:0;
	top:0;
	background:url(../images/li-marker.png) no-repeat left top;
	width:21px;
	height:19px;
}

#idx-left .tiendas {
	margin-top:-38px;
}

#idx-left .tiendas h2 {
	width:120px;
	margin-left:420px;
}

.idx-content {
	padding:20px;
	margin-bottom:40px;
}

.idx-content h2 {
	margin-bottom:20px;
	font-size:2em;
}

/*---ultimos modelos---*/

.ultimos h2 {
	margin-left:15px;
	width:110px;
}

.ultimos .sl-cont {
	padding:15px 70px;
	overflow:hidden;
}

.next,
.prev {
	display:block;
	width:30px;
	height:30px;
	background-image:url(../images/arrows.png);
	background-repeat:no-repeat;
	position:absolute;
	top:48%;
	top:calc(50% - 15px);
	z-index:3;
}

.next {
	background-position:0 -30px;
	right:20px;
}

.prev {
	background-position:0 0;
	left:20px;
}

.prod-mini {
	width:137px;
	padding:0 10px;
	text-align:center;
	float:left;
	position:relative;
}

.prod-mini .view,
.tienda-mini .view {
	position:absolute;
	left:50%;
	top:50%;
	width:0;
	height:0;
	display:block;
	background:url(../images/ver_oferta.png) no-repeat center center rgba(255,0,0,0.3);
	transition:all 0.2s ease;
}

.prod-mini:hover .view,
.tienda-mini:hover .view {
	width:100%;
	height:100%;
	left:0;
	top:0;
}

.prod-mini-img {
	height:160px;
	line-height:160px;
}

.prod-mini-img img {
	max-height:100%;
	vertical-align:bottom;
}

.prod-mini-desc {
	padding-top:5px;
	font-size:0.9em;
}

.prod-mini-desc h2 {
	height:3em;
}

/*----tiendas slide---*/


.tienda-mini {
	text-align:center;
	position:relative;
}

.tienda-mini-desc {
	display:none;
}

.tiendas .sl-cont {
	padding:9px 70px;
	height:56px;
	line-height:36px;
}

/*---producto---*/

.product > .half {
	padding-right:50px;
}

.features {
	overflow:hidden;
}

.prod-img img {
	display:block;
	margin:auto;
}

.prod-tit {
	font-weight:bold;
	font-size:1.2em;
	text-align:right;
}

.prod-tit .tit {
	color:#5CC1CF;
	font-size:2em
}

.prod-tit .subtit {
	font-size:1.1em;
}

.prod-img,
.prod-tit,
.features {
	margin-bottom:30px;
}

.features {
	padding:5px;
}

.otras {
	padding-top:30px;
	display:none;
}

.otras li {
	padding-left:40px;
	line-height:20px;
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom:5px;
}

.otras span {
	font-weight:bold;
	color:#e92a36;
}

.otras_pantalla {
	background-image:url(../images/fetures_bg/otras_pantalla.png);
}

.otras_proteccion {
	background-image:url(../images/fetures_bg/otras_proteccion.png);
}

.otras_procesador {
	background-image:url(../images/fetures_bg/otras_procesador.png);
}

.otras_camara {
	background-image:url(../images/fetures_bg/otras_camara.png);
}

.otras_video {
	background-image:url(../images/fetures_bg/otras_video.png);
}

.otras_bluetooth {
	background-image:url(../images/fetures_bg/otras_bluetooth.png);
}

.otras_gps {
	background-image:url(../images/fetures_bg/otras_gps.png);
}

.otras_ir {
	background-image:url(../images/fetures_bg/otras_ir.png);
}

.otras_mhl {
	background-image:url(../images/fetures_bg/otras_mhl.png);
}

.otras_nfc {
	background-image:url(../images/fetures_bg/otras_nfc.png);
}

.otras_radio {
	background-image:url(../images/fetures_bg/otras_radio.png);
}

.otras_sim {
	background-image:url(../images/fetures_bg/otras_sim.png);
}

.otras_colores {
	background-image:url(../images/fetures_bg/otras_colores.png);
}

.otras_bateria {
	background-image:url(../images/fetures_bg/otras_bateria.png);
}


/*---ofertas---*/

.main-offer h3 {
	font-weight:bold;
	font-size:1.4em;
	margin-bottom:30px;
}

.main-offer h2 {
	font-weight:bold;
	font-size:2em;
	margin-bottom:30px;
}

.main-offer h2 span {
	color:#5CC1CF;
}

.ofertas-list {
	margin-bottom:40px;
}

.ofertas-list h2 {
	margin-bottom:20px;
}

.offer {
	border:1px solid #878787;
	height:55px;
	line-height:55px;
	color:#fff;
	text-align:center;
	overflow:hidden;
	width:45%;
	margin:0 5% 5% 0;
	box-sizing:border-box;
	float:left;
	position:relative;
}

.offer:nth-of-type(2n+1) {
	clear:both;
}

.of-precio {
	float:right;
	height:55px;
	background-color:#e6332a;
	font-size:1.2em;
	font-weight:bold;
	width:80px;
}

.of-precio span {
	display:block;
}

.of-precio.g-env {
	line-height:26px;
}

.of-precio .g-env-pr {
	font-size:0.7em;
}

.of-tienda {
	overflow:hidden;
	color:#000;
}

.of-tienda img {
	max-height:55px;
}

.of-view {
	display:block;
	position:absolute;
	background:url(../images/ver_oferta.png) no-repeat center center;
	width:31px;
	height:21px;
	right:82px;
	top:16px;
	transition:all 0.2s ease;
}

.offer:hover .of-view {
	background-color:rgba(255,0,0,0.3);
	width:100%;
	height:100%;
	z-index:4;
	top:0;
	right:0;
}

/*----comparador---*/

.compara {
	height:91px;
	background:url(../images/comparador.png) no-repeat center center;
	background-size:7% auto;
	margin-bottom:30px;
}

.comp-sel {
	line-height:91px;
	position:relative;
	width:45%;
}

.comp-sel.select-1 {
	float:left;
}

.comp-sel.select-2 {
	float:right;
}

.comp-sel p {
	position:absolute;
	bottom:1em;
	left:10px;
	line-height:1.1em;
	color:#6f6f6f;
	font-size:0.9em;
}

.comp-sel input {
	background-color:#6f6f6f;
	border:1px solid #313131;
	height:25px;
	width:100%;
	font-size:0.9em;
	line-height:25px;
	padding:0 7px;
	color:#fff;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
}

#product-1 .prod-img.half,
#product-1 .prod-tit.half {
	float:right !important;
}

#product-1 .prod-tit {
	text-align:left;
}

.products-comp {
	margin-bottom:30px;
}

.products-comp .prod-img {
	text-align:center;
}

.products-comp .prod-img img {
	vertical-align:bottom;
	display:inline-block;
}

.autocomplete-suggestions {
	background-color:#fff;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:0 0 5px 5px;
	box-shadow:0 3px 3px #999;
}

.autocomplete-suggestion {
	padding:5px 10px;
	font-size:1.1em;
	cursor:pointer;
}

.autocomplete-suggestion.autocomplete-selected {
	background-color:#f0f0f0;
}

.autocomplete-suggestion strong {
	color:#ff2f25;
}

/*----pagina de texto---*/

.page {
	padding:20px 80px;
}

.page p {
	margin-bottom:15px;
	text-align:justify;
}


/*---listado tiendas---*/


.tiendas-list .tienda-mini {
	padding:30px 0;
	border-bottom:1px solid #ccc;
	text-align:left;
	overflow:hidden;
}

.tiendas-list li:last-child .tienda-mini {
	border-bottom:none;
}

.tiendas-list .tienda-mini-img {
	width:150px;
	height:150px;
	line-height:150px;
	float:left;
	text-align:center;
	background:#fff;
	box-shadow:0 0 3px #e9e9e9;
	margin:3px 30px 3px 3px;
}

.tiendas-list .tienda-mini-img img {
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
}

.tiendas-list .tienda-mini-desc {
	display:block;
	overflow:hidden;
}

.tiendas-list .tienda-mini-desc h2 {
	font-weight:bold;
	font-size:1.8em;
	margin-bottom:15px;
}

.tiendas-list .tienda-mini-desc p {
	margin-bottom:15px;
}

.tienda-img {
	width:300px;
	height:300px;
	line-height:300px;
	float:left;
	background:#fff;
	text-align:center;
	box-shadow:0 0 3px #e9e9e9;
	margin:3px 30px 30px 3px;
}

.tienda-desc {
	overflow:hidden;
}

.tienda-desc p {
	text-align:justify;
	margin-bottom:15px;
}
	
/*----listado de productos----*/
.productos-cont {
	overflow:hidden;
}

.productos-list {
	overflow:hidden;
}

.productos-list .prod-mini {
	padding:15px;
	background:#fff;
	text-align:center;
	box-shadow:0 0 3px #e9e9e9;
	margin:0 15px 30px;
}



.prod-mini-precio {
	background-color:#E6332A;
	color:#fff;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	margin:0 -15px -15px;
}

.filtros-list {
	float:left;
	width:20%;
	margin-right:30px;
	padding:3px;
	overflow:hidden;
}

.filtro {
	padding:15px;
	box-shadow:0 0 3px #e9e9e9;
	border:none;
	box-sizing:border-box;
	width:100%;	
	margin-bottom:30px;
	background:#fff;
}

input.filtro {
	background:url(../images/ver_oferta.png) no-repeat right center #FFF;
	transition:all 0.2s ease;
}

input.filtro:focus {
	background-position:600px center;
}

.filtro.closed {
}

.filtro ul {
	margin-top:30px;
}

.filtro h2 {
	color:#ff2f25;
	margin-bottom:15px;
	font-weight:bold;
	padding:15px;
	margin:-15px;
	position:relative;
	border-bottom:1px solid #eee;
}

.hide-button {
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width:50px;
	line-height:100%;
	cursor:pointer;
	border-left:1px solid #eee;
	text-align:center;
	font-size:14px;
	box-sizing:border-box;
	padding:15px;
	
	background:#ffffff;
	background: linear-gradient(bottom, #f3f3f3, #ffffff);
	background: -moz-linear-gradient(bottom, #f3f3f3, #ffffff);
	background: -webkit-linear-gradient(bottom, #f3f3f3, #ffffff);
	background: -o-linear-gradient(bottom, #f3f3f3, #ffffff);
	background: -ms-linear-gradient(bottom, #f3f3f3, #ffffff);
}

.hide-button i {
	vertical-align:middle;
	transition:all 0.2s ease;
}

.closed .hide-button i {
	transform:rotate(180deg);
}

.antutu-ribbon {
	background-color:#E6332A;
	background-color:rgba(230, 51, 42, 0.8);
	color:#fff;
	font-weight:bold;
	padding:5px 0;
	text-align:center;
	position:absolute;
	top:30%;
	left:-10px;
	width:187px;
	line-height:1em;
	text-shadow:0 0 2px #000;
}

.antutu-ribbon:before {
    bottom: 0;
    content: " ";
    display: block;
    left: 0;
    margin-bottom: -10px;
    position: absolute;
    z-index: 1;
	border-width: 5px;
	border-style:solid;
	border-color:rgba(230, 51, 42, 0.8) rgba(230, 51, 42, 0.8) transparent transparent;
}

.antutu-ribbon:after {
    bottom: 0;
    content: " ";
    display: block;
    right: 0;
    margin-bottom: -10px;
    position: absolute;
    z-index: 1;
	border-width: 5px;
	border-style:solid;
	border-color: rgba(230, 51, 42, 0.8) transparent transparent  rgba(230, 51, 42, 0.8);
}

.antutu-ribbon span {
	display:block;
}

.antutu-tit {
	margin-bottom:5px;
}

.antutu-pun {
	font-size:2em;
	line-height:1em;
}

/*--paginador---*/

.paginador {
	padding:5px 0;
	text-align:center;
}

.paginador span {
	color:#ff2f25;
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	margin:0 2px;
	background-color:#fff;
	box-shadow:0 0 3px #e9e9e9;
	text-align:center;
	font-weight:bold;
}

.paginador span a {
	display:block;
	height:25px;
	width:25px;
	color:#000;
	transition:all 0.2s ease;
}

.paginador span a:hover {
	box-shadow:0 0 3px #000;
}

/*---movil---*/


.mob { display: none; }

#menu-fixed {
	text-align:center;
	width:100%;
	font-family:'avantgarde', sans-serif;
	background:#fff;
	margin:0;
	position:fixed;
	top:0;
	left:0;
	z-index:3;
	box-shadow:0 0 5px #000;
	display:none;
	height:53px;
}

.menu-logo {
	position:absolute;
	left:5px;
	top:4px;
	height:40px;
}

.menu-logo img {
	max-height:100%;
}

#menu-fixed ul {
	padding:0 !important;
	background:#fff;
	border-radius:0 !important;
	width:100% !important;
	position:absolute;
	z-index:1;
	top:-1000px;
	transition:all 0.2s ease;
}

#menu-fixed.opened ul {
	top:53px;
}

#menu-fixed li {
	display:block !important;
	margin:0 !important;
	padding: 0 !important;
	border-bottom:1px solid #000;
	transition: all 0.2s ease;
}

#menu-fixed li.selected,
#menu-fixed li:hover {
	border-bottom-color:#000;
	background:#f0f0f0;
}

#menu-fixed a {
	color:#000 !important;
	text-transform:uppercase;
	display:block;
	line-height:30px;
	text-decoration:none;
	font-size:1.1em;
	padding:0;
	margin:0 !important;
	margin-top:5px;
	transition:all 0.2s ease;
	text-shadow:none !important;
}

#menu-fixed a:hover {
	font-weight:bold;
}

.select-menu {
	position:absolute;
	right:5px;
	top:7px;
	width:40px;
	height:40px;
	z-index:3;
}

.select-menu a {
	display:block;
	width:40px;
	height:40px;
	background:#fff;
	border-radius:20px;	
	vertical-align:middle;
	text-align:center;
	color:#000;
	box-shadow:0 0 3px #e9e9e9;
}

.select-menu i {
	line-height:40px;
	font-size:20px;
	color:#000;
	vertical-align:middle;
	text-align:center;
}

#menu-tit {
	height:53px;
	display:block;
	color:#000;
	background:#fff;
	line-height:53px;
	text-align:center;
	transition: all 0.2s ease;
	font:bold 1em/53px 'avantgarde', sans-serif;
	position:relative;
	z-index:2;
}

.opened #menu-tit {
	color:#ff2f25;
	background:#f0f0f0;
}

@media only screen and (max-width: 1200px) {
	.cont { width:960px; }
}

@media only screen and (max-width: 959px) {
	.mob { display:block; }
	.cont { width:98%; }
	.menu-logo { height:45px; }
	#menu { display:none !important; }
	#menu-fixed { display: block !important; }
	header { padding-top:53px; }
	#logo { float:none; margin:0; text-align:center; }
	.social { float:none; text-align:center; padding:0 0 30px; }
	footer .foot-links article { float:none; padding:20px; width:100%; }
	#idx-right { float:none; width:auto; }
	.product .half { float:none; padding:0; width:100%; }
	.prod-tit { text-align:center; }
	.product .feature .half { float:left; width:50%; padding:0 3px; }
	.offer { float:none; width:100%; margin:0 auto 10px; }
	.tiendas-list .tienda-mini-img { float:none; margin:0 auto 15px; }
	.tienda-img { float:none; width:80%; height:auto; padding:20px; box-sizing:border-box; line-height:1em; margin:0 auto 30px; }
	.filtros { float:none; width:auto; margin:0 auto 15px; }
	.productos-list { text-align:center; }
	.productos-list .prod-mini { float:none; display:inline-block; }
	.filtros ul { display:none; }
	#idx-left { display:none; }
	#idx-mob { display:block; }
	#idx-right .promo { margin-bottom:20px; }
	#idx-right .buscador { margin-top:0; }
	.comp-sel p { display:none; }
}