@charset "utf-8";
/* CSS Document */

/*body {width:100%; margin:0 auto;font-family: 'Open Sans Condensed', sans-serif;}*/
body {width:100%; margin:0 auto;font-family: 'Montserrat', sans-serif; }

img {border:none;}

#nuevoMenu2022 {
	width:80%; 
	height:100px; 
	background:#000;
	position:relative;
	top:0;
	z-index:1000;
	padding-left:10%;
	padding-right:10%;
}

#container_btns_menu_2022 {
	float:right;
	width:auto;
}

#botonesPc {
	display:block;
	width:100%;
	position:relative;
	left:0px;
	top:0px;
}
#botonesMovil {
	display:none;
	position:relative;
}

.nuevoBtnMenu2022 {
	float:left; 
	display:inline-block;
	width:auto; 
	height:auto; 
	background:#000;
	padding:17px 14px 17px 14px; 
	margin-top:26px;
	text-align:center; 
	border-radius:4px; 
	position:relative;
}

.nuevoBtnMenu2022:hover {
	background:#333333;
	cursor:pointer;
	
}

.nuevoHrefMenu2022 {
	display:block;
	width:100%;
	height:100%;
	color:white;
	font-size:15px;
}

#contenedorSubMenu {
	display:none;
	position:absolute;
	width:260px; 
	height:270px; 
	overflow:auto;
	visibility:visible;
	background:#000;
	z-index:10000000000000000000;
	margin-top:39px;
	text-align:left;
	padding:8px;
	border-radius:5px;
	left:auto;
	margin-left:-16px;
}

.btnInternoSubmenu {
	width:96%;
	display:inline-block;
	color:white;
	background:#000;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:4%;
	margin-bottom:2px;
	font-size:13px;
	
}

.btnInternoSubmenu:hover {
	background:#333333;
}


.modalBg {
	position:fixed;
	top:0;
	left:0;
	background: rgba(0, 0, 0, 0.7);
	width:100%;
	height:100%;
	display:block;
	z-index:10000000000000000;
}
.modalInterior {
	margin:auto;
	padding:0px 0px;
	padding-top:26px;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#000;
	text-align:left;
	font-size:13px;
	overflow:auto;
	visibility: visible;
	margin:auto;
	box-shadow: 0px 4px 14px #000;
	border: solid 4px #000;
	border-radius:4px;
}
.modalInicio{
	width: 640px;
	height: 360px;
}

.contieneVideoIndex {
	width:100%;
}

/*----------------------------------------------------------*/

#general {width:100%; height:auto; overflow:hidden;}

a {text-decoration: none;}

/*2020*/
#containerTestimLeft{
	display:inline-block; vertical-align:top;width:320px; height:auto;text-align:center;
}
#containerTestimRight{
	display:inline-block; vertical-align:top;width:320px; height:auto; border-bottom:solid thin #e2e2e2;text-align:left;
}

/*---------------------------------------------------------------------------MENU MOVIMIENTO-----------------------------------------------------------------------*/
#container_one nav {
	background:#000;
	/*overflow:hidden;*/
	width:80%;
	padding-left:14%; padding-right:6%;margin-bottom: 0%;
	height:100px;
	text-align: center;
	}


	#logo {width:130px; float:left; height:auto; margin-top:13px;margin-bottom: 0%;}
	
	


	#container_one nav ul {
	list-style: none;
	/*overflow: hidden;*/
	display:block;
	width:51%;
	float:right;
	text-align:center;
	}


	#container_one nav ul li a {
	display: block;
	color:#fff;
	text-decoration: none;
	padding:20px;
	font-size:130%;
	-webkit-border-radius:2px;
	float: left;
	}

	#container_one nav ul li a:hover {
	background:#222;
	-webkit-transition-duration:0.3s;transition-duration:0.3s;
	}

	#container_one nav ul li a:focus {
	background:#333;
	color:#fff;
	}




	.btn_menu_boost {display: none; width: 20%; float:left; background:none; color:#fff; text-decoration: none; padding-top:0.5%; padding-bottom:0.5%; font-size:13px;}
	.btn_menu_boost:focus {background:#333; color:#fff; }



	.int_cabecera {
	width: 100%;
	margin:auto;
	}

	.menu{
		z-index:1000;
		top:0px;
		width:100%;
		padding-bottom:0.2%;
	}
	
	.menu-fixed {
		position:fixed;
		
	}



/*-------------------------------------------------------------------------------------PRESENTACION---------------------------------------------------------------------*/
 .banner {width:100%; height:auto; background:#666;}

	#logo_y_tel_presentacion {
	width:92%;
	height:auto;
	display: block;
	padding: 0% 5% 0% 3%;
	position: absolute;
	z-index: 2000;
	left:0%;
	top:3%;
    font-size:150%;
    color:#fff;
	overflow:hidden;
	}

		#cont_watt_tel_float {float:left; width: auto; margin-top:1.5%; margin-left:2%;}

	    .logo_int_presentacion {width:40%;}


	.img_icons_social {float:right; margin-top:2.3%; width:2.5%; margin-left:0.5%; opacity:0.8; -webkit-transition-duration:0.3s;transition-duration:0.3s; display: block;}
	.img_icons_social:hover {opacity:1;-webkit-transition-duration:0.3s;transition-duration:0.3s;}

	.img_icons_social_w {float:left; margin-top:4%; width:8%; margin-left:2%; opacity:0.8; display: block;}

	.comenzar {
	display: block;
	width:12%;
	position: absolute;
	bottom: 27%;
	left:44%;
	z-index: 7000;
	color:#FFF;
	text-align: center;
	font-size: 200%;
	text-decoration: none;
	border-bottom:solid 3px #FFFFFF;
	padding: 0.7% 0 0.7% 0;
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
	background-color: rgba(209, 36, 33, 0.4);
	border-radius:5px;
	}

	.comenzar:hover {color:#fff; -webkit-transition-duration:0.3s;transition-duration:0.3s; background-color: rgba(255, 0, 0, 0.5);}


	#c_saber_mas {width:100%; height:60px; background:#f1f1f1}

/*------------------------------------------------EL CATALOGO--------------------------------------------------------*/


/*------------------------------------------------BOTON FLOTANTE ESTIMATES--------------------------------------*/
#containerBotonFlotante {
			position:fixed; 
			width:380px;
			background:#c62630; 
			z-index:2000; 
			margin-top:101px; 
			right:5%; 
			color:#fff; 
			padding-top:0px;
			padding-bottom:0px;
			font-weight:bold;
			border:solid 2px #333;
			overflow:hidden;
			font-size:14px;
}

.botonFlotanteTelefono {
	display:block;
	width:118px;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	border-right:solid 2px #333;
	margin-left:10px;
}

.botonFlotanteImagen {
	display:block; 
	float:left; 
	margin-top:5px;
	margin-left:20px;
}

.botonFlotanteTexto {
	display:block;
	float:left;
	width:180px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:10px;
}

/*------------------------------------------------BOTON FLOTANTE ESTIMATES--------------------------------------*/

#container_productos {
	width:100%; margin:0 auto; height:auto; position:relative; text-align:center; background:url(../img/bg/bg_catalogo_full.gif);overflow:hidden;
	padding-top:9%;padding-bottom:130px; background-size:135%;background-attachment: fixed;
}


.icons_container_inner_catalogo {
	background:#fff;
	border: 1px solid #f4f4f4;
	display: inline-block;
	letter-spacing: normal;
	width:30.5%;
	padding-top:5%;
	padding-bottom:5%;
	margin-right:3px;
	margin-bottom:3px;
	-webkit-transition-duration:.3s;
	color: #000;
	text-align: center;
	text-decoration: none;
	font-size:180%;
	text-shadow:0px 0px 4px #fff;
	opacity:0.7;
	}

	.icons_container_inner_catalogo:hover {background:#fff; opacity:0.9; -webkit-transition-duration:.6s; color:#F00;text-shadow:0px 0px 4px #fff;border: 1px solid #fff;}

	.the_icons_catalogo {width:40%; height:150px;transition: all .2s ease-in-out;opacity:1;}
	.the_icons_catalogo:hover {transform: scale(1.3) rotate(-12deg); opacity:1;}

	 #container_functions_header {width:92.4%; height:auto;   padding-left:3.8%; padding-right:3.8%; padding-bottom:2%; color:#fff;
	 font-size:130%; overflow:hidden; text-align:left;margin-bottom: 0%;}

	 .campo_select {padding-top:1.5%; padding-bottom:1.5%; padding-left:2%; padding-right:2%; cursor:pointer;
	 /*font-family: 'Open Sans Condensed', sans-serif;*/ 
	 font-family: 'Montserrat', sans-serif;
	 font-size:100%; background:fff; color:#000; opacity: 0.7; }
	 .campo_select:focus {color:#000; opacity: 0.7; }

	 .btn_campo_select {padding-top:1.5%; padding-bottom:1.5%; text-align:center;font-size:100%;
	 /*font-family: 'Open Sans Condensed', sans-serif;*/
	 font-family: 'Montserrat', sans-serif;
	 background:none;
	 border:solid thin #fff; color:#fff; padding-left:2%; padding-right:2%;-webkit-transition-duration:0.3s;transition-duration:0.3s; text-decoration:none; margin-top:0px;
	}

	 .btn_campo_select:hover {background:#000; color:#fff; border:solid thin #000; cursor:pointer;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
	 .btn_campo_select:focus {outline:none;}

	 #contiene_form_categories {float:right; width:60%; text-align:right;}
	 #contiene_back_categories {float:left; width:40%; text-align:left;margin-bottom: 0%;}

	 .carrito_img {width:15%; opacity:0.7;-webkit-transition-duration:0.4s;}
	 .carrito_img:hover {opacity:1; -webkit-transition-duration:0.2s;}
	 .carrito_img:focus {outline:none;opacity:0.5;}

	 .el_precio {font-weight:bold; color:#F00;}
	 .campo_actuaizar {padding-top:2%; padding-bottom:2%; padding-left:2%; color:#F00;}

	

	.titulos_rojos {color:#F00;}




/*------------------------------------------------LOS SERVICIOS--------------------------------------------------------*/

.btnOpenAllServices {
display:block; 
width:82%; 
margin:0 auto; 
background:#fff; 
border:solid thin #e2e2e2;
padding-top:10px; padding-bottom:10px;
color:#d02321;


}

.btnOpenAllServices:hover {background: #000; color:#fff; -webkit-transition-duration:0.6s;}

#container_services {
	width:100%; margin:0 auto; height:auto; position:relative; text-align:center; background:url(../img/bg/bg_servicios_full.gif);overflow:hidden;
	padding-top:9%;padding-bottom:130px; background-size:145%; background-position: -500px 0; background-attachment: fixed;
}

#container_left_services {width:35%; height:400px; float: left; }
#container_right_services {width:55%; height:auto; float: right;  text-align: left; font-size:70%;}

.img_servicios {width:100%;}


/*PRODUCTS-VIEWS*/
#pruducts_general {width:70%; height:auto; margin:auto; text-align:center; background:#f8f8f8; padding-top:10px; padding-bottom:1%;}

#category_block {width:97%; display:block; margin:0 auto; background:#fff;padding-top:1%;}
.category_block {width:95.5%; display:block; text-align:left; margin:0 auto; font-weight:normal;border-bottom:solid thin #ffebe8; background:#fff8f7;line-height: 30px;}

.flor {width:2.1%;}

.category_sub {font-style:italic; font-weight:bold; color:#fc442c}



#product_inner {width:28%; height:270px;  background:#fff; display:inline-block; text-align:center; margin-bottom:10px; padding:2%; overflow:hidden;}
.img_products {width:100%; margin-left:0;margin-top:0;-webkit-transition-duration:0.2s; -webkit-box-shadow:0px 0px 0px #ffd3cd; border:solid thin #fff; padding-top:5%; padding-bottom:2%;}
.img_products:hover {width:110%; margin-left:-5%; margin-top:-5%; -webkit-transition-duration:0.2s;-webkit-box-shadow:0px 2px 15px #ffd3cd;border:solid thin #fff;}
.img_size_products {width:70%;}
.title_products {display:block;width:100%; background:none; color:#fc442c; font-size:100%; text-decoration:none; font-weight:bold;
/*font-family: 'Kaushan Script', cursive; */
font-family: 'Montserrat', sans-serif;
border-bottom:none;}

#container_unique_product {width:97%; height:auto; background:#fff; margin:0 auto; overflow:hidden; padding-bottom:1%; padding-top:1%; text-align:center;}
	
	#container_unique_product_description {width:96%; text-align:left; margin:0 auto; padding-bottom:2%;font-style:italic; color:#6889a3; font-weight:normal;}
	#left_container_unique_product {
		width:23%; 
		height:auto; 
		display:inline-block; 
		background:#fff;   
		text-align:left; 
		margin-bottom:3%;
		border:solid 5px #fff;
		}
	
	.title_description {color:#fc442c;
	/*font-family: 'Kaushan Script', cursive; */
	font-family: 'Montserrat', sans-serif;
	font-size:150%; font-weight:normal; text-decoration:underline; display: block; margin-bottom:1%; text-align:left;}
	
	.img_size_products_unique {width:100%; -webkit-box-shadow:0px 0px 13px #ccc; border:solid thin #fff;}


	
	
	#float_left_faqs_text {width:100%; text-align:center; position:relative; overflow: hidden;}
	#float_right_faqs_img {float:right; width:30%; border:solid thin #f1f1f1; background:#f8f8f8; padding:1%;}
	.img_faqs {width:100%;margin-left:0%;}

	#muestraImagenesPaintingCentradas {width:250px; height:210px; display: inline-block;}


	#container_all_services {width:80%; height: auto; position:relative;margin-bottom:10px; display: inline-block;}
	.txtAllServiesIn {
		color:#fff; 
		text-shadow: 0px 0px 7px #d2002e;
		text-align:left;
		position:absolute; 
		bottom:10%; 
		right:10%;
		font-size:160%;
		font-weight:bold;
		}
	
/*PRODUCTS-VIEWS*/


/*-----------------------------------------------------------------------TITULOS Y SUB TITULOS----------------------------------------------------------------------*/
h1 {text-align:center; color:#666; font-size:250%; font-weight:normal; margin:0; padding-bottom:4%; padding-top:0%;
 }
h2 {text-align:center; color:#b80000; font-size:300%; font-weight:normal;}
h3 {text-align:left; color:#fff; font-size:150%; font-weight:normal; margin:0; float:left; padding-top:2.2%; padding-left:0.7%; width: auto;}
h4 {font-size:150%; margin:0; font-weight: normal; text-align: center;}
h5 {color:#fff; font-size:300%; font-weight:normal; margin:0;}

p {color:#fff; font-size: 220%; text-transform: lowercase; color:#fff7da; text-align: justify;}

.mytitle {display:block; width:100%; font-weight:bold; font-size:200%; text-align:center;}

/*--------------------------------------------------------------------------CONTENEDOR NOSOTROS--------------------------------------------------------------------------*/
#container_two {width:60%; height:auto; position:relative; background-image:url(../img/bg/bg_nosotros.jpg); text-align:justify; padding-left:20%; padding-right:20%;color:#666; font-size:190%; background-attachment:fixed; background-size:105%; padding-top:180px; padding-bottom:100px;background-position: 0px 0px;}


/*--------------------------------------------------------------------------CONTENEDOR CATALOGO--------------------------------------------------------------------------*/
.animate {

		transition: 0.7s ease-in-out;
		-moz-transition: 0.7s ease-in-out;
		-webkit-transition: 0.7s ease-in-out;
	}



/*--------------------------------------------------------------------------CONTENEDOR SERVICIOS---------------------------------------------------------------------------*/

#container_four {width:66%; margin:0 auto; height:auto; position:relative; text-align:center; background:#f1f1f1;overflow:hidden;padding-top:130px;
	padding-bottom:130px; background-size:120%;padding-left:17%; padding-right:17%;
	    transform: translate(0,0);
		-ms-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-webkit-transform: translate(0,0);

		transform: rotate(0deg);
		 -ms-transform: rotate(0deg);
		 -moz-transform: rotate(0deg);
		 -webkit-transform: rotate(0deg);
		opacity:1;}

#container_four.animate {width:66%; margin:0 auto; height:auto; position:relative; text-align:center; background:#f1f1f1;overflow:hidden;padding-top:130px;
	padding-bottom:130px; background-size:120%;padding-left:17%; padding-right:17%;
	    transform: translate(0,0);
		-ms-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-webkit-transform: translate(0,0);

		 transform: rotate(0deg);
		 -ms-transform: rotate(0deg);
		 -moz-transform: rotate(0deg);
		 -webkit-transform: rotate(0deg);
		opacity:1;}


	.icons_container {
	text-align: center;
	font-size: 1rem;
	letter-spacing: 0rem;
	padding-left:0%;
	width:70%;
	margin:0 auto;
	overflow:hidden;
	}
	.icons_container_inner {
	background:url(../img/bg_muestritas.png);
	border: 1px solid #f4f4f4;
	display: inline-block;
	letter-spacing: normal;
	width:30.5%;
	padding-top:5%;
	padding-bottom:5%;
	margin-right:3px;
	margin-bottom:3px;
	-webkit-transition-duration:.3s;
	color: #000;
	text-align: center;
	text-decoration: none;
	font-size:200%;
	text-shadow:0px 0px 4px #fff;
	}

	.icons_container_inner:hover {background:#333; opacity:0.8; -webkit-transition-duration:.6s; color:#fff;text-shadow:0px 0px 4px #000;border: 1px solid #000;}


	.the_icons {width:40%;transition: all .2s ease-in-out;opacity:1; margin-top:0px;}
	.the_icons:hover {transform: scale(1.3) rotate(-12deg); opacity:1;}



/*-----------------------------------------------------CONTENEDOR DISEÑO--------------------------------------------------------------------*/
.animate_grafico {

		transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
	}
#container_five {width:66%; margin:0 auto; height:auto; position:relative; text-align:center; background:#f4f4f4;overflow:hidden;padding-top:130px; padding-left:17%; padding-right:17%;
padding-bottom:30px; background-size:153%;}

#grafico{

		 transform: scale(0, 0);
		 -ms-transform: scale(0, 0);
		 -mOZ-transform: scale(0, 0);
		 -webkit-transform: scale(0, 0);}

#grafico.animate_grafico{

	      transform: scale(1, 1);
		 -ms-transform: scale(1, 1);
		 -mOZ-transform: scale(1, 1);
		 -webkit-transform: scale(1, 1);

		 }




.animate_corporativo {

		transition: 0.8s ease-in-out;
		-moz-transition: 0.8s ease-in-out;
		-webkit-transition: 0.8s ease-in-out;
	}

#corporativo{

		 transform: scale(0, 0);
		 -ms-transform: scale(0, 0);
		 -mOZ-transform: scale(0, 0);
		 -webkit-transform: scale(0, 0);}

#corporativo.animate_corporativo{

	      transform: scale(1, 1);
		 -ms-transform: scale(1, 1);
		 -mOZ-transform: scale(1, 1);
		 -webkit-transform: scale(1, 1);

		 }




.animate_web {

		transition: 0.8s ease-in-out;
		-moz-transition: 0.8s ease-in-out;
		-webkit-transition: 0.8s ease-in-out;
	}

#web{

		 transform: scale(0, 0);
		 -ms-transform: scale(0, 0);
		 -mOZ-transform: scale(0, 0);
		 -webkit-transform: scale(0, 0);}

#web.animate_web{

	      transform: scale(1, 1);
		 -ms-transform: scale(1, 1);
		 -mOZ-transform: scale(1, 1);
		 -webkit-transform: scale(1, 1);

		 }




.animate_publicitario {

		transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-webkit-transition: 1s ease-in-out;
	}

#publicitario{

		 transform: scale(0, 0);
		 -ms-transform: scale(0, 0);
		 -mOZ-transform: scale(0, 0);
		 -webkit-transform: scale(0, 0);}

#publicitario.animate_publicitario{

	      transform: scale(1, 1);
		 -ms-transform: scale(1, 1);
		 -mOZ-transform: scale(1, 1);
		 -webkit-transform: scale(1, 1);

		 }




/*--------------------------------------------------------------------------CONTENEDOR CONTACTO--------------------------------------------------------------------------*/
#container_six {width:72%; margin:0 auto; height:auto; position:relative; text-align:center; background:url(../img/bg/bg_contactus.gif);overflow:hidden;padding-top:130px; padding-bottom:130px; background-size:110%; background-attachment:fixed; padding-left: 14%; padding-right: 14%;


opacity:1;}

#container_six.animate {width:72%; margin:0 auto; height:auto; position:relative; text-align:center; background:url(../img/bg/bg_contactus.gif);overflow:hidden;padding-top:130px; padding-bottom:130px; background-size:110%; background-attachment:fixed; padding-left: 14%; padding-right: 14%;


opacity:1;}

	#left_c {
		display: inline-block;
		vertical-align: top;
		width:280px; 
		margin-left:4%;
		margin-top:20px;
		height:auto; 
		text-align:left; 
		font-size: 100%; 
		color:#fff;}

	#right_c {width:30%; height:auto; float:right; text-align: left; color:#fff;}


	.campo_form {width:95.7%; border:solid thin #fff; padding-top:4%; padding-bottom: 4%; padding-left: 4%;background:url(../img/bg_muestritas.png);-webkit-transition-duration:0.7s;}

	.campo_form:focus {border:solid thin #fff; outline:none; -webkit-transition-duration:0.7s; }

	.tel_form { 
	/*font-size:100%;font-family: 'Open Sans Condensed', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	}


	.icos_form {width:20px; margin-left:4%;}

	.btn_form {width:30%; float: right; margin:0; border:none; padding-top:3%; padding-bottom: 3%; background:none; color:#ffc600;; border:solid thin #ffc600;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
	.btn_form:hover {width:30%; float: right; margin:0; border:none; padding-top:3%; padding-bottom: 3%; background:#000; color:#fff;border:solid thin #000; cursor:pointer;-webkit-transition-duration:0.3s;transition-duration:0.3s;}


	.logo_form_contacto {width:30%;margin-top: 0%;}

    .yellow_btn {text-decoration: none; color:#ffc600; margin-top: 0%; width: auto;display: inherit;}
    .yellow_btn:hover {color:#000;}

    #opacity {width:100%; height: 100%; position: fixed; z-index: 8000; background:url(../img/opacity.png); color:#fff; text-align: center; padding-top:4%; font-size:200%;}

/*--------------------------------------------------------------------------CONTENEDOR PIE--------------------------------------------------------------------------*/
#pie {width:100%; height:auto; background:#e0dacd; text-align:center; padding-top:0%; color:#000; font-size: 180%; padding-bottom: 0%;}

.logo_pie {width:10%;margin-top: 0%;}

#IrInicio {
		 	position:fixed;
		 	width:40px;
		 	height: 40px;
		 	right:40px;
		 	bottom:30px;
		 	opacity:0.5;
		 	-webkit-transition-duration:3s;
		 	transition-duration:0.3s;
		    background:url(../img/top.png);
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
			display: block;}

		 #IrInicio:hover {
		 	bottom:35px;
		 	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;}