*{ margin:0px; padding:0px; list-style:none; font-family: Arial, Helvetica, sans-serif;  font-size:11px;  }


body{ background-color:#313131; width:100%; height:100%;}
.clear{ clear:both;}
.alertokcontacto{ margin:50px 30px 30px 10px ; width:280px; color:#000000; background-image:url(../imagenes/cuadrocontacto..jpg);}
.alertnokcontacto{ margin:50px 30px 30px 10px ;  width:280px; color:#000000;background-image:url(../imagenes/cuadrocontacto..jpg);}


#contgeneral{ width:100%; height:100%; background-color:#313131;}
	#contcabecera{ width:100%; height:118px; background-image:url(images/fondocabecera.jpg);}
		#cabecera{ width:778px;  margin:0 auto;}
			#logo{ width:235px; float:left;}
			#enlaces{ width:520px; float:right;}
				#telefono{ text-align:right; margin-right:30px; font-size:20px; color:#9a9a9a; font-family:Arial Black;}
				#localizacion{ font-size:14px; margin-left:20px; height:60px; color:#7b7c7f;}
				#contloca{ text-align:right;  margin-right:30px; font-size:14px; font-weight:bold;}
	#menu{ width:100%; background:#054c84; height:50px;}
		#contmenu{ width:778px; margin:0 auto; color:#ffffff;}
			#contmenu ul li{ width:111px; float:left; color:#ffffff; text-align:center; font-size:14px; font-weight:bold;}
	#flashcabecera{ width:100%; background-image:url(images/fondoflash.jpg); background-repeat:repeat-x; background-color:#FFFFFF;}
		#flash{ width:778px; margin:0 auto; }
	#contcontenidos{ background-color:#FFFFFF;}
		#contenidos{ width:778px; margin:0 auto; }
	#pie { width:100%; color:#FFFFFF; background-color:#313131; height:150px;}
		#enlacespie{ width:778px; margin:0 auto; font-weight:bold; color:#FFFFFF; margin-bottom:50px;}
/*ESTILOD BOTONES*/		
	#botones{ width:778px; float:left;}
		/*#botones ul{  height:31px; }*/
		/*#botones li{float:left;height:31px; cursor:pointer; display:inline;}*/
	
		#botones #inicioactivo{height:40px;width:111px;display: block;overflow: hidden;background:url(images/boton.gif) 0 0		         no-repeat;}
		#botones #inicioactivo:hover{background-position: -111px 0;}
		#Binicio #botones #inicioactivo{height:40px;width:111px;display: block;overflow: hidden;background:                    	        url(images/boton.gif) -165px 0 no-repeat; color:#054C84; }
		
		
		#botones #empresaactivo{height:40px;width:111x;display: block;overflow: hidden;background:url(images/boton.gif) 0 0		         no-repeat;}
		#botones #empresaactivo:hover{background-position: -111px 0;}
		#Binicio #botones #empresaactivo{height:40px;width:111px;display: block;overflow: hidden;background:                    	        url(images/boton.gif) -165px 0 no-repeat;}
		
		#botones #serviciosactivo{height:40px;width:111px;display: block;overflow: hidden;background:url(images/boton.gif) 0 0		         no-repeat;}
		#botones #serviciosactivo:hover{background-position: -111px 0;}
		#Binicio #botones #serviciosactivo{height:40px;width:111px;display: block;overflow: hidden;background:                    	        url(images/boton.gif) -165px 0 no-repeat;}
		
		#botones #solaractivo{height:40px;width:111px;display: block;overflow: hidden;background:url(images/boton.gif) 0 0		         no-repeat;}
		#botones #solaractivo:hover{background-position: -111px 0;}
		#Binicio #botones #solaractivo{height:40px;width:111px;display: block;overflow: hidden;background:                    	        url(images/boton.gif) -165px 0 no-repeat;}
		
		#botones #trabajosactivo{height:40px;width:111px;display: block;overflow: hidden;background:url(images/boton.gif) 0 0		         no-repeat;}
		#botones #trabajosactivo:hover{background-position: -111px 0;}
		#Binicio #botones #trabajosactivo{height:40px;width:111px;display: block;overflow: hidden;background:                    	        url(images/boton.gif) -165px 0 no-repeat;}
		
		#botones #productosactivo{height:40px;width:111px;display: block;overflow: hidden;background:url(images/boton.gif) 0 0		         no-repeat;}
		#botones #productosactivo:hover{background-position: -111px 0;}
		#Binicio #botones #productosactivo{height:40px;width:111px;display: block;overflow: hidden;background:                    	        url(images/boton.gif) -165px 0 no-repeat;}
		
		#botones #noticiasactivo{height:40px;width:111px;display: block;overflow: hidden;background:url(images/boton.gif) 0 0		         no-repeat;}
		#botones #noticiasactivo:hover{background-position: -111px 0;}
		#Binicio #botones #noticiasactivo{height:40px;width:111px;display: block;overflow: hidden;background:                    	        url(images/boton.gif) -165px 0 no-repeat;}
		
.boton:link{ color:#ffffff; text-decoration:none;  font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:7px; text-align:center; }
.boton:visited{color:#ffffff; text-decoration:none;  font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;  padding-top:7px; text-align:center; }
.boton:hover{color:#054E83; text-decoration:none;  font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding-top:7px; text-align:center; }

		
/*ESTILOS PAGINA DE EMPRESA*/

#textoempresa{ width:745px; color:#000000; text-align:justify; float:left; margin-left:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
#imagempresa{ width:300px; height:218px;  float:left; margin: 30px 0px 30px 30px;}
#foto2{ width:150px; height:150px; float:right; margin-right:30px; margin-top:20px;}
#foto3{ width:150px; height:150px; float:right; margin-right:30px; margin-top:20px;}
#cuadro{ width:401px; height:179px; background-image:url(../imagenes/cuadroempresa.jpg); float:right; background-repeat:no-repeat; margin-top:40px;}

.textoDestacado{ color:#fb462a; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

/*ESTILOS DEL CONTACTO*/
#mapa{ width:425px; float:left; margin-left:15px;}
#contacto{ width:280px; height:250px; margin:0 auto; font-size:16px; text-align: justify; color:#000000; float:right; margin-right:50px;}
	#contacto input{ color:#000000;}
	.contlbltxt{ width:280px; margin-top:10px; margin-left:20px;}
	.nombre{ float:left; height:25px; width:70px;padding:0px; color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif;
	margin: 0 auto;}
	.caja{ float:right;  height:25px;color:#000000; margin: 0 auto; width:190px; }
	.enviar{clear:both; margin-top:115px; margin-left:130px; color:#000000}
.texto{ color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif}

.contacto:link{ color:#9A9A9A; text-decoration:none;  font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.contacto:visited{color:##9A9A9A; text-decoration:none;  font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.contact:hover{color:##9A9A9A; text-decoration:none;  font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*Estilos de servicios*/

#textoservicios{ width:768px; text-align:justify; color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
#texfoto1{ width:250px; height:30px; font-size:11px; font-family:Arial, Helvetica, sans-serif; float: right; color:#000000; text-align:justify; margin-right:10px; margin-top:10px; }
texfotop{
	text-align:center;
	width:380px;
	height:30px;
	float:left;
	color:#000000;
	text-align:center;
	margin-right:10px;
	margin-top:10px;
	font-size: 12px;
	font-style: normal;
}
#borde{background-color:#CCCCCC; border:#000000 1px solid; color:#000000; width: 380px; margin-top: 20px; background-image:url(../imagenes/cuadro..jpg); }
#borde1{background-color:#CCCCCC; border:#000000 1px solid; color:#000000; width: 380px; height:280px;  margin-top: 20px; background-image:url(../imagenes/cuadro2.jpg); }
#borde2{ background-color:#CCCCCC; border:#000000 1px solid; color:#000000; width: 380px; height: 280px; background-image:url(../imagenes/cuadro2.jpg)}
#foto{ width:100px; margin:10px; 0px 10px 10px }
#fotoP{ float:left;}
	#fotoP a,a:hover{border:0; list-style:none; background-image:none; background-color:none; border-color:none}
#textoser{ width:768px; color:#000000; margin-top:20px;}

#derecha{ float:right; width:380px; margin-top:0px;}
#izquierda{ float:left; width:380px; margin-top:0px;}
.color{ color:#000000;}

/*ESTILOS DEL PIE*/

.pie:link{ color:#ffffff; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;  text-align:center; }
.pie:visited{color:#ffffff; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; }
.pie:hover{color:#ffffff; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; }

/*ESTILOS DE LA PAGINA AVISO LEGAL*/

#textoAviso{ width:740PX; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; padding-top:20px; margin-left:20px; text-align: justify;}


/*ESTILOS DE LA PAGINA DE INICIO*/

#tituloServicio{ width:171px; height:46px; padding-top:10px; margin-left:20px; }
#serviciosIncio{ width:400px; height:100px; font-size:12px;  font-family:Arial, Helvetica, sans-serif; text-align:justify; margin-left:30px; margin-top:10px; color:#000;}
#bienvenida{ width:400px; height:100px; background-color:#eef7ff; margin-top:20px; margin-left:20px;}
#btnBienvenida{ width:192px; height:38px; float:left; position:absolute; z-index:1; margin-left:25px; }
#logoBienvenida{ width:79px; height:77px; float:left; margin-left:10px; margin-top:20px;}
#fotoSolar{ width:98px; height:63px; float:right; margin-right:20px;}
#fotoedificio{ width:107px; height:59px; float:left; margin-left:10px; margin-right:5px}
#contNoticiaInicio{ width:249px; float: right; margin-right:20px; margin-bottom:20px;}
#contTituloNoticia{ width:249px; height:38px; background-image:url(../imagenes/tituloultimasNoticias.jpg); background-repeat:no-repeat; float:right; margin-top:20px; margin-right:20px; }
	#ContContenido{ width:249px; height:200px; background-image:url(../imagenes/fondoNoticia.jpg); background-repeat:repeat-y; float:right; margin-right:20px;}
	#pieNoticia{ width:249px; height:31px; float:right; background-image:url(../imagenes/piefondonoticia.jpg); background-repeat:no-repeat;margin-right:20px;}
#masNoticias{ width:50px; font-size:12px; font-family:Arial, Helvetica, sans-serif; float:right; margin-right:20px; margin-top:10px; color:#686969;}
#textoBienvenida{ width:280px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:28px; margin-left:5px; float:left; text-align:justify;L}
#fechaNoticia{ width:200px; font-size:12px; float:left; margin-left:10px; margin-top:5px; color:#000; font-family:Arial, Helvetica, sans-serif;}
#fotoNoticia{ width:60px; height:60px; float:left; margin:10px 10px 10px 10px; border:#FFF 1px solid;}
#contenidoNoticia{ width:150px;  height:60px; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; float:left; margin-top:10px; }

.info{ width:30px; font-size:12px; float:right; text-decoration:none; margin-right:5px; color:#000;}

/*ESTILOS DE LA PAGINA RENOVABLE*/

#textoRenovable{ width:720px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:justify; color:#000; padding-top:20px; margin-left:20px; padding-bottom:20px;}
	#textoTabulacion{font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:justify; margin-left:20px; color:#000;}
#imgSolar{ width:150px; height:150px; float:left; margin-left:10px; margin-right:10px; margin-top:10px; border:#000 1px solid }
#imgGeotermina{ width:150px; height:150px; float:right; margin-left:10px; margin-right:10px; margin-top:10px; border:#000 1px solid }

/*ESTILOS DE LA PAGINA LISTADO DE NOTICIAS*/
#contenorListado{ width:249px; float:left; padding-top:10px; margin-left:10px; margin-bottom:10px; }
#tituloListado{ width:249PX; height:38px; background-image:url(../imagenes/listadoNoticia.jpg); background-repeat:no-repeat; margin-left:10px; float:left;  }
#tituloNoticia{ width:200px; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-top:10px; margin-left:10px; color:#FFF;}
#contenidoListado{ width:249px; height:100px; background-color:#eaeff4; color:#000; float:left; margin-left:10px; color:#000;}

/*ESTILOS DE LA PAGINA DETALLE DE NOTICIA*/

#detalleTitulo{ width:500px; height:20px; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:20px;}
#detalleFecha{width:100px; height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:20px;}
#detalledescripcion{width:750px; height:200px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:20px; margin-top:10px; padding-bottom:10px; margin-bottom:10px;}
#detalleFoto{ width:200px; height:200px; float:left; margin-right:10px;}
#atras{ width:73px; height:19px; float:right; margin-right:20px; padding-bottom:5px;}

/*ESTILOS DE LA PAGINA TRABAJOS*/

#textoTrabajo{ width:643px; font-size:18px;  font-family:Arial, Helvetica, sans-serif; margin-left:50px; padding-top:60px; height:300px;}