@font-face {
  font-family: 'Gabriola';
  src: url('gabriola.ttf');
}

html, body {
	padding: 0;
	height: 100%;
	width:100%;
	
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 0 auto;
    content:".";
    line-height: 1.2em;
    color: #2d2d2d;
}

*, *::before, *::after {
    -moz-osx-font-smoothing: grayscale;
}
*, *::before, *::after, input[type="search"] {
    box-sizing: border-box;
}
*, *::before, *::after {
    -moz-osx-font-smoothing: grayscale;
}
*, *::before, *::after, input[type="search"] {
    box-sizing: border-box;
}

a, abbr, address, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, label, legend, li, object, ol, p, pre, q, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul {
    border: 0 none;
    margin: 0;
    padding: 0;
}
* {
    margin: 0;
    outline: 0 none;
    padding: 0;
}


a {
	color: #000000;
}

#head {
	padding: 45px 0 50px 0;
	text-align: center;
	border-bottom: 2px solid #eeeeee;
}

	#head img {
		height: 135px;
	}
	
#menu {
	padding: 0 0 25px;
	text-align: center;
}

#menu li {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	cursor: pointer;
	padding-top: 25px;
} 


.menuopt {
	cursor: pointer;
}

.menuopt, .menuopt a {
	color: #9a9a9a !important;
	text-decoration: none;
}
.menuopt:hover , .menuopt a:hover {
	color: #dbba00 !important;
}

#menu .active, #menu .active a {
	color: #000000 !important;
	font-weight: 600 !important;
}

#loading img {
	width: 50px;
}
#loading {
    display: inline;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: fixed;
    text-align: center;
    top: 50%;
    z-index:999;
}


.input {
   background-color: #ffffff;
   border: 1px solid #000000;
   border-radius: 10px;
   font-family: "Open Sans",sans-serif;
   font-size: 15px;
   margin-bottom: 20px;
   padding: 10px;
   width: 90%;
	
}

.textarea {
	height: 100px;
}

.button {
	font-family: "Open Sans",sans-serif;
	font-size: 15px;
	padding: 10px 20px;
	background-color: #000000;
	color: #ffffff;
	border: none;
   	border-radius: 10px;
   	margin-top:10px;
   	cursor: pointer;
}



#section, .section {
	width: 900px;
	margin:0 auto;
	/*padding-top: 25px;*/
	color: #000000;
	line-height: 25px;
	text-align: center;
	min-height: 300px;
	z-index: 1;
	position: relative;
}

.introsec {

    width: 100%;
    max-width: 800px;
    text-align: center;
    margin: 40px auto;
    color: #666;
    line-height: 22px;

}

.introsec h1 {

    margin: 20px 0;
    line-height: 36px;

}

.iconsection {
    width: 90px;
    margin-bottom: 25px;
}

#section_cuchillos {

    background-image: url("../images/productos/cuchilleria/2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
	padding: 80px 20px;
	position: relative;
}

#section_sombreros {
	background-image: url("../images/productos/sombreros/1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
	padding: 80px 20px;
	position: relative;	
}

#section_cuchillos:after, #section_sombreros:after {
	content: "";
	position: absolute;
	background-color: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

#section_cuchillos p, #section_sombreros p {
    color: #FFF;
}

.section h2 {

    font-size: 26px;
    margin-bottom: 26px;
    color: #FFF;
    line-height: 33px;

}

/*HOME*****************************************/

#history {
    color: #666666;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 26px;
    padding: 20px;
}
	#history p {
		margin-bottom: 20px;
	}
	#history h1 {	
	    font-size: 27px;
	    margin: 20px;
	    line-height: 39px;
	}
	
	#history h2 {
	    font-size: 23px;
	    margin: 40px auto;
	    border-top: 1px solid #ddd;
	    padding-top: 70px;
	}
	
	.indeximg {
	    display: block;
	    margin: 40px auto;
	    width: 75%;
	    border-radius: 10px;
	}
	
	.visitgallery {

	    text-align: left;
	    width: 217px;
	    margin: 20px auto;
	    position: relative;
	    padding: 10px 10px 10px 75px;
	    border: 1px solid #aaa;
	    border-radius: 10px;
	
	}
	
	.visitgallery:after {
		content: "";
		position: absolute;
		left: 10px;
		top: 25px;
		width: 50px;
		height: 50px;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-image: url("../images/gallery.png");
	}
	
	.visitgallery a {
	    text-decoration: none;
	    font-weight: bolder;
	    font-size: 16px;
	    color: #FFFFFF;
	}
/*PRODUCTOS*****************************************/
#submenu {
	padding: 25px 0;
	text-align: center;
	border-top: 2px solid #eeeeee;

}

#submenu li {
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 10);
	cursor: pointer;
} 

.submenuopt {
	cursor: pointer;
}

.submenuopt {
	color: #9a9a9a;
	
}
.submenuopt:hover {
	color: #dbba00;
}

#submenu .active {
	color: #000000;
	font-weight: 600;
}


#productlist li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    list-style: none;
    margin:5px;
    padding: 10px;
}
	#productlist li  img{
		width: 150px;
		height: 150px;
		padding: 10px;
		background-color: #efefef;
		border-radius: 8px;
		border:1px solid #cccccc;
	}

/*CONTACT*****************************************/
.contacto li{
	list-style: none;
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 20px);
}

#contact_form {
	text-align: left;
	float: left;
}
#contacto a {
	color: #000000;
}

#contact_map {
	display: inline-block;
    height: 100%;
    min-height: 390px;
    vertical-align: top;
    width: 50%;
    float: right;
}
#loading2 img {
    width: 40px;
}
#loading2 {
	padding-top: 165px;
    position: relative;
    text-align: center;
}
.oksend {
    font-size: 25px;
    margin-bottom: 9px;
    margin-top: 100px;
}

.othercontact {
	background-image: url("../images/ico.jpg");
    background-repeat: no-repeat;
    background-size: 27px auto;
    list-style: outside none none;
    text-align: left;
    padding-left: 30px;
}
.othercontact a {
	text-decoration: none;
	color: #000000;
}

#contact_phone {
	background-position: 0px 0px;
}
#contact_mail {
	background-position: 0px -28px;
}
#contactoother {
    text-align: left;
}




#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}


#footer {
    font-size: 10px;
    line-height: 13px;
    margin-bottom: 20px;
    margin-top: 45px;
    text-align: center;
}

#footer a {
	color: #000000;
}


/*SHOP*****************************************/

#shopcart {
    background-image: url("../images/shopcart.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    display: inline-block;
    height: 36px;
    position: fixed;
    right: 10px;
    top: 20px;
    width: 40px;
    font-size: 11px;
    z-index: 99;
}

.numbershop {
    background-color: rgba(255, 35, 35, 0.85);
    border-radius: 100px;
    color: #ffffff;
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding: 0 7px;
    text-align: center;
}

#titlepshop {
    font-size: 35px;
    font-weight: lighter;
    margin-top: 35px;
}

#descpshop {
    color: #666666;
    margin-bottom: 40px;
    margin-top: 25px;
}

#shoplist li {
	display: inline-block;
	vertical-align: top;
	width: calc((100% / 3) - 5px);
	height: 297px;
	padding: 10px;
}

#shoplist li .boxshop {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
	
}

.blockshop {
	background-image: url("../images/shop/bar.png");
   background-repeat: no-repeat;
   background-size: 100% auto;
   bottom: 0;
   display: inline-block;
   height: 30%;
   left: 0;
   position: absolute;
   width: 100%;
   line-height: 18px;
   padding: 0 5px;
   
}

.titleshop {
    color: #ffffff;
    font-size: 14px;
}

.prizeshop {
    background-color: #1dfe1d;
    color: #666666;
    border-radius: 5px;
    padding: 0 8px;
    font-weight: bold;
    display: inline;
}
.btnbuy {
	padding: 5px 8px;
	background-color: #ffa50d;
	color: #FFFFFF;
	border-radius: 5px;
	border: none;
	cursor: pointer;
}

#art_img {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    height: 50vw;
    vertical-align: top;
    width: 50%;
}

#art_rest {
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
	width: calc(50% - 20px);
	text-align: left;
}

#art_name {
	font-size: 25px;
	
}




#cart_ul {
	width: calc(100% - 5px);
	text-align: left;
	padding: 0 0 0 5px;
	
}
.cart_li {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	text-align: left;
	padding: 0 0 0 5px;
	border-bottom:1px dotted #cccccc;
}
.price_li {
	display: inline-block;
	vertical-align: top;
	width: 29%;
	text-align: left;
	padding: 0 0 0 5px;
	border-bottom:1px dotted #cccccc;
}
.send_li {
	display: inline-block;
	vertical-align: top;
	width: 15%;
	text-align: left;
	padding: 0 0 0 5px;
	border-bottom:1px dotted #cccccc;
}
.ctr_li_emp {
	display: inline-block;
	vertical-align: top;
	width: 10%;
	text-align: left;
	padding: 0 0 0 5px;
	border-bottom:1px dotted #cccccc;
}
.ctr_li {
	display: inline-block;
	vertical-align: top;
	width: 10%;
	text-align: left;
	padding: 0 0 0 5px;
	border-bottom:1px dotted #cccccc;
	background-image: url("../images/shop/delete.png");
	background-repeat: no-repeat;
	background-size: auto 50%;
	background-position: center center;
	cursor: pointer;
}

#total_cart {
	padding: 20px;
	background-color: #efefef;
	display: inline-block;
	float: right;
}

.total_cont {
	text-align: center;
	margin-top:125px;
}

	.total_cont button {
		padding: 5px 8px;
		background-color: #ffa50d;
		color: #FFFFFF;
		border-radius: 5px;
		border: none;
		cursor: pointer;
	}


#cart_datos {
	text-align: center;
	margin-top: 20px;
}


#cart_datos input, #cart_datos .input {
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 8px 10px;
    width: 50%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

input#acept_cart {
	width: 20px;
}


#cart_datos .total_cont {
	margin-top:10px;
}




#compramsn {
    font-size: 20px;
    line-height: 30px;
    margin: 62px 0;
    text-align: center;
}

.red {
	color: #9e0000;
}

.compra {
	font-size: 11px;
	padding: 40px 20px 20px;
	text-align: justify;
}


/*PARKING************************************/
.park_direccion {
    line-height: 18px;
    text-align: center;
}

.park_direccion #gps {
	width: 200px;
}

@media screen and (max-width:900px) {
	#section, .section {
		width: 100%;
	}
	#contact_form {
		margin-left:20px;
	}
	#contactoother {
		padding-top:20px;
		margin-left: 20px;
	}
}

@media screen and (max-width:830px) {
	#submenu li {
	    margin: 10px 15px;
	    width: auto;
	}
}

@media screen and (max-width:780px) {
	#shoplist li {
		width: calc(100% / 2 - 5px);
	}
}

@media screen and (max-width:685px) {
	#contact_map,#contact_form {
		width: 100%;
		float: none;
	}
	#framemapa,#contact_map {
		height: 250px;
		min-height: 0;
	}
	#contact_form {
		margin-top:20px;
		text-align: center;
		margin-left:0px;
	}
	#contactoother {
		text-align:center;
		margin-top:20px;
		margin-left: 20px;
	}

}

@media screen and (max-width:620px) {
	#art_img {
		width: 100%;
	}
	#art_rest {
		width: 100%;
		margin-top: 30px;
	}
}

@media screen and (max-width:520px) {
	#shoplist li {
		width: calc(100% / 1 - 5px);
	}
	
	#head {
    	padding: 8px 0 0px 0;
    }
    
    .prog_swiper-container {
	    height: 230px !important;
    }
}



@media screen and (max-width:480px) {
	#contactoother {
		text-align: left;
	}
	#productlist li img {
	    height: 100px;
	    padding: 7px;
	    width: 100px;
	}
	#shoplist li {
		width: 100%;
	}
}

/*@media screen and (max-width:480px) {
	#contactoother {
		text-align: left;
	}
	#productlist li img {
	    height: 100px;
	    padding: 7px;
	    width: 100px;
	}
	#shoplist li {
		width: 100%;
	}
}*/


@media screen and (max-width:340px) {
	/*#menu li {
		width: 83px;
	}*/
}


#tamano {
	display: none;
}