@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:#AC0F13;
	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:#222;
	-webkit-transition-duration:0.3s;transition-duration:0.3s;
	}

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

	.btn_menu_boost {display: none; width: 100%; background:#AC0F13; color:#fff; text-decoration: none; padding-top:1%; padding-bottom: 1%;}
	.btn_menu_boost:focus {background:#fff; color:#AC0F13; }



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

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

	.comenzar:hover {color:#fff; background:#000; border:solid thin #000;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
	
/*------------------------------------------------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;}
	 
	 .confirmar {
	 display: block; 
	 width:auto; 
	 position: relative; 
	 bottom: 27%;
     margin:0 auto;
	 z-index: 7000; 
	 color:#fff; 
	 text-align: center;
	 font-size: 170%;
	 text-decoration: none;
	 border:solid thin #fff;
	 padding: 1.2% 8% 1.2% 8%;
	 -webkit-transition-duration:0.3s;
	 transition-duration:0.3s;
	 background:none;
	 cursor:pointer;
	 font-family: 'Open Sans Condensed', sans-serif; 
	 
	
	}
	
	.confirmar:hover {background:#000;
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
	border:solid thin #000;
	color:#fff;}
	
	
	.delete_product {
		opacity:0.5;
		-webkit-transition-duration:0.3s;
		transition-duration:0.3s;
		width:70px;
		}
	.delete_product:hover {
		opacity:1;
		-webkit-transition-duration:0.3s;
		transition-duration:0.3s;
		
		}
/*-----------------------------------------------------------------------RESUMEN DEL PEDIDO----------------------------------------------------------------------*/
		
	#conteiner_general_confirm_pedido {
		width:80%; 
		height:auto; overflow:hidden; 
		margin:0 auto; 
		background:#f1f1f1; 
		padding-left:3%; 
		padding-right:3%; 
		padding-top:2%; 
		padding-bottom:3%; 
		margin-top:1%; 
		opacity:0.9;
		color:#666;
		}

	.img_logo_resumen_pedido {display: block; width: auto;}
		
	#container_general_left {
		width:70%; 
		height:auto; 
		overflow:hidden; 
		float:left; 
		font-size:120%;}
		
		#container_left {
			width:60%; 
			float:left; 
			background:#fff; 
			padding-left:5%; 
			padding-right:5%; 
			padding-top:1%; 
			display:block; 
			margin-bottom:2%; 
			height:auto;}

		#container_left2 {
			width:10%; 
			float:left; 
			background:#f4f4f4; 
			display:block;
			padding-top:1%;
			margin-bottom:2%; 
			height:auto;
			text-align:center;}

		#container_left3 {
			width:10%; 
			float:left; 
			background:#fff;
			padding-left:5%; 
			padding-right:5%; 
			display:block;
			padding-top:1%;
			margin-bottom:2%; 
			height:auto;}
	
		#container_total_precio {
			float:left; 
			width:86%; 
			background:#fff; 
			padding-left:7%; 
			padding-right:7%; 
			padding-top:2%; 
			padding-bottom:2%; 
			display:block; 
			margin-bottom:2%; 
			height:auto; 
			text-align:right;}

	
	#container_form {
		float:right; 
		width:20%; 
		background:#ccc; 
		margin-left:2%; 
		padding:3%; 
		background:url(../img/bg/bg_contactus.gif);
		margin-top:0;
		}

	#container_cancelar {
			float:left; 
			width:100%; 
			display:block; 
			margin-bottom:2%; 
			height:auto; 
			text-align:right;}

	.btn_cancelar {padding-left:3%; padding-right:3%; padding-top:1%; padding-bottom: 1%; color:#999; cursor: pointer; }
    .btn_cancelar:hover {color:red;}
	



	#domicilio_confirm {width:100%; float:left; color:#8e8677; text-align: center; height:auto; padding-top:4%; padding-bottom: 0%; font-size:150%;}
	
	
			.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%;}

	
/*-----------------------------------------------------------------------TITULOS Y SUB TITULOS----------------------------------------------------------------------*/
h1 {text-align:center; color:#fff; font-size:360%; font-weight:normal; margin:0; padding-bottom:4%; padding-top:0%;
text-shadow:0px 1px 5px #951e1e;  }
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;}


/*--------------------------------------------------------------------------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:#fff; font-size:130%; background-attachment:fixed; background-size:160%; padding-top:130px; padding-bottom:200px;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;
	}
#container_three {width:100%; margin:0 auto; height:auto; position:relative; text-align:center; background:url(../img/bg/bg_catalogo.gif);overflow:hidden;padding-top:130px;
	padding-bottom:130px; background-size:120%;
	     transform: translate(-300px,0px);
		 -ms-transform: translate(-300px,0px);
		 -moz-transform: translate(-300px,0px);
		 -webkit-transform: translate(-300px,0px);
		 
		 transform: rotate(45deg); 
		 -ms-transform: rotate(45deg); 
		 -moz-transform: rotate(45deg);
		 -webkit-transform: rotate(45deg);
		 
		 transform: scale(0, 0);
		 -ms-transform: scale(0, 0);
		 -mOZ-transform: scale(0, 0);
		 -webkit-transform: scale(0, 0);
		 
		 opacity:0;} 
		
#container_three.animate {width:100%; margin:0 auto; height:auto; position:relative; text-align:center; background:url(../img/bg/bg_catalogo.gif);overflow:hidden;padding-top:130px;
	padding-bottom:130px; background-size:120%;
	     transform: translate(0,0px);
		 -ms-transform: translate(0,0px);
		 -moz-transform: translate(0,0px);
		 -webkit-transform: translate(0,0px);
		 
		 transform: rotate(0deg); 
		 -ms-transform: rotate(0deg); 
		 -moz-transform: rotate(0deg);
		 -webkit-transform: rotate(0deg);
		 
		 transform: scale(1, 1);
		 -ms-transform: scale(1, 1);
		 -mOZ-transform: scale(1, 1);
		 -webkit-transform: scale(1, 1);
		 
		 opacity:1;}
	

/*--------------------------------------------------------------------------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(300px,0px);
		-ms-transform: translate(300px,0px);
		-moz-transform: translate(300px,0px);
		-webkit-transform: translate(300px,0px);
		
		transform: rotate(-45deg); 
		 -ms-transform: rotate(-45deg); 
		 -moz-transform: rotate(-45deg);
		 -webkit-transform: rotate(-45deg);
		opacity:0;}
	
#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:url(../img/bg/disenio_web.gif);overflow:hidden;padding-top:130px; padding-left:17%; padding-right:17%;
padding-bottom:130px; 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:0;}

#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:#7b7667; text-align:center; padding-top:4%; color:#fff; 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;}