body{
	margin-top:0px;
	background:url(../imagenes/fondo.jpg) repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;
	font-size: 14px;
   	font-family:Hind;
   	font-weight: normal;
   	font-style: normal;
   	color:#000000;
	line-height:23px;
}

#principal{
	
	margin-top:0px;
	margin-bottom:0px;
	width:1100px;
	overflow:hidden;

	margin-left:auto;
	margin-right:auto;
}


#cabecera{
	float:left;
	width:1100px;
	height:auto;
}


.logos{
	
	position:relative;
	float:left;
	width:1100px;
	height:90px;
}


.electronc{
	position:absolute;
	left:10px;
	top:30px;
	font-size:50px;
	
	text-shadow:#FFF 0px 3px 3px;
	color:#F60;
}

.autotronica	{
	position:absolute;
	right:10px;
	top:25px;
	}
	
.menu{
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#959595+0,0d0d0d+46,010101+50,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100;Black+Gloss+Pipe */
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */

	width:1100px;
	overflow:hidden;
	text-align:center;
	
	
	margin-left:auto;
	margin-right:auto;

}



.menu ul{
	
	margin-left:auto;
	margin-right:auto;
	list-style:none;
	padding: 0px 0px 0px 0px;
	width:1100px;
	margin-top:-9px;
	

}
.menu li {
	
	list-style:none;
	text-decoration:none;
	float:left;
	position:relative;
	padding-right:0px;
	
}

	
.menu li a {
	list-style:none;
	text-decoration:none;
	display:block;
	font-size:16px;
	font-weight:400;
	line-height:1.5em;
	padding:15px 61px 10px 61px;
	color:#fff;
	text-transform:capitalize;
	
	

}

.menu ul li a:hover, .activo {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8e0de+0,aebfbc+22,99afab+33,8ea6a2+50,829d98+67,4e5c5a+82,0e0e0e+100;Grey+3D */
background: #d8e0de; /* Old browsers */
background: -moz-linear-gradient(top,  #d8e0de 0%, #aebfbc 22%, #99afab 33%, #8ea6a2 50%, #829d98 67%, #4e5c5a 82%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8e0de), color-stop(22%,#aebfbc), color-stop(33%,#99afab), color-stop(50%,#8ea6a2), color-stop(67%,#829d98), color-stop(82%,#4e5c5a), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e0de', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

color:#fff;}




.slider{
	float:left;
	width:1100px;
	height:400px;
	background:#09C;
	border-bottom:1px rgb(204,204,204) solid;
	box-shadow:1px 0px 15px;
	
}

#contenido{
	
	width:1100px;
	height:auto;
	float:left;
	min-height:200px;
	background:#FFF;
}

.barra_c{
	float:left;
	width:265px;
}
.barra_lateral{
	
	margin-top:10px;
	float:left;
	width:250px;
	min-height:200px;
	margin-left:15px;
	background-image:url(../imagenes/fondo_ini.jpg);
	border-radius:1px;
	margin-bottom:5px;
	color:#333;
	text-align:center;
	
}
.barra_cont{
	margin-top:10px;
	float:left;
	width:800px;
	min-height:200px;
	margin-left:20px;

	
	border-radius:1px;
	margin-bottom:10px;
	
}
.barra_cont h2{
	font-size:25px;
	
	text-shadow:#FFF 0px 2px 2px;
	border-bottom:2px dotted  #666666;
	color:#F60;
	
	}
	
	.barra_lateral h2{
	font-size:25px;
	
	text-shadow:#FFF 0px 2px 2px;
	border-bottom:2px dotted  #666666;
	color:#F60;
	
	}
	
	.barra_lateral img{
		margin-bottom:15px;
		}
		.barra_1{
			float:left;
			width:47%;
			min-height:200px;
			text-align:center;
			margin-left:1%;
			margin-right:1%;
		}
		
		
.contac{
	float:left;
	width:400px;
	height:auto;
}

.contac p{padding:0px;}
.contac a{
	color:#333;
}

.formu{
	margin-right:30px;
	float:right;
	width:300px;
	height:auto;
	padding-right:40px;
}
.formu p{padding:0px;}


.product_cnt{
	position:relative;
	text-align:center;
	float:left;
	width:248px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	height:auto;
	margin-left:10px;
	margin-bottom:5px;
	min-height:220px;
	
	border:2px #996600 solid;
	border-radius:8px;
	
	
}

.product_cnt:hover{
	-webkit-box-shadow:0px 0px 8px #993300;
	-moz-box-shadow:0px 0px 8px #993300;
	box-shadow:0px 0px 8px #993300;
	
}




.proyecto{
	
	
	width:250px;
	
	padding:0 0 0 0;
	float:left;
	margin-left:20px;
	text-align:center;
	margin-bottom:15px;
		
		border-radius:15px;
	opacity: 1;
  filter:  alpha(opacity=100);
 -webkit-transition-duration: 0.6s; 
  -moz-transition-duration: 0.6s; 
  -o-transition-duration: 0.6s; 
	

}


.proyecto:hover {
	
	opacity: 0.5;
  filter:  alpha(opacity=50);
  	  -webkit-transform: scale( 1.1 ); 
  -moz-transform: scale( 1.1 ); 
  -o-transform: scale( 1.1 ); 

}


.proyecto img{

	border:3px #999933 solid;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border-radius:4px;
}


		
#pie{
	background:#333;
	width:1100px;
	height:100px;
	float:left;
	color:#FFF;
	text-align:center;
}


#pie p{
	margin-top:10px;
	margin-bottom:10px;
}
#pie a{
	text-decoration:none;
	color:#FFF;
	padding:0px 30px;
	border-right:1px #000000 solid;
	border-left:1px #666666 solid;
}