/* ------------------------------------------ GENERAL -------------------------------------------------- */

*{padding: 0;margin: 0;}
html{height:100%;}
body {height:100%; font-family:Arial, Tahoma, Helvetica; background:#000000; }

/* ----------------------------------------- CLASES ---------------------------------------------------- */

.clear{ clear:both;}
.enter{ font-size:8px}

.enlace{ border-color:#000000}
.enlace:link{ color:#FFFFFF; text-decoration:none}
.enlace:visited{ color:#FFFFFF; text-decoration:none}
.enlace:hover{ color:#000000; text-decoration:none}

.enlace2:link{ color:#FFFFFF; text-decoration:none}
.enlace2:visited{ color:#FFFFFF; text-decoration:none}
.enlace2:hover{ color:#000000; text-decoration:none}

.enlace3:link{ color:#000000; text-decoration:none}
.enlace3:visited{ color:#000000; text-decoration:none}
.enlace3:hover{ color:#000; text-decoration:none; font-weight:bold}

.enlacetrabajos:link{ color:#FFFFFF; text-decoration:none; font-size:12px}
.enlacetrabajos:visited{ color:#FFFFFF; text-decoration:none; font-size:12px}
.enlacetrabajos:hover{ color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold}

/* ---------------------------------------- PLANTILLA -------------------------------------------------- */

	#contenedortotal{ height:100%; width:100%; background:#000000 }
		
		#contenedorgeneral{ width:788px; margin:auto; margin-top:20px;}
				#logoculma{ float:left; height:70px; width:214px; background:#000000}				
				#menu{ float:left; height:17px; width:574px; margin-top:50px }
					
					#menu ul{ list-style:none; height:17px; padding-left:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
						#menu li{list-style:none; float:left; height:17px;  cursor:pointer; display:inline; margin-right:9px; color:#FFFFFF; text-align:center; }
						
					#menu #inicioactivo{height:17px; width:40px; display: block; overflow:hidden; color:#FFFFFF; text-decoration:none; font-weight:bold;}
						#menu #inicioactivo:hover{ color:#ddaf89; text-decoration:none; font-weight:bold;}
						#menuinicio{ color:#ddaf89; text-decoration:none; font-weight:bold;}
						#Binicio #menu #inicioactivo{height:17px; width:40px; display:block; overflow:hidden; text-decoration:none; font-weight:bold;}

					#menu #empresaactivo{height:17px; width:65px; display: block; overflow:hidden; color:#FFFFFF; text-decoration:none; font-weight:bold;}
						#menu #empresaactivo:hover{ color:#ddaf89; text-decoration:none; font-weight:bold;}
						#menuempresaactivo{ color:#ddaf89; text-decoration:none; font-weight:bold;}
						#Binicio #menu #empresaactivo{height:17px; width:65px; display:block; overflow:hidden; text-decoration:none; font-weight:bold;}

					#menu #serviciosactivo{height:17px; width:65px; display: block; overflow:hidden; color:#FFFFFF; text-decoration:none; font-weight:bold;}
						#menu #serviciosactivo:hover{ color:#ddaf89; text-decoration:none; font-weight:bold;}
						#menuserviciosactivo{ color:#ddaf89; text-decoration:none; font-weight:bold;}
						#Binicio #menu #serviciosactivo{height:17px; width:65px; display:block; overflow:hidden; text-decoration:none; font-weight:bold;}

					#menu #construccionactivo{height:17px; width:165px; display: block; overflow:hidden; color:#FFFFFF; text-decoration:none; font-weight:bold;}
						#menu #construccionactivo:hover{ color:#ddaf89; text-decoration:none; font-weight:bold;}
						#menuconstruccionactivo{ color:#ddaf89; text-decoration:none; font-weight:bold;}
						#Binicio #menu #construccionactivo{height:17px; width:165px; display:block; overflow:hidden; text-decoration:none; font-weight:bold;}

					#menu #obrasactivo{height:17px; width:112px; display: block; overflow:hidden; color:#FFFFFF; text-decoration:none; font-weight:bold;}
						#menu #obrasactivo:hover{ color:#ddaf89; text-decoration:none; font-weight:bold;}
						#menuobrasactivo{ color:#ddaf89; text-decoration:none; font-weight:bold;}
						#Binicio #menu #obrasactivo{height:17px; width:112px; display:block; overflow:hidden; text-decoration:none; font-weight:bold;}

					#menu #contactaractivo{height:17px; width:65px; display: block; overflow:hidden; color:#FFFFFF; text-decoration:none; font-weight:bold;}
						#menu #contactaractivo:hover{ color:#ddaf89; text-decoration:none; font-weight:bold;}
						#menucontactaractivo{ color:#ddaf89; text-decoration:none; font-weight:bold;}
						#Binicio #menu #contactaractivo{height:17px; width:65px; display:block; overflow:hidden; text-decoration:none; font-weight:bold;}
					
											
				#contenedorcentral { float:left;  min-height:451px; height:auto !important; height:451px; width:788px; background:#FFFFFF}
		
		#pie{color:#ffffff; font-size:11px; clear:both; text-align:center; padding-top:7px; font-family:Verdana, Arial, Helvetica, sans-serif }	
			.pieecomputer:link{color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none; }
			.pieecomputer:visited{color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none; }	
			.pieecomputer:hover{color:#ddaf89; font-size:11px; font-weight:bold; text-decoration:none; }



/* ---------------------------------------- DEFAULT -------------------------------------------------- */

	#contenedorflash { float:left; height:244px; width:774px; border-left:7px #FFFFFF solid; border-right:7px #FFFFFF solid; border-top:7px #FFFFFF solid; border-bottom:5px #FFFFFF solid;}					
	#contenedorinferior {float:left; min-height:194px; height:auto !important; height:194px; width:774px; border-left:7px #FFFFFF solid; border-right:7px #FFFFFF solid; border-bottom:7px #FFFFFF solid; background:url(images/fondomadera.jpg)}


	#contenedorinferiorizq { float:left; height:195px; width:374px; padding-left:12px; padding-top:9px; }
		#tituloizq{ float:left; width:170px; height:24px; color:#FFFFFF; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:2px #234e54 solid}
		#textoizq{ float:left; width:362px; height:151px; color:#FFFFFF; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify }
	#contenedorinferiordrch { float:left; height:185px; padding-top:9px; width:376px; padding-left:12px; }
		#titulodrch{ float:left; width:170px; height:24px; color:#FFFFFF; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:2px #234e54 solid }
		/*#textodrch{ float:left; width:364px; height:151px; background:#0000FF; color:#FFFFFF; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify }*/
		#contendedorfotosdefault { float:left; width:364px; height:151px; }
		#contendedorfotosdefault img{ border:1px solid #FFF}
			#foto1default{ float:left; width:121px; height:135px; padding-top:16px; }
			#foto2default{ float:left; width:121px; height:110px; padding-top:41px; }
			#foto3default{ float:left; width:121px; height:88px; padding-top:63px; }
			
			
/* ---------------------------------------- EMPRESA -------------------------------------------------- */
	#contenedorsuperiorEmpresa {float:left; min-height:194px; height:auto !important; height:194px; width:764px; border-bottom:7px #FFF solid ; margin-top:7px; border-left:7px #FFFFFF solid; border-right:7px #FFFFFF solid; padding-left:10px; background:#B88872; color:#FFFFFF;  }
		#tituloempresa{ float:left; width:170px; height:24px;  padding-top:10px; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:2px #234e54 solid}
		#textoempresa{ float:left; clear:both; width:734px; padding-left:10px; padding-right:20px; padding-top:10px; height:151px; color:#FFFFFF; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify }
	#contenedorinferiorEmpresa {float:left; height:236px; width:764px; padding-top:20px; background:#B88872; color:#FFFFFF; }
		#fotoempresa1{ float:left; height:200px; padding-left:10px; width:190px; border:#FFF}
		#fotoempresa2{ float:left; height:200px; width:190px; border:#FFF}
		#fotoempresa3{ float:left; height:200px; width:190px; border:#FFF}
		#espacioempresa{ float:left; height:200px; width:81px;}

/* ---------------------------------------- CONSTRUCCION -------------------------------------------------- */
	#contenedorconstruccion{ float:left; min-height:451px; height:auto !important; height:451px; width:774px; color:#FFFFFF; background:#000; border:7px #FFF solid}
	
		#contenedorconstruccion ul{ color:#FFF; text-decoration:none; list-style:none}
			#contenedorconstruccion li{ color:#FFF; text-decoration:none;  list-style:none}
		
		#construcionizq{ float:left; min-height:451px; height:auto !important; height:451px; width:488px; border-right:7px #FFF solid; padding-left:5px; background:#B88872; text-align:justify }
			#tituloconstruccion{ float:left; color:#234e54; font-weight:bold; height:25px; padding-top:22px; padding-bottom:5px; padding-left:8px; width:470px; font-size:18px;}
			#laminada,#microlaminada,#bilaminada,#leno,#vigas,#douglas,#autoportantes,#sandwich,#sandwichb,#sandwichc{  min-height:20px; height:auto !important; height:20px; width:450px; padding-left:16px}
			#laminada:hover,#microlaminada:hover,#bilaminada:hover,#leno:hover,#vigas:hover,#douglas:hover,#autoportantes:hover,#sandwich:hover,#sandwichb:hover,#sandwichc:hover{ font-size:15px;  min-height:20px; height:auto !important; height:20px; width:450px; padding-left:16px}
			#laminada1,#microlaminada1,#bilaminada1,#leno1,#vigas1,#douglas1,#autoportantes1,#sandwich1,#sandwichb1,#sandwichc1{  min-height:20px; height:auto !important; height:20px; padding-bottom:15px}
		#construciondrch{ float:left; height:451px; width:274px; background:#000; background:url(../imagenes/a.jpg)}

			.secPrincipal{font-family: Arial, Tahoma; font-size:14px; color:#000000; padding-left:10px; text-decoration:none; font-weight:bold; cursor:pointer}
			.secSecundario{list-style:none; width:425px; height:20px; margin:0 3px 0 3px; padding:3px 0 0 35px; text-decoration:none; visibility:hidden; display:none; font-size:12px}		


/* ---------------------------------------- CONTACTO -------------------------------------------------- */

	#contenedorcontacto{float:left; height:443px; width:774px; /*background:#ddaf89;*/ border-left:7px #FFFFFF solid; border-right:7px #FFFFFF solid; border-top:7px #FFFFFF solid; border-bottom:7px #FFFFFF solid; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		#contactosuperior{ float:left; height:230px; width:774px; background:#ddaf89; border-bottom:5px #FFFFFF solid;  }
			#contactosuperiortitulo{ float:left; width:760px; height:12px; padding-left:14px; padding-top:8px; }
			#contactosuperiorizq{ float:left; height:180px; width:516px }
			#contactosuperiordrch{ float:left; height:165px; width:225px; padding-left:20px; padding-top:15px;  }
				#cuadroformtexto{ float:left; height:25px; padding-top:15px; padding-left:20px; width:75px; text-align:left;}
				#cuadroformcampo{ float:left; height:25px; padding-top:15px; width:158px; text-align:left; }
			#contactosuperiorbotonenviar{float:left; width:760px; height:24px; padding-left:14px; text-align:center }
			#mensajecontacto{ float:left; width:760px; height:12px; padding-left:14px; padding-top:15px; }
		#contactoinferior{ float:left; height:208px; width:774px; background:#b88872 }	
			#datosculam{ float:left; height:150px; width:199px; font-size:12px; padding-top:50px; padding-left:25px; color:#FFFFFF }
			#mapa{ float:left; margin-top:4px;  height:200px; width:545px;}
	


/*--------------------------------------- AVISO ----------------------------------------------------------------------*/		
	#tituloaviso{font-size:16px; margin-left:15px; font:Arial, Helvetica, sans-serif; padding-right:10px; width:550px; padding-top:10px; border-bottom:#000000 2px solid}
	#tituloaviso2{ float:right; color:#c80813; font-size:16px; margin-left:15px; font:Arial, Helvetica, sans-serif; padding-right:10px; width:110px; padding-top:10px; /*border-bottom:#c80813 2px solid*/}
	#textoaviso{font-size:12px; padding-left:15px; font:Arial, Helvetica, sans-serif; text-align:justify; padding-right:10px; margin-top:15px}
	#contenedoraviso{float:left; height:1300px; width:740px; margin-top:10; padding-left:15px; padding-top:15px }


/*--------------------------------------- OBRAS ----------------------------------------------------------------------*/		

#contenedorobras {float:left; height:443px; width:774px; background:#ddaf89; border-left:7px #FFFFFF solid; border-right:7px #FFFFFF solid; border-top:7px #FFFFFF solid; border-bottom:7px #FFFFFF solid; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
	 
	 #menutrabajos { float:left; height:443px; width:160px; border-right:#FFFFFF 5px solid; background:#a26245 }
	 	#tituloobras{ float:left; height:20px; width:160px; padding-top:10px; font-size:18px; text-align:center; margin-bottom:15px; color:#FFFFFF}
		#contendortrabajosdinamicos{ float:left; height:298px; width:160px;}
			#trabajo{ float:left; height:15px; width:150px; padding-left:10px; padding-top:6px; color:#FFFFFF }
    
		#piedefotoobra { float:left; height:100px; width:140px; padding-left:10px; padding-right:10px; text-align:justify; color:#FFFFFF}
	
	 #imagenesobras{ float:left; height:443px; width:609px}
	 	#imagengrande { float:left; height:343px; width:609px; text-align:center }
	 	#listadoimagenesobras { float:left; height:95px; width:609px; border-top:5px #FFFFFF solid; background:#b88872}
			#botonimagenizq { float:left; height:70px; width:50px;text-align:center; font-size:25px; padding-top:25px;}
			#imagenobra { float:left; height:87px; width:102px; padding-top:8px; text-align:center} 
			#botonimagendrch { float:right; height:70px; width:49px; text-align:center;  font-size:25px; padding-top:25px; }

/* ---------------------------------------- SERVICIOS -------------------------------------------------- */
	#contenedorsuperiorservicios {float:left; min-height:453px; height:auto !important; height:454px; width:764px; border-bottom:7px #FFF solid ; margin-top:7px; border-left:7px #FFFFFF solid; border-right:7px #FFFFFF solid; padding-left:10px; background:#B88872; color:#FFFFFF;  }
		#tituloservicios{ float:left; width:170px; margin-right:450px; height:24px;  padding-top:10px; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:2px #234e54 solid}
		#textoservicios{ float:left; height:400px; width:364px; padding-left:8px; font-weight:bold}
			#textoservicios p{ height:23px;}
		#fotoservicios{ float:left; height:120px; width:170px; margin-bottom:30px;}	
		#fotoservicioseespacio{ float:left; height:120px; width:40px; margin-bottom:30px; }	
		#fotograndeservicios{float:left; height: 350px; padding-top:20px; width:370px; padding-right:8px; margin:0 auto;}


/**************************************** DEFAULTPC ****************************************/
#titulodf { float:left; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; height:20px; width:550px; padding-left:30px; margin-top:80px; border-bottom:#000000 1px solid}
#cuadrocentraldf{ float:left; height:40px; width:360px; margin-top:60px; padding-left:240px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
	#cuadrointerirordf{ float:left; height:20px; width:150px; margin-top:10px;}
	#cuadrobotondf { float:left; height:20px; width:300px; margin-top:20px; text-align:center}
	
	.enlace:link{ color:#FFFFFF; text-decoration:none}
	.enlace:visited{ color:#FFFFFF; text-decoration:none}
	.enlace:hover{ color:#ddaf89; text-decoration:none}