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

*{ margin: 0;padding:0;}

/* --------------------------
GENERAL
----------------------------*/
html{height:100%; width:100%;padding: 0;margin: 0; }
body {
		 height:100%;
		 width:100%;
         margin: 0;
         padding: 0;		 
         color:#8e8e8e;		 
         font-family: Verdana, Arial, Helvetica, sans-serif;		 		 		 
		 font-size:69.5%;	
	  	 background-color:#66becd;	  	   
}
.clear{clear:both;}
.clear15{clear:both;height:15px;}

.separador{margin:20px 0 20px 0;border-bottom:1px solid #999999;}
.separadorMin{margin:-10px 0 10px 0;border-bottom:1px dotted #999999;}


/* --------------------------
CONTENEDOR
----------------------------*/

#contenedor{width:804px; height:765px; min-height:765px; height:auto !important;margin:40px auto 40px auto}


/* --------------------------
CABECERA
----------------------------*/

#content-cabeceraca{width:804px; height:257px; background-image:url(images/fnd_contenedor.jpg); background-repeat:repeat-y; background-position:center top;}
	#cabecera_sup{width:804px; height:40px;background-image:url(images/cabecera_sup.jpg); background-repeat:no-repeat; background-position:center top;}
	#cabecera{ width:778px; height:217px; margin:0 auto 0 auto; background-color:#FFFFFF}
	#logo{width:244px; height:137px; position:absolute; margin:-69px 0 0 20px; z-index:100;}
    #barr_sup{width:778px; height:47px; no-repeat}
    #cabecera_flash{width:778px; height:116px; }
		#telefono{ width:266px; height:116px; position:absolute;z-index:2;}
    #cabecera_menu{width:778px; height:54px;}
	#btnclientes{ width:110px; height:35px; float:right; margin-right:40px; }
	#contenedortrabajosprivados{ float:right; width:400px; height:40px; float:right; margin-right:5px; }
		#bienvenicliente{ float:left; width:250px;  padding-top:15px; text-align:right}
		#botonprivado { float:right; width:150px;  padding-top:8px}
		
		.trabajosprivados h2 a{ float:right; width:137px; height:39px;background:url(images/btn_trabajosprivados.jpg) no-repeat; background-position:-137px 0; display: block; color: #FFFFFF;}
			#Btrabajosprivados .trabajosprivados h2 a{width:136px; height:39px;background:url(images/btn_trabajosprivados.jpg) no-repeat; background-position:0 0 0 0;display: block; color: #FFFFFF;}
			.trabajosprivados h2 a:hover{width:136px; height:39px;background:url(images/btn_trabajosprivados.jpg) no-repeat;background-position:0 0 0 0; display: block; color: #FFFFFF;}		
			.trabajosprivados h2 a span{ position: absolute; z-index: -1; }
/* --------------------------
MENU
----------------------------*/
#cabecera_menu ul{margin-left:11px;}
#cabecera_menu ul li{ float:left; height:39px;margin-top:15px; list-style:none }			
		
		
		#cabecera_menu ul .inicio{ float:left;width:137px; height:39px; margin-right:3px;}
			#cabecera_menu ul .inicio h2{position: relative; z-index: 1;  font-family:"Arial Black", Arial; font-size:12px; color:#66becd;;}
					#cabecera_menu ul .inicio h2 a{width:137px; height:39px;background:url(images/btn_inicio.jpg) no-repeat; background-position:-137px 0; display: block; color: #FFFFFF;}
		#BInicio	#cabecera_menu ul .inicio h2 a{width:136px; height:39px;background:url(images/btn_inicio.jpg) no-repeat; background-position:0 0 0 0;display: block; color: #FFFFFF;}
					#cabecera_menu ul .inicio h2 a:hover{width:136px; height:39px;background:url(images/btn_inicio.jpg) no-repeat;background-position:0 0 0 0; display: block; color: #FFFFFF;}		
					#cabecera_menu ul .inicio h2 a span{ position: absolute; z-index: -1; }
		
		
		#cabecera_menu ul .empresa{ float:left;width:137px; height:39px; margin-right:3px;}
			#cabecera_menu ul .empresa h2{position: relative; z-index: 1;  font-family:"Arial Black", Arial; font-size:12px; color:#66becd;;}
					#cabecera_menu ul .empresa h2 a{width:137px; height:39px;background:url(images/btn_empresa.jpg) no-repeat; background-position:-137px 0; display: block; color: #FFFFFF;}
		#Bempresa	#cabecera_menu ul .empresa h2 a{width:136px; height:39px;background:url(images/btn_empresa.jpg) no-repeat; background-position:0 0 0 0;display: block; color: #FFFFFF;}
					#cabecera_menu ul .empresa h2 a:hover{width:136px; height:39px;background:url(images/btn_empresa.jpg) no-repeat;background-position:0 0 0 0; display: block; color: #FFFFFF;}		
					#cabecera_menu ul .empresa h2 a span{ position: absolute; z-index: -1; }
					
		#cabecera_menu ul .trabajos{ float:left;width:137px; height:39px; margin-right:3px;}
			#cabecera_menu ul .trabajos h2{position: relative; z-index: 1;  font-family:"Arial Black", Arial; font-size:12px; color:#66becd;;}
					#cabecera_menu ul .trabajos h2 a{width:137px; height:39px;background:url(images/btn_trabajos.jpg) no-repeat; background-position:-137px 0; display: block; color: #FFFFFF;}
		#Btrabajos	#cabecera_menu ul .trabajos h2 a{width:136px; height:39px;background:url(images/btn_trabajos.jpg) no-repeat; background-position:0 0 0 0;display: block; color: #FFFFFF;}
					#cabecera_menu ul .trabajos h2 a:hover{width:136px; height:39px;background:url(images/btn_trabajos.jpg) no-repeat;background-position:0 0 0 0; display: block; color: #FFFFFF;}		
					#cabecera_menu ul .trabajos h2 a span{ position: absolute; z-index: -1; }
		

		#cabecera_menu ul .localizaciones{ float:left;width:137px; height:39px; margin-right:3px;}
			#cabecera_menu ul .localizaciones h2{position: relative; z-index: 1;  font-family:"Arial Black", Arial; font-size:12px; color:#66becd;;}
					#cabecera_menu ul .localizaciones h2 a{width:137px; height:39px;background:url(images/btn_localizacion.jpg) no-repeat; background-position:-137px 0; display: block; color: #FFFFFF;}
		#Blocalizacion	#cabecera_menu ul .localizaciones h2 a{width:136px; height:39px;background:url(images/btn_localizacion.jpg) no-repeat; background-position:0 0 0 0;display: block; color: #FFFFFF;}
					#cabecera_menu ul .localizaciones h2 a:hover{width:136px; height:39px;background:url(images/btn_localizacion.jpg) no-repeat;background-position:0 0 0 0; display: block; color: #FFFFFF;}		
					#cabecera_menu ul .localizaciones h2 a span{ position: absolute; z-index: -1; }
					

		#cabecera_menu ul .contacto{ float:left;width:137px; height:39px; margin-right:3px;}
			#cabecera_menu ul .contacto h2{position: relative; z-index: 1;  font-family:"Arial Black", Arial; font-size:12px; color:#66becd;;}
					#cabecera_menu ul .contacto h2 a{width:137px; height:39px;background:url(images/btn_contacto.jpg) no-repeat; background-position:-137px 0; display: block; color: #FFFFFF;}
		#Bcontacto	#cabecera_menu ul .contacto h2 a{width:136px; height:39px;background:url(images/btn_contacto.jpg) no-repeat; background-position:0 0 0 0;display: block; color: #FFFFFF;}
					#cabecera_menu ul .contacto h2 a:hover{width:136px; height:39px;background:url(images/btn_contacto.jpg) no-repeat;background-position:0 0 0 0; display: block; color: #FFFFFF;}		
					#cabecera_menu ul .contacto h2 a span{ position: absolute; z-index: -1; }				
		



/* --------------------------
CUERPO
----------------------------*/

#content-cuerpo{width:804px;height:463px; min-height:463px; height:auto !important; background-image:url(images/fnd_contenedor.jpg); background-repeat:repeat-y; background-position:center top;}
	#cuerpo{width:778px; height:463px; min-height:463px; height:auto !important;margin:0 auto 0 auto; background-color:#FFFFFF; background-image:url(images/fnd_cuerpo.jpg); background-repeat:no-repeat; background-position:center top;}

	#cuerpo #contenido{float:left; width:475px;height:463px; min-height:463px; height:auto !important;}
	#cuerpo #barraLateral{float:right; width:247px;height:463px; min-height:463px; height:auto !important; background-image:url(images/fnd_ltl.jpg); background-repeat:no-repeat; background-position:top; padding-left:30px}
			#fondogris{float:right; width:258px; height:72px; background:#ebedec; margin-top:-4px }
/* --------------------------
PIE
----------------------------*/
#BInicio #content-pie{width:804px;height:75px; clear:both; background-image:url(images/fnd_pie_sombra.jpg); background-repeat:no-repeat; background-position:center top;}

#content-pie{width:804px;height:75px; clear:both; background-image:url(images/fnd_pie.jpg); background-repeat:no-repeat; background-position:center top;}
	#content-pie #pie{height:30px;margin:25px 45px 0 0; float:right}
	#content-pie #pie a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF}
	
	
/* --------------------------
DEFAULT
----------------------------*/

#titulodefault{ font-family:Arial, Helvetica, sans-serif; font-size:16px; margin-left:30px; margin-top:40px;}
	.coloramarillo{  color:#fbcc46;font-weight:bold;}
	.azul{ color:#75a5cd; font-weight:bold;}
	
#textodefault{ width:470px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8e8e8e; text-align:justify; margin-left:30px; margin-top:10px; font-weight:bold; }
#imagendefault{ width:302px; height:175px; margin-top:5px; float:left; margin: 0 auto; margin-left:65px;}
#titulotrabajos{ width:200px; font-size:16px; color:#75a5cd; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-left:30px; margin-top:40px; margin-bottom:50px}
#cuadroizquierda{ width:100px; height:100px; margin-left:25px;margin-top:50px;}
#contenedorfotos{ float:left; width:110; height:100; padding-left:10px; padding-bottom:15px}
	#titulorealizados{ float:left; width:80px; height:14px; margin-top:5px; padding-left:2px; padding-bottom:3px; background:#000000; color:#FFFFFF}
	#imagenestrabajo{ float:left; margin-right:25px; width:80px; height:80px; border:#000000 1px solid; clear:both}
/* --------------------------
EMPRESA
----------------------------*/
#textoempresa{ width:670px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:8e8e8e; text-align:justify; margin: 0 auto; padding-top:20px;}
#imagen1{ width:149px; height:104px; float:left; border:#017B92 2px solid; margin-right:10px;}
#imagen2{ width:670px; height:123px; margin-top:10px;}
	#imagen21{width:149px; height:104px; float:left; border:#017B92 2px solid; margin-right:19px; }
	#imagen22{width:149px; height:104px; float:left; border:#017B92 2px solid; margin-right:19px;}
	#imagen23{width:149px; height:104px; float:left; border:#017B92 2px solid;}
	#imagen31{width:149px; height:104px; float:left; border:#017B92 2px solid; margin-right:19px}

/* --------------------------
LOCALIZACION
----------------------------*/
#mapa{ width:425px; height:350px; border:#017B92 2px solid; float:left; margin-left:15px; margin-top:50px;}
#direccion{ width:280px; height:300px; float:right; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  color:#FFFFFF; margin-left:25px;}
.espacio{ margin-top:20px;}
#titulocontacto{ width:300px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;   margin-left:5px; margin-top:20px;font-weight:bold;}
#fondo{width:300px; height:300px;background-image:url(../images/contacto.jpg);  background-repeat:no-repeat; float:right;margin-top:80px;}

.enlace:link{ color:#000000; text-decoration:none; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.enlace:visited{color:#000000; text-decoration:none;  font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;   }
.enlace:hover{color:#d8b861; text-decoration:none;  font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }


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


#contacto{ width:500px; height:500px;font-size:16px; margin: 0 auto; background-image:url(../images/cuadrocontacto.gif); background-repeat:no-repeat; }
	.contlbltxt{ width:550px; clear:both;margin: 0 auto; }
		.nombre{ float:left; height:25px; width:200px; margin: 0 auto; color:#FFFFFF;   margin-top:20px; margin-left:25px; }
		.caja{ float:left;  height:25px; width:160px;  margin: 0 auto; color:#FFFFFF; margin-top:20px;}
#boton{ margin-top:80px; text-align:center; margin-left:100px; width:150px;}
#textcont{ width:200px; font-size:12px; color:#FFFFFF; text-align:right; font-weight:bold; float:right; }
#textocontacto{ width:400px; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; margin-left:30px; padding-top:10px;}

.alertokcontacto{ width:400px; font-size:16px; color:#FFFFFF; text-align:center; margin-top:60px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-left:40px;}
.alertnokcontacto{ width:400px;font-size:16px; color:#FFFFFF; text-align:center; margin-top:60px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-left:40px;}

#imgcont{ width:20px;}



/* --------------------------
TRABAJOS
----------------------------*/

#botonizquierda{ float:left; height:443px; width:35px; padding-left:12px; margin-top:25px; background:url(images/botonanterioro1.jpg) right no-repeat}
#fondobotones{ float:left; width:635px; height:441px; /*background:#d8b861;*/ margin-top:25px; padding-left:47px; border-top:#81accf 1px solid;  border-bottom:#81accf 1px solid; border-left:#81accf 1px solid; border-right:#81accf 1px solid;}
#contenedortrabajo{ float:left; height:145px; width:200px; margin-left:5px; margin-bottom:8px; margin-top:5px; padding-top:40px; padding-bottom:10px}
	#titulotrabajo{ float:left; height:16px; width:104px; background:url(images/fondotrabajos.jpg) repeat; color:#FFFFFF; border-left:#81accf 2px solid; padding-top:4px; padding-left:10px}
	#trabajoinfo{ float:left; height:16px; width:50px; text-align:right; background:url(images/fondotrabajos.jpg) repeat; color:#FFFFFF; border-right:#81accf 2px solid; padding-top:4px}
	#fototrabajo{ float:left; height:191; width:164px; border-bottom:#81accf 2px solid; border-left:#81accf 2px solid; border-right:#81accf 2px solid; text-align:center; background:#FFFFFF}
#botonderecha{ float:right; height:443px; width:35px; padding-right:12px; margin-top:25px; background:url(images/botonsiguiente1.jpg) no-repeat }	
	
	
	
/*---------------DEFAUTL-------------------*/

#accesoPanel{ width:300px; padding-top:120px; margin:auto; }
		#accesoPanel .tituloacceso{ font-size:17px; font-weight:bold; color:#75A6CE; }
		#accesoPanel .parteac{ float:left;  padding-left:20px; height:33px; padding-top:9px;}
		#accesoPanel .parteac1{ float:left;  padding-left:20px; height:33px;}
		#accesoPanel label{ font-weight:bold; width:100px; float:left;}
		#accesoPanel .cajaacceso{ float:left; width:150px; height:18px;}
		#accesoPanel .btnacceso{ margin-top:12px; margin-left:10px; float:left;}	
		
		
		
/*---------------ZOOM-------------------*/		
		
#botonizquierdazoom{ float:left; height:443px; width:35px; padding-left:12px; margin-top:25px;  background:url(images/botonanterioro1.jpg) right no-repeat }
#fondobotoneszoom{ float:left; width:599px; height:441px; /*background:#d8b861;*/ margin-top:25px; padding-left:83px; border-top:#81accf 1px solid;  border-bottom:#81accf 1px solid; border-left:#81accf 1px solid; border-right:#81accf 1px solid;}
#contenedortrabajozoom{ float:left; height:280px; width:440px; margin-left:5px; margin-bottom:8px; margin-top:5px;}
	#titulotrabajozoom{ float:left; height:16px; width:432px; background:url(images/fondotrabajos.jpg) repeat; color:#FFFFFF; border-left:#81accf 2px solid; padding-top:4px; padding-left:10px}
	#trabajoinfozoom{ float:left; height:16px; width:50px; text-align:right; background:url(images/fondotrabajos.jpg) repeat; color:#FFFFFF; border-right:#81accf 2px solid; padding-top:4px}
	#fototrabajozoom{ float:left; height:280px; padding-bottom:10px; padding-top:10px; width:440px; border-bottom:#81accf 2px solid; border-left:#81accf 2px solid; border-right:#81accf 2px solid; text-align:center; background:#FFFFFF}
#botonderechazoom{ float:right; height:443px; width:35px; padding-right:12px; margin-top:25px; background:url(images/botonsiguiente1.jpg) no-repeat  }	
#piedefotozoom{	 float:left; height:105px; width:432px; padding-left:8px; border-bottom:#81accf 2px solid; border-left:#81accf 2px solid; border-right:#81accf 2px solid; text-align:left; background:#FFFFFF; color:#000000}
#fotopequeñas{ float:left; height:435px; width:100px; padding-left:40px}
#fotozoom{ float:left; height:80px; width:80px; background:url(../upload/trabajos/min/401_09_200845.JPG); margin-top:16px; border:#81accf 2px solid;}
#fotozoom2{ float:left; height:80px; width:80px; background:url(../upload/trabajos/min/401_09_200845.JPG); margin-top:16px; border:#e7b224 2px solid;}