@charset "utf-8";

body {background:#fff; margin:0 auto;/*font-family: 'Caveat Brush', cursive;*/font-family: 'Doppio One', sans-serif;}

.boldTextNew {
		
		font-weight:bold;
		color: #000;
	}

#head {
	width:84%; 
	position:relative; 
	height:auto; 
	padding-top:1%; 
	padding-bottom:1%;
	background:#f8f8f8;
	padding-left:8%; 
	padding-right:8%;
	overflow:hidden;
	border-top:solid 3px #ed1c24;}
	
	.logo {width:20%; float:left; cursor:pointer;}
	
	#manu-container {width: 50%; float:left; margin-left:4%; overflow:hidden; margin-top:1.3%;}
	
		.btn-menu {color:#000; float:left; margin-right:4%; text-decoration:none; font-size:80%;font-weight:bold;
		-webkit-transition-duration:0.3s;}
		.btn-menu:hover {color:#ed1c24;}
		
	#mail-info-container {width: 12%; float:right; overflow:hidden; margin-top:1%; background:#333; text-align:center;
	padding: 0.3% 0% 0.4% 0%;}
	
		.btn-mail-info {color:#fff; font-size:80%; text-decoration:none;}
		.btn-mail-info:hover {color:#ed1c24;}
		
#shadow {width:90%; margin-top:0; margin-left:5%;}
		
h2 {text-align:center; margin:0; font-size:200%; font-weight:normal; color:#ed1c24; padding-top:3%;}

h3 {float:left; margin:0; margin-top:5px; margin-left:10px; color:#999;}

h4 {color:#000; font-weight:normal; margin:0;}

h5 {color:#000; margin-left:2px; margin-bottom:2px; margin-top:0;}


/*CATEGORIES*/
#container-categories {width:85%; margin:0 auto;height:auto; margin-top:3%; text-align:center;position:relative;
}
	.category {width:24%; height:260px; background:#fff;  display:inline-block; padding-top:2%; padding-bottom:2%;
	position:relative; border:solid thin #fff;-webkit-box-shadow:0px 0px 0px #ccc;-webkit-transition-duration:0.3s;}
	.category:hover {border:solid thin #f1f1f1; -webkit-box-shadow:0px 0px 5px #dfdfdf;}
	
	.img-category {width:80%; position:absolute; left:10%; -webkit-transition-duration:0.3s;}
	.img-category:hover {width:90%; left:5%; }
	
	.txt-category {position:absolute; bottom:20px; left:0; width:100%; font-size:100%;font-family: 'Doppio One', sans-serif;}
	
	.select-btn-categories {color:#ccc;-webkit-transition-duration:0.3s; }
	.select-btn-categories:hover {color:#ed1c24;}

/*CATEGORIES*/


/*SUB CATEGORIES*/
#container-sub-categories {width:85%; margin:0 auto;height:auto; margin-top:3%; margin-bottom:4%; text-align:center;position:relative;
}
	.sub-category {width:24%; height:260px; background:#fff;  display:inline-block; padding-top:2%; padding-bottom:2%;
	position:relative; border:solid thin #fff;-webkit-box-shadow:0px 0px 0px #ccc;-webkit-transition-duration:0.3s;}
	.sub-category:hover {border:solid thin #f1f1f1; -webkit-box-shadow:0px 0px 5px #dfdfdf;}
	
	.img-sub-category {width:80%; position:absolute; left:10%; -webkit-transition-duration:0.3s;}
	.img-sub-category:hover {width:90%; left:5%; }
	
	.txt-sub-category {position:absolute; bottom:20px; left:0; width:100%; font-size:100%;font-family: 'Doppio One', sans-serif;}
	
	.select-btn-sub-categories {color:#ccc;-webkit-transition-duration:0.3s; }
	.select-btn-sub-categories:hover {color:#ed1c24;}

/*SUB CATEGORIES*/

	#aside_left{width:15%;height:300px; float:left; margin-left:9%; border-right:solid thin #f1f1f1;font-family: 'Open Sans Condensed', sans-serif; font-weight:normal; padding:10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100 */
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f8f8f8 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f8f8f8 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

/*SUB TYPES*/
#container-sub-types {width:67%; height:auto; margin-top:0%; margin-bottom:4%;position:relative; float:left; margin-left:20px;
}
	.sub-types {width:24%; height:260px; background:#fff;  display:inline-block; padding-top:2%; padding-bottom:2%;
	position:relative; border:solid thin #fff;-webkit-box-shadow:0px 0px 0px #ccc;-webkit-transition-duration:0.3s;}
	.sub-types:hover {border:solid thin #f1f1f1; -webkit-box-shadow:0px 0px 5px #dfdfdf;}
	
	.img-sub-types {width:80%; position:absolute; left:10%; -webkit-transition-duration:0.3s; opacity:0.9;}
	.img-sub-types:hover {width:90%; left:5%;opacity:1; }
	
	.txt-sub-types {position:absolute; bottom:20px; left:0; width:100%; font-size:120%;font-family: 'Doppio One', sans-serif;
	text-align:center;}
	
	.select-btn-sub-types {color:#ccc;-webkit-transition-duration:0.3s; }
	.select-btn-sub-types:hover {color:#ed1c24;}
	
	.btn_types {display:inline-block;width:98%;text-decoration:none; color:#666; background:none; padding-top:1%; padding-bottom:1%; padding-left:2%;border-bottom:solid thin #fff;}
	.btn_types:hover {color:#A80004; border-bottom:solid thin #f1f1f1; background:#f4f4f4;}
	
	
	.bold{font-weight:bold;}

/*SUB TYPES*/

/*INFO TYPE */
#info_type_header {width:82%;  margin-left:9%; height:auto; overflow:hidden;  margin-top:2%; margin-bottom:2%; border-bottom:solid thin #f1f1f1;}

#info_type_content {width:82%;  margin-left:9%; height:auto; overflow:hidden;  margin-top:2%; margin-bottom:2%;overflow:hidden;}

#options_img_info_type_content {width:8%; height:auto; border: solid thin #f1f1f1;float:left;}
#img_info_type_content {width:430px; height:auto; border: solid thin #f1f1f1; float:left; margin-left:2%;
}
#description_info_type_content {width:37%; height:auto; float:left;font-family: 'Open Sans Condensed', sans-serif; padding-left:3%; color:#999; }

.img_options {border:solid thin #000; margin-bottom:5px; width:100%;}

.bold {font-weight:bold; color:#000;}
/*INFO TYPE */

/*ZOOM STYLE*/
img { border: 0px; }


.spritezoom-zoom {
 -webkit-box-shadow:0px 0px 10px #ccc;

}

.example {
  margin: 0px;
  cursor: pointer;
}



/*ZOOM STYLE*/



#news {width:100%; margin-top:6%; margin-bottom:4%;}


	.category-news-small {width:24%; height:260px; background:#000;  display:inline-block; padding-top:2%; padding-bottom:2%;
	position:relative; border:solid thin #fff;-webkit-box-shadow:0px 0px 0px #ccc;-webkit-transition-duration:0.3s;}
	
	.category-news-big {width:45%; height:260px; background:#000;  display:inline-block; padding-top:2%; padding-bottom:2%;
	position:relative; border:solid thin #fff;-webkit-box-shadow:0px 0px 0px #ccc;-webkit-transition-duration:0.3s;
	overflow:hidden;}
	
	
	.txt-category-news {position:absolute; bottom:0px; left:0; width:100%; font-size:100%; background:#b2b2b2; padding:8px 0% 8px 0%;font-family: 'Doppio One', sans-serif;}
	
	.select-btn-categories-news {color:#fff; font-weight:bold;-webkit-transition-duration:0.3s; }
	.select-btn-categories-news:hover {color:#000; font-weight:normal;}
	
	.img-category-news {width:80%; position:absolute; left:10%; -webkit-transition-duration:0.3s;}
	.img-category-news:hover {width:90%; left:5%; }
	
	.img-category-news-big {width:100%; position:absolute; left:0%; -webkit-transition-duration:0.3s; margin-top:-5%;}
	.img-category-news-big:hover {width:110%; left:-5%; }
	
	
#container_opotions_products {width:82%; height:auto; margin-left:9%; margin-top:20px; margin-bottom:40px; float:left; overflow:hidden; padding-top:5px; border-bottom:solid thin #f4f4f4; }

.img_arrow_back {width:40px; opacity:0.6;}

.img_arrow_back:hover {opacity:1; -webkit-transition-duration:0.2s;}

.container_num_products {width:auto; height:40px;  float:right; font-weight:normal; color:#999;}
.sphere_number{display:block; width:30px; height:22px; background:url(../img/sphere.png); color:#fff; float:right;
padding-top:8px; text-align:center; margin-top:-5px; font-size:11px;}
.btn_opotions_products {text-decoration:none; margin-right:30px; color:#F00;}

.btn_opotions_products:hover {color:#000;}	
	
#foother {width:100%; background:#e8e7e1; height:auto; padding:3% 0% 3% 0%; margin-top:6%; text-align:center; color:#999;}

.txt_web {text-align:justify; color:#999; font-weight:normal;}
.txt_web_center {text-align:center; color:#999; font-weight:normal;}
.titles_txt {color:#000;}
	
	#IrInicio {
		 	position:fixed;
		 	width:40px;
		 	height: 40px;
		 	right:10px; 
		 	bottom:10px; 
		 	opacity:0.2;
		 	-webkit-transition-duration:3s;
		 	transition-duration:0.3s;
		    background:url(../img/top.png);
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
			display: block;
			z-index:1;}
		 
			#IrInicio:hover {
		 	bottom:15px; 
		 	opacity:1; 
		 	-webkit-transition-duration:3s;
		 	transition-duration:0.2s;
		    background:url(../img/top_hover.png);
		    -webkit-transform: rotate(0deg);
		    transform: rotate(0deg);
		    cursor: pointer;}
			
			
			
			/*FORM*/
			
			#cont_input {width:32%; height:auto;   display:inline-block; padding-top:2%; padding-bottom:2%;
	position:relative; border:solid thin #fff;-webkit-box-shadow:0px 0px 0px #ccc;-webkit-transition-duration:0.3s;
	}
	
	.input-c {width:96%; padding-top:4%; padding-bottom:4%; padding-left:3%; display:inline-block;font-size:14px;border:solid thin #ccc; background:none;}
	
	#cont_txt_area {width:100%; margin-bottom:2%;}
.input_txt_area_c {width:95.7%; padding-top:2%; padding-bottom:2%; padding-left:1%; display:inline-block;font-size:14px;font-family: 'Open Sans Condensed', sans-serif; border:solid thin #ccc; background:none;}

.input-c:focus {color:#000;border:solid thin #000;}
.input_txt_area_c:focus {color:#000;border:solid thin #000;}

.btn_center {display:block; width:25%; height:auto; background:#000; color:#fff; padding-top:1.5%; padding-bottom:1.5%; text-align:center; text-decoration:none; margin:0 auto;-webkit-transition-duration:.3s;transition-duration:.3s;}
	
	.btn_center:hover { background:red; -webkit-transition-duration:.3s;transition-duration:.3s;}


.containerCatalogs {
	width:100%;
	display: flex; 
	justify-content: center;
	box-sizing: border-box;
	align-items: center;
	padding: 50px;
}
.columnNormal{
	width: 100%;
	box-sizing: border-box;
}
.columnAuto{
	box-sizing: border-box;
}

.titlePrevCatalogs {
	display: inline-block;
	width:100%;
	margin-bottom: 6px;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}

.titlePrevCatalogs:hover {
	text-decoration:underline;
	cursor:pointer;
}

.imagePrevCatalogs {
	border: solid 6px #CCC;
	margin:10px;
	cursor:pointer;
}