/**
 *
 * -------------------------------------------
 * Tablet CSS file
 * -------------------------------------------
 * 
 **/
 
/*
 *
 * 11. Tablet code
 *
 *
------------------------------------ */
 
/* 11.1. Base elements
==================================== */ 

#gk-search #s {
	width: 200px;
}

/* sidebar */
#gk-mainbody-columns {
	display: block;
}

#gk-mainbody-columns > section,
#gk-mainbody-columns > aside {
	display: block;
	overflow: hidden;
	width: 100%!important;
}

#gk-mainbody-columns > section {
	margin-bottom: 30px;
}

/* Archive page */
.archivepage .widget.first {
	margin-right: 2%;
	margin-left: 0!important;
}

.archivepage .widget.first,
.archivepage .widget.first + .widget {
	margin-right: 0;
	margin-left: 2%;
	width: 48%;
}

.archivepage .widget.last {
	margin: 0;
	width: 100%;
}

.archivepage .widget ul {
	margin-bottom: 30px;
}

/* images fix */
#gk-mainbody img {
	height: auto!important;
	max-width: 100%!important;
}

/* column rules */
#gk-sidebar .box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-top: 0!important;
	margin-bottom: 30px!important;
	padding: 10px!important;
	width: 50%;
}
#gk-sidebar {
	padding: 0!important;
}
#gk-sidebar .box:first-child {
	padding-top: 10px!important;
}
#gk-sidebar .box:nth-child(2n+1) {
	clear: both!important;
}
.widget-area .col1 { width: 100%; }
.widget-area .col2 { width: 50%; }
.widget-area .col3 { width: 33.3%; }
.widget-area .col4 { width: 50%; }
.widget-area .col5 { width: 33.3%; }
.widget-area .col6 { width: 33.3%; }

.widget-area .box.last1 { width: 100%; }
.widget-area .box.last2 { width: 50%; }
.widget-area .box.last3 { width: 33.3%; }
.widget-area .box.last4 { width: 50%; }
.widget-area .box.last5 { width: 33.3%; }

.widget-area .nth1 {
	clear: both;
}

.widget-area .col6.last5.nth4,
.widget-area .col6.last5.nth5 {
	width: 50%;
}

#gk-mainbody-columns > section {
	border-left: none!important;
	border-right: none!important;
	padding: 0!important;
}

#gk-bottom1,
#gk-bottom2 {
	padding: 20px 20px 35px 20px;
}

.gk-columns > div {
	padding: 0 6px;
}

/* 11.2. Demo elements
==================================== */

/* Image Show */
#gk-header-mod.gk-bottom-margin .box {
	margin-bottom: -150px;
}

/* Product Gallery */
.gk-product-gallery .gk-add-to-cart,
.gk-product-gallery .gk-images-wrapper > div {
	padding: 0 15px;
}

.gk-product-gallery .gk-add-to-cart a {
	text-align: right;
}

.gk-product-gallery .gk-image .gk-img-overlay {
	height: 0;
	/*margin: -50px 0 0 -50px;*/
	width: 100%;
	bottom: 0;
}

.gk-product-gallery .gk-image .gk-img-overlay span.amount {
	margin-top: 28px;
}

/* News Blocks */
.gk-news-blocks > figure > figcaption h3 {
	font-size: 21px;
}

.gk-news-blocks > figure > figcaption {
	padding: 0 10px 10px 10px;
}

/* News Gallery */
.gk-news-gallery {
	padding: 10px 24px;
}

/* 11.3. Main menu elements
==================================== */ 

#main-menu {
	/*display: none;*/
}

#main-menu-mobile {
	background: transparent url('../images/tablet_menu.png') no-repeat 0 0;
	clear: both;
	display: block!important;
	float: right;
	font-size: 18px;
	height: 44px;
	line-height: 44px;
	/*margin: -6px 5px 0 5px;*/  /* Portfolio, responsive design */
	/*position: relative;*/  /* Portfolio, responsive design */
	position: absolute;  /* Portfolio, responsive design */
	top: 45px;  /* Portfolio, responsive design */
	right: 15px;  /* Portfolio, responsive design */
	text-indent: -9999px;
	width: 44px;
}

#main-menu-mobile > select {	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	height: 44px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 44px;
}

/* 11.4. Device classes
==================================== */

.onlyDesktop {
	display: none!important;
}

.onlyTablets {
	display: block!important;
}

.onlySmartphones {
	display: none!important;
}

.onlyTabltetsAndSmartphones {
	display: block!important;
}

/* 11.5. Responsive tables
==================================== */

@media (max-width: 599px) {
	article section table:not(.woocommerce) {
		border: 1px solid #eee;
		border-bottom: none;
		max-width: 100%!important;
		width: 100%!important;
	}

	article section table thead {
		display: none;
	}

	article section table:not(.woocommerce) td {
		border-top: 1px solid #eee;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		clear: both;
		display: block;
		float: right;
		padding: 5px 5px 5px 43%!important;
		position: relative;
		width: 100%;
	}

	article section table td:first-child {
		border-top: none;
	}

	article section table:not(.woocommerce) tbody tr {
		border-bottom: 2px solid #eee;
	}

	article section table td span.gk-table-label {
		display: block;
		font-size: 95%;
		font-weight: bold;
		left: 5px;
		float: left;
        margin-right: 5px;
		/*position: absolute;*/
	}
	
	article section .cart_item span {
	   margin-right: 15px;
	}
}

/* 11.6. Woocommerce
==================================== */

table.shop_table td {
	border-left: 0;
	border-right: 0;
	/*border-bottom: 1px solid #ddd;*/
}

article section .woocommerce table tbody tr {
	border: 0;
}

article section .woocommerce table {
	border: 0;
}

article section .woocommerce table td:first-child {
	border-top: 1px solid #eee;
}







/*****************************************************************************/
/* Cambios Portfolio                                                         */
/* (Cambios para responsive design)                                          */
/*****************************************************************************/
/* Lista de productos del "Ver carrito"  ------------- */
article section .woocommerce table tbody tr {
    border-top: 1px solid #ddd;
    padding-left: 90% !important;
}


/*
table.cart a.remove {
    height: 25px;
    width: 25px;
    background-size: 25px;
}
*/

table.shop_table td.product-quantity {
    text-align: left;
}


@media only screen and (max-width: 599px) {
    table.cart td.actions .coupon {
        margin-bottom: 10px;
    }
    
	article section .woocommerce table td.product-remove {
    padding-left: 90% !important;
}


    div.coupon {
        width: 100%;
    }
    
    td.actions input[name="coupon_code"] {
        margin-bottom: 0 !important;
        width: 50%;
    }
    
    td.actions input[name="apply_coupon"] {
        width: 41%;
        right: 0;
        position: absolute;
        margin-right: 0 !important;
    }
    
    td.actions input[name="update_cart"] {
        margin-top: 0;
        width: 100%;
    }
    
    td.actions input[name="proceed"] {
        width: 100%;
    }
    
    article section .woocommerce table td.product-thumbnail {
        padding: 5px 5px 5px 30% !important;
    }
    
    article section .woocommerce table td.product-thumbnail img {
        width: 100px !important;
        border: 1px dotted #ddd;
        padding: 3px;
    }
    
    
    /********* Checkout **********/
/*     form.checkout table.shop_table tr.cart_item td { */
/*         padding: 5px !important; */
/*     } */
    
/*     form.checkout table.shop_table tr.cart_item td dl { */
/*         margin: 0.25em 150px 0px 25px; */
/*     } */
    
/*     form.checkout table.shop_table tr.cart_item td dd { */
/*         width: 100%; */
/*         margin: 0 60px 0 40px; */
/*     } */
    
/*     form.checkout table.shop_table tfoot tr th { */
/*         width: 100px; */
/*         position: absolute; */
/*         text-align: left; */
/*         background-color: #F1F1F1; */
/*         z-index: 1000; */
/*         padding-bottom: 70px; */
/*     } */
    
/*     form.checkout table.shop_table tfoot tr td { */
/*         background-color: white; */
/*         padding: 5px 5px 5px 125px !important; */
/*         border-bottom: 1px solid #ddd; */
/*     } */
    
/*     form.checkout table.shop_table tfoot tr td ul { */
/*         background-color: white; */
/*     } */
    
/*     form.checkout table.shop_table tfoot tr td li { */
/*         padding-left: 0; */
/*         background-color: white; */
/*     } */
    
/*     form.checkout table.shop_table tfoot tr td li label { */
/*         width: 100px; */
/*         line-height: 1.5em; */
/*     } */
    
/*     form.checkout table.shop_table tfoot { */
/*         border-top: 1px solid #ddd; */
/*     } */

    table.shop_table tr.cart_item td {
        padding: 5px !important;
    }
    
    table.shop_table tr.cart_item td dl {
        margin: 0.25em 0 0 25px;
    }
    
    table.shop_table tr.cart_item td dd {
        width: 100%;
        margin: 0 60px 0 40px;
    }
    
    table.shop_table tfoot tr th {
        width: 100px;
        position: absolute;
        text-align: left;
        background-color: #F1F1F1;
        z-index: 1000;
        padding-bottom: 70px;
    }
    table.shop_table tfoot tr.shipping th {
        padding-bottom: 103px;
    }
    
    table.shop_table tfoot tr td {
        background-color: white;
        padding: 5px 5px 5px 125px !important;
        /*border-bottom: 1px solid #ddd;*/
    }
    
    table.shop_table tfoot tr td ul {
        background-color: white;
        margin-left:123px;
    }
    
    table.shop_table tfoot tr td .amount {
        background-color: white;
       /*  margin-left:123px; */ /* Cambios portfolio*/
    }
	 
	/* Añadido Portfolio*/ 
	p.precio {
    	bottom: 56px;
    	left: 4%;
    	position: absolute;
    	width: 80px;
	}
	
	div .variations_button div.quantity, form.cart div.quantity {
		float: right !important;
    	margin-left: -92px !important;
    	margin-top: -20px !important;
	}
	div.single_variation_wrap {
		margin-left:0px !important;
	}
	.single_variation p.stock {
	text-align:center;
	}
	.nuestroprecio {
		bottom: 76px;
	}
	
	.nuestracantidad {
		bottom: 75px;
    	position: absolute;
    	right: 24%;
}
	.cart .variations_button p.precio {
    bottom: 55px;
    left: 2%;
    position: absolute;
    width: 90px;
}

.cart p.precio {
    bottom: 54px;
    left: 3%;
    position: absolute;
    width: 80px;
}

form.cart div.single_variation_wrap div.quantity {
    bottom: -12px;
    margin-left: 63px !important;
    margin-top: -5px !important;
}

	div.single_variation span.price {
		bottom: 78px; 
	}
	
	.single_add_to_cart_button {
		float: right;
    	margin-top: 26px;
		line-height:14px;
	}
	td.product-quantity div.buttons_added {
		margin-left: 0px;
		margin-top:0px;
		text-align: left;
	}
	tr.cart-subtotal td, tr.order-total td {
		text-align:right;
	}
	#order_review table.shop_table tr.cart_item td.product-price, #order_review table.shop_table tr.cart_item td.product-quantity, #order_review table.shop_table tr.cart_item td.product-total {
		display:none;
	}
    /*Hasta aquí*/ 
	
    table.shop_table tfoot tr td #shipping_method .amount {
        background-color: white;
        margin-left:0px;
    }
    
    table.shop_table tfoot tr td li {
        padding-left: 0;
        background-color: white;
    }
    
    table.shop_table tfoot tr td li label {
        width: 100px;
        line-height: 1.5em;
    }
    
    table.shop_table tfoot {
        border-top: 1px solid #ddd;
    }
    
    #payment {
        margin-top: 70px;
    }
    
    /* Mi cuenta, detalle de pedidos */
    div.woocommerce header {
        margin-top: 70px;
    }
    
    article section table:not(.woocommerce) td {
        padding: 5px 5px 5px 5px !important;
		background-color:#FFFFFF;
    }
}

@media only screen and (min-width : 541px) and (max-width: 599px) {
    td.actions input[name="apply_coupon"] {
        width: 20%;
    }
    
    table.cart td.actions {
        padding-right: 0 !important;
    }
    
    td.actions input[name="update_cart"] {
        margin: 0 0 10px 0;
    }
    
    td.actions input[name="proceed"] {
        margin: 0 0 10px 0;
    }
}

@media only screen and (min-width : 601px) and (max-width: 605px) {
    td.actions input[name="proceed"] {
        width: 15%;
    }
}

@media only screen and (min-width : 601px) {
    article section .woocommerce table td.product-remove {
        padding: 5px !important;
    }
    
    /*
    table.cart a.remove {
        height: 16px;
        width: 16px;
        background-size: 16px;
    }
    */
    
    /* Checkout ********************** */
    form.checkout table.shop_table tfoot tr td li {
        padding-left: 0;
    }
    table.shop_table td {
        border-bottom: 1px solid #ddd;
    }
}

@media only screen and (min-width : 801px) {
	.gk-product-gallery .gk-image .gk-img-overlay {
		height: 100%;
	}
}

@media only screen and (min-width : 600px) and (max-width: 801px) {
	
	/* div .variations_button div.quantity, form.cart div.quantity {
		float: right !important;
    	margin-left: -92px !important;
    	margin-top: -20px !important;
	} */
	div.single_variation_wrap {
		margin-left:0px !important;
	}
	.single_variation p.stock {
	text-align:center;
	}
	.nuestroprecio {
		bottom: 76px;
		left:20%;
	}
	
	.nuestracantidad {
		bottom: 75px;
    	position: absolute;
    	right: 24%;
}
	.cart .variations_button p.precio {
    bottom: 55px;
    left: 2%;
    position: absolute;
    width: 90px;
}

.cart p.precio {
    	bottom: 56px;
    	left: 4%;
    	position: absolute;
    	width: 80px;
	}

form.cart div.single_variation_wrap div.quantity {
   /* bottom: 30px;
    margin-left: 63px !important;
    margin-top: -5px !important;
	*/
	float:none !important;
	margin:0px !important;
}

	div.single_variation span.price {
		bottom: 78px; 
	}
	.variations_button {
	float:right;
	}
}
@media only screen and (min-width : 600px) and (max-width: 641px) {
.cart p.precio {
    bottom: 54px;
    left: 6%;
    position: absolute;
    width: 80px;
}
.nuestroprecio {
		left: 23%;
	}
	
form.cart div.single_variation_wrap div.quantity, form.cart div.quantity {
    bottom: 0px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}
div.product form.cart div.quantity, #content div.product form.cart div.quantity {
	float:none;
}

}
@media only screen and (min-width : 642px) and (max-width: 801px) {
.cart p.precio {
    bottom: 54px;
    left: 11%;
    position: absolute;
    width: 80px;
}
.nuestroprecio {
		left: 23%;
	}
div.product form.cart div.quantity, #content div.product form.cart div.quantity {
	float:none;
}
}