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

body {width:100%; margin:0 auto;font-family: 'Open Sans Condensed', sans-serif;}
img {border:none;}

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

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

	#logo {width:14%; float:left; height:auto; margin-top:10px;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:#c52c19;
	-webkit-transition-duration:0.3s;transition-duration:0.3s;
	}

	#container_one nav ul li a:focus {
	background:#b91f0c;
	color:#000;
	}




	.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:#cd3a27; 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:17%; float:left; margin-left: 0;}


	.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:5%; width:11%; margin-left:2%; opacity:0.8; display: block;}

	.comenzar {
	display: block;
	width:12%;
	position: absolute;
	bottom: 27%;
	left:44%;
	z-index: 7000;
	color:#f49a31;
	text-align: center;
	font-size: 200%;
	text-decoration: none;
	border:solid thin #f69487;
	padding: 0.7% 0 0.7% 0;
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
	}

	.comenzar:hover {color:#f49a31; -webkit-transition-duration:0.3s;transition-duration:0.3s;}


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

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

#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-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; 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--------------------------------------------------------*/

#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; 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-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 {float:left; width:63%; border:solid thin #f1f1f1; background:#f8f8f8; padding:2%;}
	#float_right_faqs_img {float:right; width:30%; border:solid thin #f1f1f1; background:#f8f8f8; padding:1%;}
	.img_faqs {width:100%;margin-left:0%;}
	
/*PRODUCTS-VIEWS*/


/*-----------------------------------------------------------------------TITULOS Y SUB TITULOS----------------------------------------------------------------------*/
h1 {text-align:center; color:#cd3a27; font-size:360%; 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: left;}
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 {width:43%; height:auto; float:left; text-align: left; font-size: 170%; color:#fff;}

	#right_c {width:46%; 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:170%;}


	.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;}