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


body{
	background-image:url(../imagenes/fondoTecnosinergica.jpg);
	background-color:#F60;
	/*background-repeat:no-repeat;
    background-position:center;*/
	/*background-attachment:fixed;
	/*background-attachment:scroll;*/
	 overflow-x:hidden;
	/* width:100%;*/
     height:50em;
	 width: 90em; 
	 margin: 0em auto; 
	 text-align: center; 
}

h1{
	font-family:Constantia;
	
	
}

#cenefaSuperior{
	
	position:relative;
	height:50px;
	/*background-image:url(../imagenes/bordeSuperior.png);*/
	background-color:#000;
	z-index:3;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	
}


	

#cenefaSuperior2{
	
	position:relative;
	height:8px;
	/*background-image:url(../imagenes/bordeSuperior.png);*/
	background-color:#000;
	z-index:3;
}

	.iconoFace{
	position:absolute; 
	width:36px; 
	height:35px; 
	top:-31px; 
	left:500px; 
	z-index:11;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	
	
	}
	
		.iconoFace:hover{
			opacity: 0.5;
			-moz-opacity: 0.5;
			filter: alpha(opacity=50);
		}



	.iconoTwitter{
	position:absolute; 
	width:36px; 
	height:35px; 
	top:-31px; 
	left:465px; 
	z-index:11;
		transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	}
	
		.iconoTwitter:hover{
			opacity: 0.5;
			-moz-opacity: 0.5;
			filter: alpha(opacity=50);
		}
		
		
		
		
	.iconoGoogle{
	position:absolute; 
	width:35px; 
	height:32px; 
	top:-30px; 
	left:430px; 
	z-index:11;
		transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	}
	
		.iconoGoogle:hover{
			opacity: 0.5;
			-moz-opacity: 0.5;
			filter: alpha(opacity=50);
		}


#sombra{
	position:relative;
	/*background-color:#009;*/
	height:100px;
	top:-50px;
	z-index:2;
	background:url(../imagenes/sombra.png);
}



#contenedor{

	position:relative;
	top:-85px;
	left:-50px;
	width: 70em; 
	margin: 0em auto; 
	text-align: center; 
	border-right: 0.2em; 
	border-left: 0.2em ;

	
}





.header{
	/*background-color:#009;*/
	height:170px;

}

       .nombreEmpresa{
		   position:absolute; 
		   top:265px; 
		   left:160px; 
		   font-family:Verdana, Geneva, sans-serif; 
           font-size:60px; 
		   color:#FFF;
		   z-index:3; 
		   text-shadow: 0 0 10px #000,
                   0 0 20px #000,
                   0 0 30px #000,
                   0 0 40px #000,
                   0 0 70px #FFF,
                   0 0 80px #FFF,
                   0 0 80px #FFF,
                   0 0 130px #FFF;
				   transform:scale(0.8,2);
	
	   }
	
		.logo{
			position:absolute;
			left:-40px;
			top:160px;
			width:280px;
			height:240px;
			z-index:4;
			transition: all 0.5s ease;
					-webkit-transition: all 0.5s ease;
		}
		
		
		.logo:hover{
			
			transform: scale(1,1);
			
			
		}
		
		
		
	 .barraMenu{
		 position:absolute;
		 top:378px;
		 left:0px;
		 z-index:5;
	 }
		
		
		.domicilios{
			position:absolute;
			top:-10px;
			left:450px;
			width:500px;
			height:150px;
		}
		
		.slogan{
			position:absolute;
			top: 80px;
			left:170px;
			width:300px;
			height:100px;
			
			
		}
		
		
		
		
	/*CAPA QUE CONTIENE EL MENU*/
	
		.menu{
			position:absolute;
			list-style:none;
			padding:0px;
			margin:0px;
			top:400px;
			z-index:7;
			
		}
		
		.menu h1{
			font-family:Constantia;
			font-size:16px;
			 transform: scale(0.9,2);
			 /* text-shadow: 1px 1px 1px #000;*/
		}
		
		.menu li{
			margin:2px;
			padding:2px;
			float:left;
		}
		
		.menu li a{
			display:block;
			width:95px;
			height:15px;
			padding:30px 0px 5px 40px;
			text-decoration:none;
			text-align:inherit;
     		color:#000;
			/*background-color: #CCC;*/
			box-shadow: 2px 2px 5px #000;
			background-repeat:no-repeat;
			border:1px solid  #000;
			-webkit-transition: all 0.5s ease;
			border-radius:10px;
			background: /*-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(48%,#e5e5e5), color-stop(52%,#e5e5e5), color-stop(100%,#d3d3d3), color-stop(100%,#d3d3d3), color-stop(100%,#7f7f7f));*/
			
			-webkit-gradient(linear, left top, left bottom, color-stop(1%,#ea5900), color-stop(42%,#dd855d), color-stop(57%,#e07847), color-stop(100%,#ea5900)); 
			
			/*-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea5900), color-stop(43%,#db9a7f), color-stop(57%,#db9a7f), color-stop(100%,#e8722e));*/
						
		}
		
		.menu li a:hover{
			color: #FFF;
			/*background-color: #333;*/
			background-position:bottom;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#666666), color-stop(12%,#666666), color-stop(34%,#333333), color-stop(52%,#333333), color-stop(70%,#333333), color-stop(100%,#666666));
		}



        .menu2{
			position:absolute;
			list-style:none;
			padding:0px;
			margin:0px;
			top:250px;
			left: 815px;
			z-index:7;
		}
		
		.menu2 h1{
			font-family:Constantia;
			font-size:16px;
			transform: scale(0.9,2);
			/* text-shadow: 1px 1px 1px #000;*/
		}
		
		.menu2 li{
			margin:2px;
			padding:2px;
		
		}
		
		.menu2 li a{
			display:block;
			width:150px;
			height:15px;
			padding:30px 0px 5px 40px;
			text-decoration:none;
			text-align:inherit;
     		color:#000;
			/*background-color: #CCC;*/
			box-shadow: 2px 2px 5px #000;
			background-repeat:no-repeat;
			border:1px solid  #000;
			-webkit-transition: all 0.5s ease;
			border-radius:10px;
			background: /*-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(48%,#e5e5e5), color-stop(52%,#e5e5e5), color-stop(100%,#d3d3d3), color-stop(100%,#d3d3d3), color-stop(100%,#7f7f7f));*/
			
			-webkit-gradient(linear, left top, left bottom, color-stop(1%,#ea5900), color-stop(42%,#dd855d), color-stop(57%,#e07847), color-stop(100%,#ea5900)); 
			
						
		}
		
		.menu2 li a:hover{
			color: #FFF;
			background-color: #333;
			background-position:bottom;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#666666), color-stop(12%,#666666), color-stop(34%,#333333), color-stop(52%,#333333), color-stop(70%,#333333), color-stop(100%,#666666));
			
		}








.contenidosEncabezado{
	position:relative;
	background-color:#096;
	height:410px;
	top:-180px;
	overflow:hidden;
	border-radius:20px 20px 0px 0px;
	border:1px solid  #000;
	/*box-shadow: 2px 2px 5px #999;*/
	/*-webkit-box-shadow: 7px 7px 10px #000;*/
	z-index:1;
}


     .contenidosEncabezado h1{
		 font-family:Constantia;
	     font-size:50px;
		 color:#FFF;
		 text-shadow: 2px 2px 5px #000;
		 text-align:right;
		 
	 }
	 
	 .puntosBlancos{
		 position:absolute;
		 z-index:3;
		 left:-20px;
		 width:900px;
		 height:500px;
		 
		 
	 }

		.bannerContenidosEncabezado{
			position:absolute;
			left:0px;
			top:0px;
			/*width:1120px;
			height:410px;*/
			-webkit-animation: banner5Animar  100s infinite 5s; 
		}




.contenidos2{
	position:relative;
    /*background-color:#9C3;*/
	height:600px;
	overflow: hidden;
	top:-130px;
	border:1px solid  #000;
	border-radius:0px 0px 20px 20px;
	
	
}

		.grupoContenidos{
			position:absolute;
			top:10px;
			
		}
		
		
		
		.grupo1Home{
			position:absolute;
			top:200px;
			
		}
		
			.img1Home{
				position:absolute;
				top:80px;
				left:10px;
				width:200px;
				height:150px;
				overflow:hidden;
				border:1px solid #FFF;
				border-radius:10px;
			}
				
				.veloImg1{
					position:absolute;
					top:0px;
					left:0px;
					opacity: 0;
					-moz-opacity: 0;
					filter: alpha(opacity=0);
					z-index:2;
					transition: all 0.5s ease;
					-webkit-transition: all 0.5s ease;
				}
				
				.veloImg1:hover{
					opacity: 0.3;
					-moz-opacity: 0.3;
					filter: alpha(opacity=30);
					
				}
				
				
				
		.grupo2Home{
			position:absolute;
			top:200px;
			left:210px;
			
		}
		
			.img2Home{
				position:absolute;
				top:195px;
				left:10px;
				width:200px;
				height:150px;
				overflow:hidden;
				border:1px solid #FFF;
				border-radius:10px;
			}
				
				.veloImg2{
					position:absolute;
					top:0px;
					left:0px;
					opacity: 0;
					-moz-opacity: 0;
					filter: alpha(opacity=0);
					z-index:2;
					transition: all 0.5s ease;
					-webkit-transition: all 0.5s ease;
				}
				
				.veloImg2:hover{
					opacity: 0.3;
					-moz-opacity: 0.3;
					filter: alpha(opacity=30);
					
				}
				
				
				
		.grupo3Home{
			position:absolute;
			top:200px;
			left:420px;
			
		}
		
			.img3Home{
				position:absolute;
				top:80px;
				left:10px;
				width:200px;
				height:150px;
				overflow:hidden;
				border:1px solid #FFF;
				border-radius:10px;
			}
				
				.veloImg3{
					position:absolute;
					top:0px;
					left:0px;
					opacity: 0;
					-moz-opacity: 0;
					filter: alpha(opacity=0);
					z-index:2;
					transition: all 0.5s ease;
					-webkit-transition: all 0.5s ease;
				}
				
				.veloImg3:hover{
					opacity: 0.3;
					-moz-opacity: 0.3;
					filter: alpha(opacity=30);
					
				}
		
		
		.scroll1Home{
			position:absolute;
			top:100px;
			left:650px;
			width:450px;
			height:450px;
			background-color:#F93;
			overflow: scroll;
			border-radius:10px;
			overflow-x:hidden;
			box-shadow: 2px 2px 5px #000;
			color:#FFF;
			border:1px solid #FFF;
		}
		
		
		.scroll1Home h1{
		font-family:Constantia;
		text-shadow: 1px 1px 10px #000;	
		}
	

#linea{
	
	position:relative;
	background-color:#000;
	height:8px;
	top:-210px;
	
}



#footer1{
	
	position:relative;
	top:-210px;
	background-color:#000;
	height:230px;
	margin:  auto;  
	text-align: center; 
	border-right: 0.2em; 
	border-left: 0.2em ;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	
	
}


#footer2{
	
	position:relative;
	top:-440px;
	height:230px;
	margin:  auto;  
	text-align: center; 
	border-right: 0.2em; 
	border-left: 0.2em ;
	z-index:5px;
	
	
}


		.grupo1Footer{
			position:absolute;
			left:100px;
			top:0px;
			width:200px;
			height:100px;
		}


		
		.grupo2Footer{
			position:absolute;
			left:470px;
			top:0px;
			width:200px;
			height:100px;
		}


       .grupo3Footer{
			position:absolute;
			left:820px;
			top:0px;
			width:200px;
			height:100px;
		}


@-webkit-keyframes banner5Animar{
0% {left: 0%;} 
10% {left: -100%;}
20% {left: -100%;}
30% {left: -200%;}
40% {left: -200%;}
50% {left: -300%;}
60% {left: -300%;}
70% {left: -400%;}
80% {left: -400%;}
90% {left: 0%; }
0% {left: 0%;} 
}