/* class gral */
* {margin: 0; padding: 0; border: 0 none; }
html, body {width: auto; }
*, *:after, *:before {    -moz-box-sizing: border-box;    box-sizing: border-box;}
 
body, html { font-size: 100%;padding:0;margin:0;}
/* Reset */
*,*:after,*:before {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;}
.clearfix:before,
.clearfix:after {content: " ";	display: table;}
.clearfix:after {clear: both;}
body {font-family: Arial, Helvetica, sans-serif;color: #f5f5f5; background: #082001 url(../images/back.jpg) no-repeat top center; }
a {color: #fff;text-decoration: none;}
a:hover {color: #fff;}
.noscroll { overflow-y:hidden}
/* basic elements*/
.transition {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease; }
.overlay { opacity:0; position: fixed;top:0%;left:0%;width:100%;height:100%;background:#f5f5f5;z-index:-1; display:none;}
.overlay.menu {background:rgba(0,0,0,0.85)}
.overlay.white { background:rgba(255,255,255,0.95)}
.overlay.show { opacity:0.90;z-index:500;   display:inline-block; }
.shadow {-moz-box-shadow:1px 1px 12px rgba(0,0,0,.6);
-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.6);
box-shadow:1px 1px 12px rgba(0,0,0,.6);}
/* headings */
h1,h2,h3,h4,h5,h6 {	text-rendering:optimizeLegibility;	margin:0;font-family: 'Titillium Web', sans-serif;}

h1 { line-height:32px; padding:10px 0 ; font-size:28px; margin:0; color:#000; }
h2 { line-height:32px; padding:8px 0; font-size:19px; margin:0 0 0px 0; color:#646940;  }
/* scroll */

.pad16 { padding:8px}
.menuHV { display:none}
.promaexMenu.opa {opacity:0.5;} 
.promaexMenu {	background: #033a00;position: absolute; width:228px;z-index:699; margin-left:0; height:100%;top:0;font-family: 'Montserrat', sans-serif;}

.promaexMenu::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);	background-color: #13161d;}
.promaexMenu::-webkit-scrollbar{width: 10px;	background-color: #141a25;}
.promaexMenu::-webkit-scrollbar-thumb{	background-color: #141a25;	border: 1px solid #292f3a;}

body.showMenu .promaexMenu {margin-left:0px; width:248px}
body.fixed .wrapper { top:0}
.promaexMenu.over {}

.promaexMenu .logo {width: 183px; height:43px; position:absolute; top:18px; left:20px; background: url(../images/sprite.png); }
.promaexMenu a.title.active { background:#f5f5f5; border-top: 1px solid #eee}
.promaexMenu a.title { height:48px; line-height:48px; font-weight:600; overflow:hidden; border-bottom:1px solid #eee}
.promaexMenu a.title .fa { font-size:36px; margin-top:5px}

.promaexMenu a {display: block;color: #fff;font-size:15px; font-weight: 300;  text-decoration:none;   }

.promaexMenu .user { margin-top:46px; border-bottom:1px solid #333; padding:10px}
.promaexMenu .user i { float:left; margin-top:12px;}
.promaexMenu .user .bodegas { display:none;}
.promaexMenu .user .bodegas.open { display:block;}

.promaexMenu a.closeMenu { color: #333;font-size: 32px; font-weight: 300;  border-bottom: none; float:left; line-height: 30px;  padding: 2px 5px; text-decoration:none }
.promaexMenu a i { color: #baa38d; margin-right:4px; font-size:16px}
.promaexMenu a.first-item { margin-left:0px; font-size:15px; line-height:42px; padding-left:25px;} 
.promaexMenu a.next-item { margin-left:38px; font-size:12px; line-height:16px} 

.promaexMenu a:hover i {color: #fff; background:none}
.promaexMenu a:hover { color:#FFC}
.promaexMenu a:active {background: #f5f5f5;color: #666666;}
.promaexMenu .order { opacity:0;
display:none \0;
 }

.promaexMenu.show .logo {	 transform: scale(0.75);-ms-transform: scale(0.75);-webkit-transform: scale(0.75); margin:13px 0 0 26px  }	

.searchM { background:#0b0b0b; height:60px; position:absolute; top:-60px; left:0; z-index:999; width:100%  }
.searchM .left { width:6%; float:left}
.searchM .right { width:94%; float:right; position:relative}
.searchM .ico {width:48px; height:48px; float:left; margin:-3px 10px 0 4px}
.searchM .ico i { font-size:34px; color:#fff; line-height:60px }
.searchM .blockS { width:96%; height:48px; background:#fff; margin-top:6px; position:absolute; right:5px; padding: 0 2px; }
.searchM .blockS .inputQ { width:88%; height:48px; padding-right:6%; padding-left:6%; font-size:16px; border:none;margin: 0 auto; }
.searchM .blockS:after {content:"\f002";font-family:FontAwesome;font-weight:normal;text-decoration:inherit;color:#2c3843;font-size:36px;position:absolute;top:4px;right:6px;}
.searchM .blockS .buttom { background:none; border:none; height:48px; width:48px; position:absolute; top:3px; right:10px; z-index:999} 
.searchM.show { top:0;}

.page p { margin-bottom:24px; font-size:15px; line-height:18px}

.wrapper { padding:0 0 0 0; margin: 40px auto; position:relative; min-height:1020px; width:960px; background:rgba(6,28,0,0.8); -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; overflow:hidden;}
.wrap { width:960px; margin: 0 auto;}
.detallem { position:relative; width:722px; float:left; padding:20px; background:#FFF; margin-left:0; color:#666666}
.detallem h1, .detallem p { color:#333} 
.main { width:722px; float:left; margin-left:228px; padding: 0 16px; }
.detallem td label { color:#999}
.banner { width:732px; height:369px; clear:both; position:relative}
.bx-controls-direction { top:162px; position:absolute; left:-8px; width:99%}
.menuH { height:60px; width:100%; position:relative;border-bottom: 1px solid green;
display:none \0;
}
.menuH .logo { opacity:0; float:left; width:100px; display:none }
.menuH .ico { opacity:0; float:left; width:48px;
display:none \0;
}
.menuH .ico.search { width:32px; position:absolute; right:-22px; opacity:1; top:20px;}
.menuH a.first-child { margin-left:70px}
.menuH a.item { font-family: 'Titillium Web', sans-serif;line-height:60px; margin:0 12px; font-size:21px; width:100%;}
.menuH a {  line-height:60px; margin:0 12px; font-size:21px; width:100%;}
.boxs { padding:10px; width:100%;}

.box { 
width:31.33%;
width:30.33% \0;
margin-right:2.66%; margin-bottom:20px; float:left; position:relative; min-height:297px;}
.box .data h2 { margin:0 0 10px 0; padding:0; line-height:18px; font-size:18px; color:#FFF}
.box .detalles { position:absolute;bottom: 10px; right:16px; }
#detalles p { font-size:12px; line-height:18px; margin:16px 0}
.box .detalles i { font-size:24px}

.box:nth-of-type(3n) { margin-right:0}

.box .boxI { width:100%;}
.box .data { position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.9);
background:#333 \0;
min-height:40px;}
.box span { position:absolute; top:0px; right:0px; color:#fff; font-size:15px; background:rgba(0,0,0,0.75); padding:6px }

.box .propiedades { width:24px; position:absolute; top:10px; right:10px; z-index:5}

.box label { float:left; line-height:32px; font-size:12px; color:#FFF}
.box input { width:32px; height:32px; line-height:32px; font-size:12px; padding: 0 2px; border:1px solid #EAFFEA;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px; }

.box button.home { font-size:12px; line-height:32px; padding:0px 6px; margin-right:5px; float:right; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px; margin:0}
.box .mas { font-size:12px; line-height:32px;  float:right; background:#333; color:#666666 -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;   margin: 0 6px;   padding: 1px 6px;}

table td .label { color:#333;}
table .checkOut thead tr { float:left;}

button.update { font-size:12px; line-height:32px;  float: right; background:#333; color:#666666 -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;   margin: 0 6px;   padding: 1px 6px;}
.finalizar { font-size:12px; line-height:32px;  float:right; background:#060; color:#666666 -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;   margin: 12px 6px;   padding: 1px 6px;}

.checkOne .siguiente { font-size:12px; line-height:32px;  float: left; background:#eee; color:#777; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;   margin: 12px 6px;   padding: 1px 6px;}
.checkOne .finalizar { font-size:12px; line-height:32px;  float:right; background:#060; color:#fff; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;   margin: 12px 6px;   padding: 1px 6px;}
.checkOne .update { font-size:12px; line-height:32px;  float: right; background:#333; color:#fff; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;   margin: 12px 6px;   padding: 1px 6px;}
/* rs */

#visor{	width:285px;padding-right:10px;float:left;	margin-top:0; margin-left:16px;}
#visor .contenedor{	width:270px;float:left;	height:370px;margin-bottom:15px; position:relative}
#visor .contenedor img { width:100% }
#visor .contenedor .mask{
	position:absolute;
	z-index:5;
	pointer-events:none;
	}

#visor .thumb{
	pointer-events:none;
	position:absolute;
	z-index:4;
	}
	
#visor .opcionales{
	cursor:pointer;
	outline:1px solid #ccc;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
		-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
.btn{
	width:58px;
	height:16px;
	cursor:pointer;
	position:absolute;
	z-index:200;
	right:20px;
	bottom:20px;
	display:block;
	}
	.btn:before {content:"\f002";font-family:FontAwesome;font-weight:normal;text-decoration:inherit;color:#2c3843;font-size:26px;position:absolute;top:0;right:0;}
#cortina{
	width:100%;
	height:100%;
	position: fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.9);
	display:none;
	z-index:9998;
	}
	
#ampliada{
	width:300px;
	position:absolute;
	z-index:9999;
	top:50%;
	left:50%;
	margin-top:-270px;
	margin-left:-150px;
-moz-box-shadow: 0px 3px 6px #000;
-webkit-box-shadow: 0px 6px 4px #000;
box-shadow: 0px 3px 6px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color='#000')";
	}
	
#preciofinal { font-size:18px; color:#060; margin-bottom:16px}
div.promo { padding:10px; line-height:18px; background:#F1FEF2; border:1px solid #DAFCDC; font-size:12px; color:#030; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin:16px 0; overflow:hidden}
div.promo.cincuenta { width:46%; float:left }
div.promo.cincuenta.fr { float:right}
a.consultar { background:#666666; font-size:16px; line-height:18px; padding: 6px 16px; -webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px; text-align:center; float:left; margin: 12px 12px 0 0}
a.comprar { background:#067500; font-size:16px; line-height:18px; padding: 6px 16px; -webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px; text-align:center;float:left; margin: 12px 12px 0 0}
button { background:#067500; color:#FFF; font-size:16px; line-height:18px; padding: 6px 16px; -webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px; text-align:center;float:left; margin: 12px 12px 0 0}
button.refresh { background:#f5f5f5; color:#333; font-size:16px; }
.siguiente { background:#ccc; color:#333; font-size:16px; line-height:18px; padding: 6px 16px; -webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px; text-align:center;float:left; margin: 12px 12px 0 0}
#detalles .precio p { font-size:16px; line-height:18px; margin-bottom:10px; color:#5c513b}


button.home { font-size:13px; line-height:14px; padding:3px 6px; float:left; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px; margin:0}

#tip{display:none;pointer-events:none;position:absolute;z-index:600;color:#666;font-size:10px;border:1px solid #ccc;background:#eee ;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;	height:auto;padding:5px;width:auto;	}
#tip img{float:right;margin-top:2px;margin-right:-23px;	}
#tip span{float:left;white-space:nowrap;}

#paginacion { width:100%; clear:both; overflow:hidden}


/*--------CHECKOUT--------*/

.alert{background:#ffffef;border:1px solid #dcd07d;padding:10px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;
-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);margin-bottom:10px;clear:both;overflow:hidden;margin-top:0px;font-size:13px;line-height:15px; margin-top:0}
.alert.gris { background:#f5f5f5; border:1px solid #eee}
.alert.verde { background:#e9fff0; border:1px solid #b0e7c1}

.checkout_descripcion{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:10px;
	background: #efefef;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:1px solid #CCC;
margin-bottom:25px;
	}
	
	

label{
	font-size:13px;
	color:#666; line-height:18px; text-align:left; padding-right:10px; display:block;
}
	
.input{
	font-size:13px;
	border:1px solid #033;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:98%;
padding:8px 1%;
color:#666666;
line-height:18px; margin-bottom:6px;
	}
	
.cantFicha{
	font-size:13px;
	border:1px solid #033;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:32px;
padding:0 3px;
color: #060;
line-height:32px; margin-bottom:6px;
	}	

#validacion{
	margin:10px 0;
	display:none;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F30;
	background: #FEF1F1;
	border:1px solid #FCD6D7;
		-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float:left;
width:100%;

	}
	
#validacion h3{ 
margin-top:0;
font-size:16px;
font-weight:normal;
font-style:italic;
}

#validacion b{
	color:#C00 !important; 
}

#resumen { font-size:13px; margin-bottom:24px}
#resumen .key { font-weight:bold}
#resumen .value { color:#060}

.footer { float:left; width:100%; clear:both;  height:98px;}
.footer .brand {background:  url(../images/sprite.png) 0 -101px; width:710px; height:82px; margin-left:248px}

/* carro */
.checkOut{padding:8px 0; text-align:left;}
.checkOut th { padding:5px;}
table { color: #000}
.checkOut td{padding:5px;border-bottom:1px solid #CCCCCC;}
.checkOut thead td{font-weight:bold; color:#333; font-size:16px}
.checkOut tbody td{ font-size:14px; font-family:Arial, Helvetica, sans-serif}
.checkOut tbody td input{	height: 30px;
	line-height: 30px;
	width: 46px;
	margin: 5px 2px 0;
	padding: 0 9px;
	border: 1px solid #CCCCCC;
	color: #333;
	border-radius: 2.5px;
	-webkit-border-radius: 2.5px;
	-moz-border-radius: 2.5px;
	float:left;
	box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	-o-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
}
.checkOut tbody td input:focus{border:1px solid #333;box-shadow:1px 1px 1px rgba(255, 255, 255, 0.2), 1px 1px 3px rgba(229, 94, 73, 0.4) inset;}


.topcarro { width:960px; position: absolute; left:50%; margin-left:-480px; z-index:1; top:0 }
.controles { float:right;}
body.fixed  .carrofix {  margin-left: -277px;
    position: fixed;
    top: 0;
    z-index: 999; background:#4ca256;-moz-box-shadow:1px 1px 12px rgba(0,0,0,.6);
-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.6);
box-shadow:1px 1px 12px rgba(0,0,0,.6);}
.carrofix { width:277px; float:right; height:30px; position:relative; padding:5px; background:#033a00; color:#FFF; }
.carrofix .label { float:left; margin: 0 10px; font-size:13px; font-weight:bold; color: #FFC;line-height:21px;}
 
.carrofix i { float:left; margin-right:8px ; line-height:21px;}
.carrofix .item { text-align:center; font-size:15px; float:left; width:18px; margin-right:6px;  }
.carrofix .btnC { border:0; padding:5px 4px; margin-top:-5px; -webkit-border-radius:2.5;-moz-border-radius:2.5;border-radius:2.5; background:#FFC}

.pag, .current { float:left; cursor:pointer;
	text-align:center;
	line-height:39px;
	border:2px solid #69ab7e;
	width:42px;
	height:42px;
	border-radius:90px;
	-webkit-transition:border-color .15s ease-in-out;
	-moz-transition:border-color .15s ease-in-out;
	transition:border-color .15s ease-in-out; color: #FFF; margin-right:16px;
}
#paginacion { padding:10px 0; overflow:hidden; clear:both;}
.current { background:#286400}
#paginacion span { line-height:42px; color:#69ab7e}
@media screen and (max-width: 1024px) { #fullsize h1, #result h1, #featured-front h1, #featured-front h2, .category h1, .line, #browse-result h1 { font-size:19px; font-weight:100; line-height:40px }.ico.plus { margin-right:-15px}
.topcarro { width:100%; height:30px; right:0; left:auto; margin-left:0; }

	}
@media screen and (max-width: 768px) and (orientation: portrait) {header{ display:none;} .promaexMenu{ margin-left:0;} .wrapper  { padding-left:268px; padding-top:0px} }
@media screen and (max-width: 767px) {
.menuH .ico.search { top:12px;}
.menuH .ico.search i { font-size:24px}
	body.fixed .promaexMenu { position:fixed; overflow-y:scroll;}
.promaexMenu {overflow-y:scroll;}
	.wrapper { width:100%; top:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
	.main, .wrap { width:100%}
	.banner { width:100%; height:200px}
	.footer .brand { margin-left:0; width:100%}
	#container {
    padding-left:0px;
    position: relative;
}
.menuHV { display:block}
.menuH .logo { opacity:1; display:inline-block; font-size:24px; width:200px}
.menuH { height:48px; width:100%;}
.menuH a.item { display:none}
.menuH a.first-child { margin-left:20px}
.menuH .ico.order { opacity:1; float:left; margin-top:16px}
.menuH .ico.order i { font-size:24px}
.menuH a { font-family: 'Titillium Web', sans-serif;line-height:48px; margin:0 6px; font-size:18px; width:100%;}

.detallem { width:100%; margin-left:0}
#visor { width:164px;}
#visor .contenedor { width:148px; height:200px}
#detalles { float:left; width:500px;}

body.opa .overlay.show {opacity:0.90;z-index:500;   display:inline-block; }

header{ display:block; position:fixed}
.main { float:left; margin-left:0; }
.promaexMenu{ margin-left:-288px;}

.promaexMenu .order { opacity:1; line-height:56px; margin-left:-6px;}
.promaexMenu .order:hover { background:none} 
.wrapper  { padding-left:0; padding-top:0px}
.promaexMenu .logo {left:38px}
.footerF { width:100%; padding: 10px 2%; position:relative }
.searchM.show { top:0;}
#arrowUp { display:block}
article.top { padding-top:60px}
.searchClasic{ margin-top:0;}
.ico.minus { display:none}
.ico.plus { display:none}
#fullsize h1, #result h1, #featured-front h1, #featured-front h2, .category h1, .line, #browse-result h1 { font-size:16px; font-weight:100}
.box button.home, .box input { display:none} 
iframe { width:100%}
}
@media screen and (max-width: 667px) {}
@media screen and (max-width: 568px) {}
@media screen and (max-width: 460px) {
 

#visor { width:260px; margin-left:-20px}
#visor .contenedor { width:100%; height:340px}
#detalles { width:100%; float:left}


.box { width:49%; margin-right:1%; margin-bottom:20px; float:left; position:relative;}
.box .data h2 { margin:0 0 10px 0; padding:0; line-height:18px; font-size:18px; color:#FFF}
.box .detalles { position:absolute;bottom: 10px; right:16px; }
.box .detalles i { font-size:24px}
.box:nth-of-type(2n)  { margin-right:0} 
.box:nth-of-type(3n)  { margin-right:1%}  
.box .boxI { width:100%;}
.box .data { position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.9); min-height:40px;}
.box .propiedades { width:24px; position:absolute; top:10px; right:10px; z-index:999}

header .logo { transform: scale(0.75);-ms-transform: scale(0.75);-webkit-transform: scale(0.75);}

}


@media screen and (max-width: 320px) {
/*.tools { position:fixed; bottom:0; left:0}
.tools.fixed {bottom:50px;}*/
.box { width:100%; margin-right:0}
.searchM .left { width:12%; }
.searchM .right { width:88%;}
.w33 {float: left;margin-right: 1%;padding:0%;width: 48.98%;}
.w33 img { width:100%}
.w33:nth-of-type(3n) { margin-right:1%}
.w33:nth-of-type(2n) { margin-right:0}

.w50 {float: left;margin-right:0%;padding:0%;width: 99.98%;}
.w50 img { width:100%}
.w50:nth-of-type(1n) { margin-right:0}
.elemento .leftImg img { width:100%; text-align:center}
.menuH .logo {font-size:21px; width:150px}


}
	
@media screen and (max-width: 240px) {}

.cart-total-text a{
	float:right;
}

.cart-view-table-front{
	font-size: 0.7em;
	position: fixed;
	right: 10px;
	max-width: 350px;
	font-family: Arial
}
.cart-view-table-front h3{
	text-align: center;
	padding: 0;
	margin: 0px; color:#999; font-size:16px; line-height:18px;
}
.cart-view-table-front, .cart-view-table-back {
	background-color: #FFFFFF;
	padding:6px 0;
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.25);
	border: 1px solid #E4E4E4;
	position:fixed; z-index:989; width:360px; top:0;
}
.cart-view-table-front {}
.cart-view-table-front table th, .cart-view-table-back table th{text-align: left; line-height:16px;  font-size: 12px;    line-height: 30px;    text-align: left;}
.cart-view-table-front table thead, .cart-view-table-back table thead{background-color: #f3ffe6; }
.cart-view-table-front table tbody tr, .cart-view-table-back table tbody tr { padding:4px 0}
.cart-view-table-front table tbody tr.even, .cart-view-table-back table tbody tr.even{	background-color: #F7F7F7; font-size:12px; color:#666666; line-height:24px}
.cart-view-table-front table tbody tr.odd, .cart-view-table-back table tbody tr.odd{	background-color: #EDEDED; font-size:12px; color:#666666; line-height:24px}
.cart-view-table-front button, .cart-view-table-front .button, .cart-view-table-back button, .cart-view-table-back .button{	margin: 10px 1px;	float: right;}

.icoO { position:absolute; width:32px; height:32px; right:5px; top:2px;}
.icoO i { font-size:26px; color:#888}

.detalleOrden { display:none;}
.detalleOrden.open { display:block;}