/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */


    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
	.supercontainer 							 {position: relative; width:100%; margin:0; padding:0}
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }
	.right 										{ float:right !important;}
	.left 										{ float: left !important;}

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }


.head {
	padding:0;
	padding:5px 1% 0;
	width:98%;
	min-height:34px;
	z-index:9999;
	position:fixed;
	top:0;
	left:0;
	border-bottom:1px solid #1f2113;
	background:url(../../img/arpillera.jpg);
	transition:.5s ease-in; -webkit-transition:.5s ease-in;
	}

.head a {float:left}

.head form, .slicknav_menu form { float: left; text-transform:uppercase; height:25px; border:none; margin:0; width:200px; border-bottom:1px solid #1f2113; background: none}
.head input, .slicknav_menu input {float:left; width:25px; height:25px; padding:0; background:url(../../images/public/lupa.png) no-repeat; border:none; cursor:pointer;}
.head input[type="text"], .slicknav_menu input[type="text"] {background:none; border:none; float:left; width:164px; padding:5px; height:15px; line-height:15px; font-size:15px;  /*font-family:"madras";*/font-family: 'Source Sans Pro', sans-serif; }




div.logo {float:left; width:100%; transition:0.3s ease-in; -webkit-transition:0.3s ease-in; overflow:hidden }
div.logo img {width:100%; height:auto; transition:0.3s ease-in; -webkit-transition:0.3s ease-in; }
div.logo a { float:none; display:block; margin:0 auto; max-width:400px; height: auto; padding:/*25px 0 */0}

div.head2 div.logo {width:180px}
div.head2 div.logo a { float:none; display:block; margin:0; width:150px; height:34px; padding:0}




.head2 {height:auto; 
		position:fixed;
		left:0;
		top:0;
		transition:2s ease-in; -webkit-transition:2s ease-in; 
		animation: menu 2s ease; -webkit-animation:menu 1s ease; -moz-animation:menu 2s ease}

@keyframes menu {
	0% { top:-100px}
	100% { top:0}
}

@-webkit-keyframes menu {
	0% { top:-100px}
	100% { top:0}
}

@-webkit-keyframes menu {
	0% { top:-100px}
	100% { top:0}
}



.menu_login {height:25px; overflow:hidden; float:left; width:100%; border-top:1px solid #1f2113;}
/*div.head2 * {border-color:#ffcb15}*/

.idiomas, .login, .carrito_header {float: right; }

.idiomas {	text-align: left;  height:25px; min-width:50px; line-height:12px;  border-left:1px solid #1f2113; position:absolute; right:5px; top:5px; z-index:88888; display:none   }

.login {
	padding:0; margin:0;
	text-align:right;
	height:25px; line-height:25px;
	font-weight:bold;
}

.login a, .idiomas a {margin:0 10px; font-size:10px; height:25px; padding:0; line-height:25px; float:right; color:#861615}
.login b {text-decoration:underline; font-weight: normal; color:#fff }

.carrito_header {
  height:25px;
  overflow:hidden;
  border-left:1px solid #1f2113;  
  border-right:1px solid #1f2113;  
}

.carrito_header p {
  float:right;
  text-align:left;
  width:auto;
    margin:0 10px;
	line-height:25px;
	font-size:10px;
	font-weight:bold;
	color:#861615
}
.carrito_header a {
  cursor:pointer;
  font-size:10px;
  float:right;
  height:25px; padding: 0; line-height:25px; color:#861615
}

.carrito_header b {
  font-weight:300;
}



.container.principal {
	height:auto;
	width:100%;
	max-width:1349px;
	overflow: hidden;
	/*margin:100px 0 0;
	float:left;*/
	margin:100px auto 0;
	padding:140px 0 0;

}
.container.principal.margincero {
	margin:0 auto;
	float:none
}


.social {
	margin:0;
	text-align:right;
}

.social a:hover {opacity:0.5; filter: alpha(opacity=50);}

.registro_news {width:290px; height:30px; margin-bottom:20px; transition: ease-in 0.5s; border:none; float:left; overflow:hidden}

div.registro_news form {background:#edded2; float:left; text-transform:lowercase; letter-spacing:normal; width:290px; padding:0; height:30px}

div.registro_news form input[type="text"] {width:240px; height:12px; font-size:12px; line-height:12px; padding:10px; background:none; color:#000; float:left; border:none;  }
div.registro_news form input[type="button"] {font-size:12px; line-height:12px; line-height:12px; text-align:center; padding:10px; width:30px; border:none; background:#000 ; color:#fff }

.banners {
	position: relative;
	max-width:1349px;
	margin:0 auto;
	overflow: hidden;
	float:left
}

#contenedor_ban {
	position: relative;
	max-width:1349px;
	margin:0 auto;
	overflow: hidden;
	float:left;
	margin-bottom:30px;
}
#contenedor_ban a { float:left; width:100%; height:100%}

.banner01 {float:left; margin:0; width:66.666%; height:auto; overflow:hidden}
.banner02 {float:left; margin:0; width:30.333%; padding:1.5%; height:auto; overflow:hidden}
.banner03 {float:left; margin:0; width:30.333%; padding:1.5%; height:auto; overflow:hidden}

div.banner02 img{ width:100%; height:auto;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
-o-transition:all .3s ease-out;}
div.banner02 img:hover{
-webkit-filter: saturate(250%);
filter: saturate(250%);}

.destacados {
	width:100%;
	max-width:1349px;
	float:left
}

.destacados h2 { text-align:center; color:#000; font-size:24px; line-height:24px; font-weight:bold; font-family:"aku", "Arial Black", Gadget, sans-serif; letter-spacing:.1em; margin:0 0 50px 0; clear:both;}


.paginacion_prod {	color:#000; display:flex; flex:1}
.paginacion_prod h1, .paginacion_prod h2 {color:#000}

.producto {
	width:300px; height:400px; padding:0; float:left; margin:10px; position:relative;
	overflow:hidden;
}

div.producto img {width:300px; height:auto; float:left; 
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;
-o-transition:all .5s ease-out;}

div.producto:hover img {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.img-box {float:left; margin:0; width:300px; height:300px; overflow:hidden; }
.img-box2 { position:relative; float:left; margin:0; width:320px; height:320px; }

.datos {z-index:666; margin:0; width:100%; float:left; overflow:hidden;
		
}
div.producto div.datos img, div.producto:hover div.datos img {
	width:115px; height:auto; float:right;
	-webkit-filter: grayscale(0);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	filter: grayscale(0);
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=1);}
	
.datos input[type="button"] { background:url(../../images/public/carrito2B.png) left top no-repeat; padding:0 /*10px 0 60px*/; margin:0; border:none; color:#000; cursor:pointer; float: left; /*font-family: 'madras';*/font-family: 'Source Sans Pro', sans-serif; font-size:10px; height:50px; width:50px;
-webkit-transition:all 0.2s ease-in;
		-moz-transition:all 0.2s ease-in;
		-ms-transition:all 0.2s ease-in;
		-o-transition:all 10.2s ease-in; }

.datos input[type="button"]:hover {
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0.7)
}

.datos h3 {text-transform:uppercase; /*font-family: 'madras';*/font-family: 'Source Sans Pro', sans-serif; color:#000; font-size:14px; float:left; text-align:left; padding:10px; line-height:15px}
	
.datos h3 a {color:/*#861615*/}

.visible {
	float:left; color:#000; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #000
}

.visible img {float:left; margin:0 10px 0 0}

.precio {font-size:14px; font-weight:bold; line-height:20px; height:20px}

div.container .nine.columns div.interior_producto_datos_compra:last-child {border-bottom:none}

.interior_producto_datos_compra {float:left;  width:100%; margin-bottom:10px; padding:0 0 10px 0; border-bottom:1px solid #000}

.interior_producto_datos_compra h1 {float:left; width:100%;  margin:0 0 20px 0;}

.interior_producto_datos_compra p {
  width:100%;
  float:left;
  margin:0;
  padding:0 0 16px 0;
  font-size:16px;
  line-height:2em;
  color:#363636;
}

.interior_producto_datos_compra b {float: left; color:#000; margin-right:3px }

.interior_producto_datos_compra a {color:#000}

.interior_producto_datos_compra input {width:10px; text-align:center; margin:0 5px; border:none; padding-top:4px; background:none}
.interior_producto_datos_compra input[type="button"] {height:auto; color:#000; text-align:center; width:auto; font-size:16px; padding:10px 40px 10px 10px; background:#ccc url(../../images/public/carrito.png) right no-repeat; transition: all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; border:1px #000 solid; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; cursor:pointer}
.interior_producto_datos_compra input[type="button"]:hover {color:#999; border:1px solid #fff;}

.Botones_agregar {
  float: left
  text-align: left
}

.carrito_interior a{float:none !important; text-align:center !important}

.carrito_prod { float:left; width:100%; padding:10px 0; border-bottom:1px solid #000; margin-bottom:10px}
.carrito_prod a {font-weight: 600; padding: 6px 12px;border: 1px solid; margin: 20px auto; float: left; font-size: 16px; background: #fff;}
.carrito_prod p {float:left; width:auto; margin-right:20px; margin-bottom:0}

.fondo-gris {border-top:1px #ccc solid; position:relative; overflow:hidden; margin-top:80px; background:#f6ede6;}
.fondo-gris h2 {margin-bottom:20px;}

.relacionados {margin:50px auto}


.margintop50 {margin-top:50px}
.container.foot {
	padding:15px 5%;
	width:90%;
	min-height:70px;
	font-family: 'Droid Sans', sans-serif;
	position:relative;
	background:url(../../img/arpillera.jpg);
	margin:0;
	border-top:1px #000 solid;
}
.foot a{ text-transform:uppercase}

.container33 {float: left; width: 33%; box-sizing:border-box; padding:0 10px;}

.logo-pie {
	float:left; margin-right:20px
}
.copyright {font-size:12px; float:left}


	
.img_principal{overflow:hidden; max-width:340px; overflow:hidden}
.img_principal img {max-width:340px; height:auto;}
.zoomWrapper {float:left}

.thumbs {float:left; width:100%; margin:20px 0}
.thumbs img {
	float:left;
	padding:0 0 5px 0;
	margin:0 10px 10px 0;
	-webkit-transition:all .5s ease-in;
	-moz-transition:all .5s ease-out;
	-ms-transition:all .5s ease-out;
	-o-transition:all .5s ease-out;
	height: 80px;
	width: auto;
	
}

.thumbs img:hover {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	
}

.usuarios {
	float:left;
	height:auto;
	overflow: visible;
}

.usuarios input {
	width:auto;
	float:left;
	background:none
}

.usuarios input[type="text"] {
	clear:both;
	width:100%;
	max-width:300px;
	border:none;
	border-bottom:1px #000 solid;
	padding: 10px 5px;

}

.usuarios input[type="password"] {
	clear:both;
	border:none;
	border-bottom:1px #000 solid;
}

#sendrinvitado {background-color: #000; color: #fff}
.usuarios input[type="button"], .carrito input[type="button"], .usuarios input[type="submit"]{
	float:left;
	background:#fff;
	font-family: 'Source Sans Pro', sans-serif;
	border:1px solid #000;
	padding:10px;
	margin:10px 10px 0 0;
	transition: all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; cursor:pointer
	}
	
.usuarios input[type="submit"] {clear:both}

.usuarios input[type="button"]:hover, .usuarios input[type="submit"]:hover, .carrito input[type="button"]:hover {color:#fff; background:#000;}

.usuarios label {
	width:auto;
	float:left;
	clear:both;
	margin-top:20px;
}

	
.finalizar form, .usuarios form {
	width:100%;
	float:left;
	/*background:#fff none;*/
	padding:0;
	height:auto;
	overflow:visible}
	
.finalizar form img, .usuarios form img {
	float:left;
	margin-bottom:20px;
	clear:both;
}


.contenido-variable img {max-width:100% !important; height:auto; float:right; margin:5px 0 5px 5px}


/*Warmi Girls /////////////*/
.warmigirl {width:300px; min-height:450px; float:left; margin:5px 10px}


@media only screen and (max-width:1100px) {
.head {height:auto}
.carrito_header, .login {float:left; clear:none}
.menu_login {float:left; height:25px; width:100%}
 
 }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }

		.producto {margin:10px 18px; }
		.container .seven.columns img { max-width:306px;}
		.container.principal {width:100%; margin: 10px auto 0; padding:0;}
		.banner02, .banner03 {width:50%; height:auto; float:right}
		.banner01 {width:100%; height:auto; clear:both}*/
		.carrito-movil {display:none}
		.warmigirl {float:left; width:30%; height:auto; margin:10px 3,333%}
		
		.img_principal img, .img_principal{ max-width:268px;}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column,
		.carrito  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
		
		.head {position:relative; float:left; }
		.menu_login { height:auto; overflow:hidden}
		
		.principal {margin-top:20px}
		.producto {margin:10px 0; width:300px; /*height:300px;*/}
		img-box {width:300px; height:300px;}
		/*.container .seven.columns img { max-width:290px;}*/
		.social { position: absolute; right:0; top:39px}
		.logo-pie {display:none}
		.news {
		float:left;
		padding:0;
		height:80px;
		width:300px;
		}
		.mail, .derechos {
		float:left;
		padding:0;
		height:45px;
		line-height:45px;
		width:210px;
		background:none
		}
		
		form {float:left}
		.head form {float:left}
		.carrito-movil {display:none}
		
		.container.principal {width:100%; margin: 10px auto 0; padding:0;}
		.banner01, .banner02, .banner03 {width:100%; height:auto}
		
		.visible img {float:left; margin:0 0 10px; width:100%; height:auto}
		
		.warmigirl {float:left; width:100%; height:auto; margin:10px 0}
			
		.img_principal img, .img_principal{ max-width:300px;}
                .container33 {width: 100%;}

    }



/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column,
		.carrito { width: 420px; }

		.head {position:relative; float:left; }
		.menu_login { height:auto; overflow:hidden}
		
		.producto { margin:10px 50px}
		.logo-pie {display:none}
		.news {
		float:left;
		padding:0;
		height:80px;
		width:420px;
		}
		.mail, .derechos {
		float:left;
		padding:0;
		height:45px;
		line-height:45px;
		width:210px;
		background:none
		}
		
		.head form {float:left}
		form {float:left}
		
		.carrito_interior1, .carrito_interior, .estado {
			width:100%}
	
		
	/*.container .seven.columns img {width:410px !important; height:auto; margin:10px auto}*/
	.social { position: absolute; right:0; top:39px}
	
	
	.carrito-movil {display:none}
	
	.container.principal {width:100%; margin: 10px auto 0; padding:0;}
	.banner01, .banner02, .banner03 {width:80%; padding:20px 10%; height:auto}
	
	.visible img {float:left; margin:0 0 10px; width:100%; height:auto}
	
	.warmigirl {float:left; width:100%; height:auto; margin:10px 0}
	
	.img_principal img, .img_principal{ max-width:420px;}

        .container33 {width: 100%;}
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


/* CARRITO //////////////////*/

.carrito {
  float:left;
  padding:5px 0;
  margin:0 0 10px 0;
  width:950px;
  height:100%;
  overflow:visible
}

.carrito_finalizar {
  float:left;
  width:100%;
  margin:0 0 10px 0;
  height:auto
}

.eliminar, .cantidad, .total, .talle, .fecha {
  float:left;
  width:130px;
}

.articulo {
  float:left;
  width:460px;
}


.fecha { 
  width:100%;
}

.eliminar {
  width:90px;
}

.talle {
  width:100px;
}


.cantidad {
  width:130px;
}

.total {
  width:130px;
}

.ancho_ultimas_compras {
  width:130px;
}


.carrito_interior1, .carrito_interior, .estado {
  width:100%;
  float:left;
  padding:5px;
  height:38px;
  line-height:38px;
  border-bottom:1px #999999 solid;
  text-transform: uppercase;

}

.estado {
  width:960px;
  border:none;
  font-weight:bold;
  text-transform: uppercase;
}
.carrito_interior img {
  margin-top:10px
}

.carrito_interior1 {
  text-align:left;
  font-size:10px;
  overflow:hidden;
}

.carrito_interior1 img {
  max-height:38px;
  height:auto;
  margin-right:10px;
  float:left;
}


.carrito_interior input[type="text"] {
  width:20px;
  float:none;
  margin:10px auto;
  padding:0 2px;
  font-size:14px;
  text-align:center;
  border: none;
  background:none;
}


.carrito_interior {
  font-weight:bold;
}

.carrito_interior1 b {
  font-weight:bold;
}


#content_cantidad img{
  margin:0}

.carrito form {width:940px; /*background:#fff none;*/ height:auto; overflow:visible; float:left}

 	@media only screen and (min-width: 768px) and (max-width: 959px) {
 	.articulo {width:768px}
	.eliminar, .cantidad, .total, .talle, .fecha {
 	float:left;
  	width:100%;
	}
	.carrito {width:758px; padding:5px;}
	.carrito_finalizar {width:748px; padding:5px; float:left;}
	.carrito form {width:748px; height:auto; overflow:visible}
	.carrito_interior1 {width:748px}
	}
	@media only screen and (max-width: 767px) {
	.articulo {width:300px}
	.carrito form {width:300px; height:auto; overflow:visible;}
	.carrito_finalizar, .carrito {width:300px; padding:0;}
	.carrito_interior1, .carrito_interior, .estado {width:290px}
	.eliminar, .cantidad, .total, .talle, .fecha {width:100%}
	}
    @media only screen and (min-width: 768px) and (max-width: 959px) {
	.eliminar, .cantidad, .total, .talle, .fecha {
 	float:left;
  	width:100%;
	}
	.articulo {width:290px}
	.carrito form {width:290px;}
	.carrito_finalizar, .carrito {width:300px;}
	.carrito_interior1, .carrito_interior, .estado {width:290px}
	.eliminar, .cantidad, .total, .talle, .fecha {width:100%}
	}
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.eliminar, .cantidad, .total, .talle, .fecha {
 	float:left;
  	width:100%;
	
	}
	.carrito {width:410px;}
	.articulo {width:410px}
	.carrito_finalizar {width:410px; padding:0;}
	.carrito_interior1, .carrito_interior, .estado {width:400px}
	.eliminar, .cantidad, .total, .talle, .fecha {width:100%}
	}
	
	@media screen and (max-width: 939px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	.head {display:none}
	}
	

/*STICKY FOOTER /////////////////////*/
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  }

main {
	flex: 1;
	}
	
.footer {
	height: 80px; 
}
  

/*SLIDER////////////////////////*/

.bx-wrapper {
	float:left;
	margin:0;
	padding:0;
	width: 100%;
	max-width:1349px;
	overflow:hidden;
	height:auto;
	overflow:hidden;
	position:relative;

}

.bx-wrapper img {
	width: 100%;
	height:auto;
	box-shadow:1px 1px 5px  #000

}

div.bx-wrapper a {width:100%; height:90%; line-height:80%; float:left; margin:0 !important; padding:0; overflow:hidden; display:block}

#loadarea {overflow:hidden}
#loadarea img {float:left; width:100%; height:auto}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/



#cboxOverlay{background:#000000;}
#colorbox{outline:0;}
#cboxContent{margin-top:32px; overflow:visible;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000000; padding:1px;}
#cboxLoadingGraphic{background:url(http://static.tumblr.com/fftf9xi/rkklqu1ni/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#ffffff; text-shadow:none;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(http://static.tumblr.com/fftf9xi/1dslqu1o1/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}