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

/* ANIMACION PARA CHROME */

@-webkit-keyframes animarlogo{
	0%{
			-webkit-transform:scale(0);
		}
		
	30%{
			-webkit-transform:scale(0);
			
		}
		
	60%{
			-webkit-transform:scale(1);
			
		}
	
}

@-webkit-keyframes productosdestacados{
	0%{
		-webkit-transform: scale(1);
	  }
	40%{
	   	-webkit-transform: scale(0);
	   }
	   
	80%{
	   	-webkit-transform: scale(1);
	   }

}

@-webkit-keyframes nosotros{
	0%{
		-webkit-transform: scale(1);
	  }
	40%{
	   	-webkit-transform: scale(0);
	   }
	   
	80%{
	   	-webkit-transform: scale(1);
	   }

}

@-webkit-keyframes profesionales{
	0%{
		-webkit-transform: scale(1);
	  }
	40%{
	   	-webkit-transform: scale(0);
	   }
	   
	80%{
	   	-webkit-transform: scale(1);
	   }

}

@-webkit-keyframes servicios{
	0%{
		-webkit-transform: scale(1);
	  }
	40%{
	   	-webkit-transform: scale(0);
	   }
	   
	80%{
	   	-webkit-transform: scale(1);
	   }

}

@-webkit-keyframes marcas{
	0%{
		-webkit-transform: scale(1);
	  }
	40%{
	   	-webkit-transform: scale(0);
	   }
	   
	80%{
	   	-webkit-transform: scale(1);
	   }

}


/* ANIMACION PARA MOZILLA */

@-moz-keyframes animarlogo{
	0%{
			-moz-transform:scale(0);
		}
		
	30%{
			-moz-transform:scale(0);
			
		}
		
	60%{
			-moz-transform:scale(1);
			
		}
		
}

@-moz-keyframes productosdestacados{
	0%{
		-moz-transform: scale(1);
	  }
	40%{
	   	-moz-transform: scale(0);
	   }
	   
	80%{
	   	-moz-transform: scale(1);
	   }

}

@-moz-keyframes nosotros{
	0%{
		-moz-transform: scale(1);
	  }
	40%{
	   	-moz-transform: scale(0);
	   }
	   
	80%{
	   	-moz-transform: scale(1);
	   }

}

@-moz-keyframes profesionales{
	0%{
		-moz-transform: scale(1);
	  }
	40%{
	   	-moz-transform: scale(0);
	   }
	   
	80%{
	   	-moz-transform: scale(1);
	   }

}

@-moz-keyframes servicios{
	0%{
		-moz-transform: scale(1);
	  }
	40%{
	   	-moz-transform: scale(0);
	   }
	   
	80%{
	   	-moz-transform: scale(1);
	   }

}

@-moz-keyframes marcas{
	0%{
		-moz-transform: scale(1);
	  }
	40%{
	   	-moz-transform: scale(0);
	   }
	   
	80%{
	   	-moz-transform: scale(1);
	   }

}

/* ANIMACION PARA EXPLORER */

@-ms-keyframes animarlogo{
	0%{
			-ms-transform:scale(1);
			
			
			
		}
		
	30%{
			-ms-transform:scale(0);
			
		}
		
	60%{
			-ms-transform:scale(1);
			
		}
	
}

@-ms-keyframes productosdestacados{
	0%{
		-ms-transform: scale(1);
	  }
	40%{
	   	-ms-transform: scale(0);
	   }
	   
	80%{
	   	-ms-transform: scale(1);
	   }

}

@-ms-keyframes nosotros{
	0%{
		-ms-transform: scale(1);
	  }
	40%{
	   	-ms-transform: scale(0);
	   }
	   
	80%{
	   	-ms-transform: scale(1);
	   }

}

@-ms-keyframes profesionales{
	0%{
		-ms-transform: scale(1);
	  }
	40%{
	   	-ms-transform: scale(0);
	   }
	   
	80%{
	   	-ms-transform: scale(1);
	   }

}

@-ms-keyframes servicios{
	0%{
		-ms-transform: scale(1);
	  }
	40%{
	   	-ms-transform: scale(0);
	   }
	   
	80%{
	   	-ms-transform: scale(1);
	   }

}

@-ms-keyframes marcas{
	0%{
		-ms-transform: scale(1);
	  }
	40%{
	   	-ms-transform: scale(0);
	   }
	   
	80%{
	   	-ms-transform: scale(1);
	   }

}
 
.centrarcaptcha{
	text-align:center;
	margin-top:1em;
}

.banner-gracias{
	width:100%;
	height:100vh;
	background-image:url(imagenes/foto-captcha.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
}

.texto-gracias{
	width:80%;
	background:rgba(0,0,0,0.35);
	color:#fff;
	padding:1em;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.texto-gracias h1{
	font-size:3.5em;
	text-shadow:0 2px #000;
} 

.texto-gracias p{
	font-size:1.4em;
	text-shadow:0 1px #000;
}

.texto-gracias a{
	text-decoration: none !important;
	background:#0099FF;
	color:#fff !important;
	padding:10px 40px;
	font-size:1.1em;
	border: none;
	border-radius:0.5em;
	box-shadow: 0 0.3em 0.5em rgba(0,0,0,0.55);
	transition:all 0.5s ease;
}

.texto-gracias a:hover{
	background:#FF9900;
}

.tamanovideo{
	width:650px;
	height:365px;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.4);
	margin: 0 auto !important;
	margin-bottom:1em !important;
}

.botonpublicidad{
	width:250px;
	height:40px;
	background:linear-gradient(#FF6600,#FF9900);
	color:#FFF;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.4);
	margin-bottom:1em;
	border: none;
	border-radius:0.5em;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
}

.botonpublicidad:hover{
	width:260px;
	height:40px;
	background:linear-gradient(#1D6CAE,#0F82D5);
	color:#FFF;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.4);
	margin-bottom:1em;
	border: none;
	border-radius:0.5em;
	
}

.logo{
	padding:1em;
	margin:0 0 1.5em 1.2em;
	-webkit-animation:animarlogo 1 2s;
	-moz-animation:animarlogo 1 2s;
	-ms-animation:animarlogo 1 2s;
	
}

.infohome{
	margin:1.7em 0 1em 10em;
	
	
}

.colorazul{
	color:#06C;
	
}

.colornaranja{
	color:#F60;
	
}

.colorojo{
	color:#F00;
	
}

.colorblanco{
	color:#FFF;
	
}

.parrafos{
	margin-top:1.5em;
	
}

.botonhome{
	background:#06C;
	padding:0.5em;
	border-radius:0.5em;
	width:100px;
	height:35px;
	border: none;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.5);
	color:#FFF;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	
}

.botonhome:hover{
	background:#F00;
	padding:0.5em;
	border-radius:0.5em;
	width:100px;
	height:35px;
	border: none;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.5);
	color:#FFF;
	
}

.ubicacionboton{
	margin-left:27em;
	
}

.fondo{
	background-image: linear-gradient(to right, transparent 0px, rgba(0, 0, 0, 0) 100%) !important;
}
.textobotones{
	font-family:"Century Gothic";
	font-size:18px;
	text-align:center;
	padding-top:2.5em;
	color:#FFF;
	
}

.textobotones2{
	font-family:"Century Gothic";
	font-size:18px;
	text-align:center;
	padding-top:2.1em;
	color:#FFF;
	
}
.textofichatecnica{
	font-size:12px;
	color:#999;
	
}

.colorenlace{
	color:#FFF !important;
	
}

.colorenlace:hover{
	color:#FFF !important;
	
}

.textodescripcion{
	font-size:12px;
	color:#999;
	text-align:center;
	margin-top:1em;
	
}
.fondomenu{
	background:#007CB9 !important;
	
}

.botonformularios{
	background:#09F;
	padding:1em;
	box-shadow:0 0.4em 0.5em rgba(0,0,0,0.5);
	border: none;
	border-radius:0.5em;
	width:100%;
	color:#FFF;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	
}
.botonformularios:hover{
	background:#F90;
	padding:1em;
	box-shadow:0 0.4em 0.5em rgba(0,0,0,0.5);
	border: none;
	border-radius:0.5em;
	width:100%;
	color:#FFF;
	
	
}

.posicionbotonproyectos{
	margin:0 0 1.5em 1.2em !important;
}

.posiciontextoproyectos{
	margin-top:1.5em !important;
	
}

.enlaceproductos{
	color:#333;
	
}

.enlaceproductos:hover{
	color:#09F;
	
}

hr{
	width:85%;
		
}

#barra1{
	background:#F60;
	height:4px;	
}

#barra2{
	background:linear-gradient(#007CB9,#069);
	height:12px;
	box-shadow:0 0.5em 0.5em rgba(0,102,204,0.3);
	
}

#barra3{
	background:#f60;
	height:5px;
}

#contcabecera{
	width:1100px;
	margin:0 auto !important;
	overflow:hidden;
	
}

#contcabecera img{
	float:left;
}

#menuprincipal{
	width:1125px;
	background:linear-gradient(#069,#069,#007CB9);
	margin: 0 auto !important;
	box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.5);
	border-radius:0.5em;
	
	
}

#menuprincipal nav{
	background: none !important;
	border: none !important;

	
}

#menuprincipal nav a{
		color:#FFF !important;
	
}

#menuprincipal nav a:hover{
	background:#09C;
	
}

#todo{
	width:1120px;
	margin:0 auto !important;
	
}

#todo header{
	width:1100px;
	margin:0 auto !important;
	margin-top:-0.7em !important;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.5);
	
	
}

#todo #conteditable{
	padding:1em;
	
}

#todo #conteditable #home1{
	overflow:hidden;
		
}

#todo #conteditable #home1 #home1a{
	width:570px;
	margin-bottom:1em;
	float:left;
	
	
}

#todo #conteditable #home1 #home1a p{
	text-align:justify;
	
}

#todo #conteditable #home1 #home1a table tr td{
	padding-top:0.5em;
	padding-left:2em;
	
}

#todo #conteditable #home1 #home1a #cotizadorenlinea{
	width:570px;
	background:#f5f5f5;
	padding:0.5em 2em 1em 1em;
	margin-top:1.3em;
	
}

#todo #conteditable #home1 #home1a #cotizadorenlinea a{
	text-decoration: none !important;
	color:#fff !important;
}

#todo #conteditable #home1 #home1b{
	width:450px;
	float:left;
	margin-left:3em;
	background:#f5f5f5;
	padding:1em;
	height:468px;
	
}

#todo #conteditable #home1 #home1b #a{
	overflow:hidden;

}

#todo #conteditable #home1 #home1b #a #a1{
	background:#004364;
	width:170px;
	height:125px;
	margin:1em 0 1em 1.2em;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	float:left;
	
}

#todo #conteditable #home1 #home1b #a #a1:hover{
	background:#FF9900;
	width:170px;
	height:125px;
	margin:1em 0 1em 1.2em;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	float:left;
	
}

#todo #conteditable #home1 #home1b #a #a2{
	background:#0099CC;
	width:170px;
	height:125px;
	margin:1em 0 1em 1.2em;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	float:left;
}

#todo #conteditable #home1 #home1b #a #a2:hover{
	background:#FF9900;
	width:170px;
	height:125px;
	margin:1em 0 1em 1.2em;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	
}

#todo #conteditable #home1 #home1b #b{
	overflow:hidden;

}

#todo #conteditable #home1 #home1b #b #b1{
	background:#00CCFF;
	width:170px;
	height:125px;
	margin:1em 0 1em 1.2em;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	float:left;
	
}

#todo #conteditable #home1 #home1b #b #b1:hover{
	background:#FF9900;
	width:170px;
	height:125px;
	margin:1em 0 1em 1.2em;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	float:left;
	
}

#todo #conteditable #home1 #home1b #b #b2{
	background:#00289F;
	width:170px;
	height:125px;
	margin:1em 0 1em 1.2em;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	float:left;
	
}

#todo #conteditable #home1 #home1b #b #b2:hover{
	background:#FF9900;
	width:170px;
	height:125px;
	margin:1em 0 1em 1.2em;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	float:left;
	
}

#todo #conteditable #home2{
	overflow:hidden;
	
}

#todo #conteditable #home2 .destacados{
	width:278px;
	height:320px;
	padding:1em;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.5);
	border:solid #069 0.1em;
	border-radius:0.4em;
	background:#f5f5f5;
	margin:1.5em 0 1em 4em;
	float:left;
	-webkit-animation:productosdestacados 2 5s;
	-moz-animation:productosdestacados 2 5s;
	-ms-animation:productosdestacados 2 5s;

}

#todo #conteditable #home2 .destacados img{
	margin: 0 auto !important;
	margin-bottom:1em !important;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.5);
	
}

#todo #conteditable #home2 .destacados p{
	text-align:justify;
	
	
}

#todo #conteditable #home2 .destacados p span{
	font-size:25px;
	color:#09C;
	margin-left:0.5em;
	
}

#todo #conteditable #home2 .destacados p span:hover{
	font-size:25px;
	color:#F00;
	margin-left:0.5em;
	
}
#todo #conteditable #contactenos1{
	overflow:hidden;
	
	
}

#todo #conteditable #contactenos1 #conta{
	width:400px;
	float:left;
	margin-left:3em;

}

#todo #conteditable #contactenos1 #conta p{
	font-size:18px;
	padding-top:0.5em;
	
}

#todo #conteditable #contactenos1 #conta p span{
	margin-right:0.5em;
}

#todo #conteditable #contactenos1 #contmapa{
	width:500px;
	padding:1em;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	float:left;
	margin:1em 0 2em 6.5em;
}
#todo #conteditable #contactenos2{
	overflow:hidden;
	padding:1em;
	background:#f5f5f5;
	text-align:center;
}

#todo #conteditable #contactenos2 form{
	width:650px;
	margin:0 auto !important;
	margin-top:2em !important;
}

#todo #conteditable #contactenos2 form input[type="text"], #todo #conteditable #contactenos2 form input[type="tel"],
#todo #conteditable #contactenos2 form input[type="email"]{
	width:100%;
	padding:10px;
	border:1px solid #eee;
	margin:0.2em 0;
}

#todo #conteditable #contactenos2 form textarea{
	width:100%;
	max-width:100%;
	min-width:100%;
	height:120px;
	max-height:120px;
	min-height:120px;
	padding:10px;
	border:1px solid #eee;
	margin:0.2em 0;
}

#todo #conteditable #contactenos2 form input[type="submit"]{
	width:100%;
	height:45px;
	background:#0099FF;
	color:#fff;
	border: none;
	border-radius:0.5em;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.4);
	margin:1em 0;
	transition:all 0.5s ease;
	font-size:1.3em;
}

#todo #conteditable #contactenos2 form input[type="submit"]:hover{
	background:#FF9900;
}

#todo #conteditable #nosotros1{
	overflow:hidden;
	text-align:justify;
}

#todo #conteditable #nosotros1 #conta{
	width:450px;
	float:left;
}

#todo #conteditable #nosotros1 #contb{
	width:550px;
	float:left;
	margin:2em 0 1em 6em;
	padding:1em;
	-webkit-animation:nosotros 2 3s;
	-moz-animation:nosotros 2 3s;
	-ms-animation:nosotros 2 3s;
}

#todo #conteditable #nosotros1 #contb img{
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
}

#todo #conteditable #nosotros2{
	overflow:hidden;
	padding:1em;
	background:#f5f5f5;
	text-align:justify;
	
}

#todo #conteditable #profesionales1{
	overflow:hidden;
		
}

#todo #conteditable #profesionales1 .contprofesionales{
	width:245px;
	height:320px;
	float:left;
	margin:1em 0 1em 1em;
	background:#f5f5f5;
	padding:1em;
	border:solid #CCC 0.1em;
	border-radius:0.5em;
	text-align:center;
	-webkit-animation:profesionales 2 3s;
	-moz-animation:profesionales 2 3s;
	-ms-animation:profesionales 2 3s;
	
}

#todo #conteditable #profesionales1 .contprofesionales img{
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	margin:0 auto !important;
	border-radius:0.5em;
	
}

#todo #conteditable #proyectos1{
	overflow:hidden;
	
}

#todo #conteditable #proyectos1 #conta{
	width:450px;
	float:left;
}

#todo #conteditable #proyectos1 #contb{
	width:550px;
	float:left;
	margin:1em 0 2em 4em;
	background:#f5f5f5;
	padding:1em;
}

#todo #conteditable #proyectos1 #contb .lineas{
	overflow:hidden;
	
}

#todo #conteditable #proyectos1 #contb .lineas img{
	float:left;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.5em;
	margin:1em 0 1.5em 0;
}

#todo #conteditable #proyectos1 #contb .lineas #boton1{
	width:250px;
	height:160px;
	border-radius:0.5em;
	float:left;
	margin:1em 0 1.5em 1.2em;
	background:#069;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	color:#FFF;
	
	
}

#todo #conteditable #proyectos1 #contb .lineas #boton1 p{
	font-family:"Century Gothic";
	font-size:20px;
	text-align:center;
	margin-top:3em;
}

#todo #conteditable #proyectos1 #contb .lineas #boton2{
	width:250px;
	height:160px;
	border-radius:0.5em;
	float:left;
	margin:0 0 1.5em 0;
	background:#09F;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	color:#FFF;
	
	
}

#todo #conteditable #proyectos1 #contb .lineas #boton2 p{
	font-family:"Century Gothic";
	font-size:20px;
	text-align:center;
	margin-top:3em;
}

#todo #conteditable #proyectos2{
	overflow:hidden;
	
}

#todo #conteditable #proyectos2 .contproyectos{
	width:300px;
	float:left;
	padding:1em;
	background:#f5f5f5;
	border:solid #999 0.1em;
	border-radius:0.5em;
	text-align:center;
	margin:1em 0 1em 2.5em;
}

#todo #conteditable #proyectos2 .contproyectos img{
	margin:0 auto !important;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
}

#todo #conteditable #servicios1{
	overflow:hidden;
	
}

#todo #conteditable #servicios1 .contservicios{
	width:300px;
	float:left;
	padding:1em;
	margin:1em 0 1em 3em;
	-webkit-animation:servicios 2 2s;
	-moz-animation:servicios 2 2s;
	-ms-animation:servicios 2 2s;

}

#todo #conteditable #servicios1 .contservicios img{
	margin:0 auto !important;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	margin-bottom:1em;
	border-radius:0.5em;
}

#todo #conteditable #servicios1 .contservicios .textoservicios{
	background:#f5f5f5;
	border-radius:0.5em;
	padding:1em;
	margin:1em 0 1em 0;
	height:180px;
	box-shadow:0 0.2em 0.5em rgba(0,0,0,0.2);
	
}

#todo #conteditable #servicios1 .contservicios .textoservicios p{
	text-align:justify;
	font-size:13.5px;
	color:#999;
}

#todo #conteditable #servicios2{
	overflow:hidden;
	
}

#todo #conteditable #servicios2 .contservicios{
	width:300px;
	float:left;
	padding:1em;
	margin:1em 0 1em 3em;
	-webkit-animation:servicios 2 2s;
	-moz-animation:servicios 2 2s;
	-ms-animation:servicios 2 2s;

}

#todo #conteditable #servicios2 .contservicios img{
	margin:0 auto !important;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	margin-bottom:1em;
	border-radius:0.5em;
}

#todo #conteditable #servicios2 .contservicios .textoservicios{
	background:#f5f5f5;
	border-radius:0.5em;
	padding:1em;
	margin:1em 0 1em 0;
	height:180px;
	box-shadow:0 0.2em 0.5em rgba(0,0,0,0.2);
	
}

#todo #conteditable #servicios2 .contservicios .textoservicios p{
	text-align:justify;
	font-size:13.5px;
	color:#999;
}

#todo #conteditable #fibraoptica1{
	overflow:hidden;
	
}

#todo #conteditable #fibraoptica1 #conta{
	width:600px;
	float:left;
}

#todo #conteditable #fibraoptica1 #conta #marcasproductos{
	overflow:hidden;
	padding:1em;
	background:#f5f5f5;
}

#todo #conteditable #fibraoptica1 #conta #marcasproductos img{
	float:left;
	margin:1em 0 1em 2em;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.5em;
	-webkit-animation:marcas 3 2s;
	-moz-animation:marcas 3 2s;
	-ms-animation:marcas 3 2s;
}

#todo #conteditable #fibraoptica1 #contb{
	background:#f5f5f5;
	padding:1em;
	float:left;
	width:380px;
	height:650px;
	margin:0 0 1em 6em;
	
}

#todo #conteditable #fibraoptica1 #contb img{
	margin:0 auto !important;
	margin-top:1em !important;
	margin-bottom:2em !important;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
}

#todo #conteditable #fibraoptica1 #contb ul li a{
	font-size:13.5px;
	color:#999; 
}

#todo #conteditable #fibraoptica1 #contb ul li a:hover{
	font-size:13.5px;
	color:#09F; 
}
	
footer{
	background: linear-gradient(#069,#069,#007CB9);
	overflow:hidden;
	
}
footer #contenidoa{
	width:1120px;
	margin:0 auto !important;
	padding:1em;
	color:#FFF;
	overflow:hidden;
	
}

footer #contenidoa #p1{
	width:250px;
	float:left;
	margin-left:1em;
	margin-bottom:2em;
		
}

footer #contenidoa #p1 p{
	font-size:15px;
	
}

footer #contenidoa #p2{
	width:250px;
	float:left;
	margin-left:1em;
		
}

footer #contenidoa #p2 ul li{
	list-style:none;
	font-size:15px;
	padding-top:0.2em;
	margin-left:-1em;
	
}

footer #contenidoa #p2 ul li a{
	color:#FFF;
	
}

footer #contenidoa #p2 ul li a:hover{
	color:#FFF;
	
}

footer #contenidoa #p3{
	width:250px;
	float:left;
	margin-left:1em;
		
}

footer #contenidoa #p3 ul li{
	list-style:none;
	font-size:15px;
	padding-top:0.2em;
	margin-left:-1em;
}

footer #contenidoa #p3 ul li a{
	color:#FFF;
	
}

footer #contenidoa #p3 ul li a:hover{
	color:#FFF;
	
}

footer #contenidoa #p4{
	width:250px;
	float:left;
	margin-left:1em;
		
}

footer #contenidoa #p4 img{
	margin-left:1.5em;
	padding-bottom:0.2em;
	
}

footer #contenidob{
	padding:0.5em;
	background:#005680;
	text-align:center;
}

footer #contenidob a{
	color:#FFF;
	font-size:11px;
}
footer #contenidob a:hover{
	color:#FFF;
	font-size:11px;
}

@media screen and (max-width:800px){
	
	.tamanovideo{
	width: auto;
	height: 200px;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.4);
	margin: 0 auto !important;
	margin-bottom:1em !important;
	}
	
	.logo{
	padding:1em;
	margin:0 auto !important;
	margin-top:1em !important;;
	
	}

	.infohome{
	margin: 0 auto !important;
	margin-top:0.7em !important;
	
	}
	
	.botonhome{
	background:#06C;
	padding:0.5em;
	border-radius:0.5em;
	width:100%;
	height:35px;
	border: none;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.5);
	color:#FFF;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	
	}

	.botonhome:hover{
	background:#F00;
	padding:0.5em;
	border-radius:0.5em;
	width:100%;
	height:35px;
	border: none;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.5);
	color:#FFF;
	
	}

	.ubicacionboton{
	margin-left:0;
	margin-bottom:1em;
	
	}
	
	.posicionbotonproyectos{
	margin:0;
	margin-bottom:1em !important;
	}

	.posiciontextoproyectos{
	margin-top:1.5em !important;
	
	}
	
	#contcabecera{
	width: auto;
	margin:0 auto !important;
	margin-bottom:0.5em !important;
	height:auto !important;
	
	}

	#contcabecera img{
	float: none;
	}
	
	#menuprincipal{
	width: auto;
	margin:0;
	box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.5);
	
	}

	#menuprincipal nav a:hover{
	background:#E7E7E7;
	
	}

	#todo{
	width: auto;
	margin:0 auto !important;
	
	}

	#todo header{
	width: auto;
	margin:0 auto !important;
	margin-top:-0.7em !important;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.5)
	
	}
	
	#todo #conteditable #home1 #home1a{
	width: auto;
	margin-bottom:1em;
	float: none;
	
	
	}

	#todo #conteditable #home1 #home1a #cotizadorenlinea{
	width: auto;
	background:#f5f5f5;
	padding:1em;
	margin-top:1.3em;
	
	}
	
	#todo #conteditable #home1 #home1b{
	width: auto;
	float: none;
	margin-left:0;
	background:#f5f5f5;
	padding:1em;
	height: auto;
	
	}
	
	#todo #conteditable #home1 #home1b #a #a1{
	background:#004364;
	width:170px;
	height:125px;
	margin: 0 auto !important;
	margin-top:0.5em !important;
	margin-bottom:1.5em !important;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	float: none;
	
	}

	#todo #conteditable #home1 #home1b #a #a1:hover{
	background:#FF9900;
	width:170px;
	height:125px;
	margin: 0 auto !important;
	margin-top:0.5em !important;
	margin-bottom:1.5em !important;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	float: none;
	
	}
	
	#todo #conteditable #home1 #home1b #a #a2{
	background:#0099CC;
	width:170px;
	height:125px;
	margin: 0 auto !important;
	margin-bottom:1.5em !important;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	float: none;
	}

	#todo #conteditable #home1 #home1b #a #a2:hover{
	background:#FF9900;
	width:170px;
	height:125px;
	margin:0 auto !important;
	margin-bottom:1.5em !important;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	
	}
	
	#todo #conteditable #home1 #home1b #b #b1{
	background:#00CCFF;
	width:170px;
	height:125px;
	margin: 0 auto !important;
	margin-bottom:1.5em !important;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	float: none;
	
	}

	#todo #conteditable #home1 #home1b #b #b1:hover{
	background:#FF9900;
	width:170px;
	height:125px;
	margin:0 auto !important;
	margin-bottom:1.5em !important;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	float: none;
	
	}

	#todo #conteditable #home1 #home1b #b #b2{
	background:#00289F;
	width:170px;
	height:125px;
	margin:0 auto !important;
	margin-bottom:1.5em !important;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	float: none;
		
	}

	#todo #conteditable #home1 #home1b #b #b2:hover{
	background:#FF9900;
	width:170px;
	height:125px;
	margin: 0 auto !important;
	margin-bottom:1.5em !important;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.4em;
	float: none;
	
	}
	
	#todo #conteditable #home2{
		margin-bottom:1.5em;
		
	}
	
	#todo #conteditable #home2 .destacados{
	width:278px;
	padding:1em;
	box-shadow:0 0.3em 0.5em rgba(0,0,0,0.5);
	border:solid #069 0.1em;
	border-radius:0.4em;
	background:#f5f5f5;
	margin: 0 auto !important;
	margin-top: 1.5em !important;
	float: none;

	}
	
	#todo #conteditable #contactenos1{
	overflow:hidden;
	
	
	}

	#todo #conteditable #contactenos1 #conta{
	width: auto;
	float: none;
	margin-left:0;

	}

	#todo #conteditable #contactenos1 #conta p{
	font-size:18px;
	padding-top:0.5em;
	
	}

	#todo #conteditable #contactenos1 #conta p span{
	margin-right:0.5em;
	}

	#todo #conteditable #contactenos1 #contmapa{
	width: auto;
	padding:1em;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	float: none;
	margin:0 auto !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
	}
	
	#todo #conteditable #contactenos2{
	overflow:hidden;
	padding:1em;
	background:#f5f5f5;
	}

	#todo #conteditable #contactenos2 form{
	width:100%;
	max-width:650px;
	margin:0 auto !important;
	margin-top:2em !important;
	}

	#todo #conteditable #nosotros1 #conta{
	width: auto;
	float: none;
	}

	#todo #conteditable #nosotros1 #contb{
	width: auto;
	float: none;
	margin:0 auto !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
	padding:1em;
	-webkit-animation:nosotros 2 3s;
	-moz-animation:nosotros 2 3s;
	-ms-animation:nosotros 2 3s;
	}

	#todo #conteditable #nosotros1 #contb img{
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	}

	#todo #conteditable #nosotros2{
	overflow:hidden;
	padding:1em;
	background:#f5f5f5;
	text-align:justify;
	
	}
	
	#todo #conteditable #profesionales1{
	overflow:hidden;
		
	}

	#todo #conteditable #profesionales1 .contprofesionales{
	width:245px;
	float: none;
	margin:0 auto !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
	background:#f5f5f5;
	padding:1em;
	border:solid #CCC 0.1em;
	border-radius:0.5em;
	text-align:center;
	-webkit-animation:profesionales 2 2s;
	-moz-animation:profesionales 2 2s;
	-ms-animation:profesionales 2 2s;
	
	}

	#todo #conteditable #profesionales1 .contprofesionales img{
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	margin:0 auto !important;
	border-radius:0.5em;
	
	}
	
	#todo #conteditable #proyectos1{
	overflow:hidden;
	
	}

	#todo #conteditable #proyectos1 #conta{
	width: auto;
	float: none;
	}

	#todo #conteditable #proyectos1 #contb{
	width: auto;
	float: none;
	margin:0;
	background:#f5f5f5;
	padding:1em;
	}

	#todo #conteditable #proyectos1 #contb .lineas{
	overflow:hidden;
	margin:0 !important;
	}

	#todo #conteditable #proyectos1 #contb .lineas img{
	float: none;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.5em;
	margin:0 auto !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
	
	}

	#todo #conteditable #proyectos1 #contb .lineas #boton1{
	width:250px;
	height:40px;
	border-radius:0.5em;
	float: none;
	margin:0 auto !important;
	margin-bottom: 1em !important;
	background:#069;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	color:#FFF;
	
	}

	#todo #conteditable #proyectos1 #contb .lineas #boton1 p{
	font-family:"Century Gothic";
	font-size:20px;
	text-align:center;
	
	}

	#todo #conteditable #proyectos1 #contb .lineas #boton2{
	width:250px;
	height:40px;
	border-radius:0.5em;
	float: none;
	margin:0 auto !important;
	margin-bottom:3em !important;
	background:#09F;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	color:#FFF;
	
	
	}

	#todo #conteditable #proyectos1 #contb .lineas #boton2 p{
	font-family:"Century Gothic";
	font-size:20px;
	text-align:center;
	
	}

	#todo #conteditable #proyectos2{
	overflow:hidden;
	
	}

	#todo #conteditable #proyectos2 .contproyectos{
	width:300px;
	float: none;
	padding:1em;
	background:#f5f5f5;
	border:solid #999 0.1em;
	border-radius:0.5em;
	text-align:center;
	margin:0 auto !important;
	margin-top:1em !important;
	margin-bottom:1em !important;
	}

	#todo #conteditable #proyectos2 .contproyectos img{
	margin:0 auto !important;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	}
	
	#todo #conteditable #servicios1{
	overflow:hidden;
	
	}

	#todo #conteditable #servicios1 .contservicios{
	width:300px;
	float: none;
	padding:1em;
	margin: 0 auto !important;
	margin-top:1em !important;
	-webkit-animation:servicios 2 2s;
	-moz-animation:servicios 2 2s;
	-ms-animation:servicios 2 2s;

	}

	#todo #conteditable #servicios1 .contservicios img{
	margin:0 auto !important;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	margin-bottom:1em;
	border-radius:0.5em;
	}

	#todo #conteditable #servicios1 .contservicios .textoservicios{
	background:#f5f5f5;
	border-radius:0.5em;
	padding:1em;
	margin:1em 0 1em 0;
	height:180px;
	box-shadow:0 0.2em 0.5em rgba(0,0,0,0.2);
	
	}

	#todo #conteditable #servicios1 .contservicios .textoservicios p{
	text-align:justify;
	font-size:13.5px;
	color:#999;
	}

	#todo #conteditable #servicios2{
	overflow:hidden;
	
	}

	#todo #conteditable #servicios2 .contservicios{
	width:300px;
	float: none;
	padding:1em;
	margin:0 auto !important;
	margin-top:1em !important;
	-webkit-animation:servicios 2 2s;
	-moz-animation:servicios 2 2s;
	-ms-animation:servicios 2 2s;

	}

	#todo #conteditable #servicios2 .contservicios img{
	margin:0 auto !important;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	margin-bottom:1em;
	border-radius:0.5em;
	}

	#todo #conteditable #servicios2 .contservicios .textoservicios{
	background:#f5f5f5;
	border-radius:0.5em;
	padding:1em;
	margin:1em 0 1em 0;
	height:180px;
	box-shadow:0 0.2em 0.5em rgba(0,0,0,0.2);
	
	}

	#todo #conteditable #servicios2 .contservicios .textoservicios p{
	text-align:justify;
	font-size:13.5px;
	color:#999;
	}
	
	#todo #conteditable #fibraoptica1{
	overflow:hidden;
	
	}

	#todo #conteditable #fibraoptica1 #conta{
	width: auto;
	float: none;
	}

	#todo #conteditable #fibraoptica1 #conta #marcasproductos{
	overflow:hidden;
	padding:1em;
	background:#f5f5f5;
	}

	#todo #conteditable #fibraoptica1 #conta #marcasproductos img{
	float: none;
	margin:0 auto !important;
	margin-top:1em !important;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	border-radius:0.5em;
	-webkit-animation:marcas 3 2s;
	-moz-animation:marcas 3 2s;
	-ms-animation:marcas 3 2s;
	}

	#todo #conteditable #fibraoptica1 #contb{
	background:#f5f5f5;
	padding:1em;
	float: none;
	width: auto;
	height: auto;
	margin:0;
	
	}

	#todo #conteditable #fibraoptica1 #contb img{
	margin:0 auto !important;
	margin-top:1em !important;
	margin-bottom:2em !important;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.5);
	}

	#todo #conteditable #fibraoptica1 #contb ul li a{
	font-size:13.5px;
	color:#999; 
	}

	#todo #conteditable #fibraoptica1 #contb ul li a:hover{
	font-size:13.5px;
	color:#09F; 
	}

	
	footer #contenidoa{
	width: auto;
	margin:0;
	padding:1em;
	color:#FFF;
	overflow:hidden;
	
	}

	footer #contenidoa #p1{
	width: auto;
	float: none;
	margin-left:0;
	margin-bottom:2em;
		
	}

	footer #contenidoa #p2{
	width: auto;
	float: none;
	margin-left:0;
		
	}
	
	footer #contenidoa #p2 ul li{
	list-style:none;
	font-size:15px;
	padding-top:0.2em;
	margin-left:-2em;
	
	}
	
	footer #contenidoa #p3{
	width: auto;
	float: none;
	margin-left:0;
		
	}

	footer #contenidoa #p3 ul li{
	list-style:none;
	font-size:15px;
	padding-top:0.2em;
	margin-left:-2em;
	}	

	footer #contenidoa #p4{
	width: auto;
	float: none;
	margin-left:0;
		
	}

	footer #contenidoa #p4 img{
	margin-left:0;
	padding-bottom:0.2em;
	
	}

	
	
	
}