/* HACK PARA FONDOS TRANSPARENTES EN IE6*/

/*div, a  { behavior: url(../includes/iepngfix.htc) }*/
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }


/* Bordes */

*		{ margin: 0; padding: 0; }
/*html {  overflow : hidden; }*/
body 	{  height: 100%; width: 100%; font-size: 11px; }
td 		{ font-size: 11px; }

/* Standard */

.sincss { display: none; }

html, body 	{ height: 100%; margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; }
a 			{  border: 0; color: #fff; text-decoration: none;  font-size: 11px; padding-bottom: 3px; /*border-bottom: 5px solid #FFFFFF;*/}
a:hover 	{ text-decoration: none;  border: 0; /*border-bottom: 5px solid #b0afb0;*/}

div.clear { clear: both; }
ul { list-style: none;}
a img 	{ border: none; }
#bg_container { height: 100%; }

#menu { min-width: 990px; }
#contenido { height: 89%; position: relative; border: 1px solid #FFF; border-width: 1px 1px 1px 0; background: #FFF; }

#menu { position: absolute; left: 0; top: 0; height: 32px; width: 100%; empty-cells: show; border-collapse: collapse; z-index: 5; }
#menu .enlace { padding: 8px 0; width: 90px; }
#menu .sep { padding: 0; width: 5px; text-align: center; }
#menu .enlace a { font: 12px Arial, "Trebuchet MS", Tahoma; font-weight: bold; text-decoration: none; display: block; width: 100%; text-align: center; }
#menu .on { border-top: 7px solid #FFF; }

#linea_menu { height: 1px; }

#pie { position: absolute; width: 100%; left: 0; bottom: 0; height: 52px; padding-top: 5px; filter: alpha(opacity=75); /*Explorer*/ opacity: 0.75; /*Firefox*/ -moz-opacity:0.75; /* Mozilla*/ }
#pie { color: #626262; font-size: 11px; }
#pie a { color: #5788C6; }
#pie a.jTip { margin: 0 20px; }

#capa_logo { position: absolute; left: 40px; top: 0; width: 146px; height: 146px; filter: alpha(opacity=10); /*Explorer*/ opacity: .1; /*Firefox*/ -moz-opacity:0.10; /* Mozilla*/ }
#imagen_logo { position: absolute; left: 40px; top: 0; width: 146px; height: 146px; background: transparent; z-index: 6; }
#imagen_logo a { display: block; width: 100%; height: 100%; }

#texto_background { position: absolute; right: 40px; top: 31px; width: 238px; height: 320px; filter: alpha(opacity=70); /*Explorer*/ opacity: .7; /*Firefox*/ -moz-opacity:0.70; /* Mozilla*/ }
#texto { position: absolute; right: 40px; top: 31px; width: 208px; height: 320px; padding: 24px 18px; font: bold 12px Arial, "Trebuchet MS", Tahoma; z-index: 4; }
#texto p { margin: 0; padding: 0 0 5px 0; }
#texto p.titular { font-size: 14px; font-weight: normal; }

#texto #imagen_flecha { vertical-align: top; }
#texto #imagen_flecha img { padding-right: 12px; }
#texto #celda_borde_izq { padding: 30px 0 0 6px; vertical-align: top; }
#texto #celda_borde_izq p { padding: 5px 0 5px 40px; }
#texto #descripcion { padding-top: 41px; }
#texto #descripcion p { font-weight: normal; }

#capa1, #capa2, #capa3, #capa4 { display: none; padding: 12px; border: 1px solid #a8a8a8; line-height: 1.3em;  width: 120px; height: 125px; position: absolute; bottom: 57px; background: #FFF; }
#capa1, #capa2, #capa3, #capa4 p {  color: #545454; font-size: 12px; padding-top: 5px; }

#capaHome1, #capaHome2, #capaHome3, #capaHome4 { display: none; padding: 20px; border: 1px solid #cdcdcd; line-height: 1.5em; width: 120px; height: 180px; position: absolute; top: 40px; background: #FFF; z-index: 8; color: #000; text-align: left; }
#capaHome1, #capaHome2, #capaHome3, #capaHome4 p { color: #545454; font-size: 14px; }



/* Maqueta */


#enlace { position: absolute;  top: 0; left: 0; height: 100%; width: 100%;}
#caplogo { position: absolute;  top: 15px; left: 15px;   }
#caplogo a { filter: alpha(opacity=80); /*Explorer*/ opacity: .8; /*Firefox*/ -moz-opacity:0.80; /* Mozilla*/ }
#caplogo a:hover { filter: alpha(opacity=100); /*Explorer*/ opacity: 1; /*Firefox*/ -moz-opacity: 1; /* Mozilla*/ }

#capmenutop {
  font-family: Arial, Helvetica, sans-serif;
  width: 384px;
  position: absolute;
  top: 2px;
  right: 0;

}
#capmenutop ul 			{ float: left; list-style: none; margin: 0; padding: 0; }
#capmenutop li 			{ float: left;  margin-right: 2px; }
#capmenutop li span 	{ display: block; padding: 5px; }
#capmenutop li a 		{ display: block;  color: #434242; font-size: 10px; font-weight: bold; background: #fff; padding: 0; filter: alpha(opacity=60); /*Explorer*/ opacity: 0.6; /*Firefox*/ -moz-opacity: 0.6; /* Mozilla*/ }
#capmenutop li a#inicio {  }
#capmenutop li a#contacto {  }
#capmenutop li a:hover 	{ color: #FFF; background: #000; filter: alpha(opacity=100); /*Explorer*/ opacity: 1; /*Firefox*/ -moz-opacity: 1; /* Mozilla*/ }
#capmenutop li.idioma  	{ background: #000; color: #FFF; }
#capmenutop select 		{ font-size: 10px; margin-left: 10px;  border: 1px solid #FFF; /* background-color: #000; color: #FFF; */ width: 90px; }
#capmenutop label 		{ display: block; float: left; margin-top: 2px; font-size: 10px; font-weight: bold;  }
#capmenutop form 		{ float: right; background: #000; color: #FFF; padding: 2px 3px 3px 5px; margin-right: 3px; }
#capmenutop option 		{ padding-left: 3px;}

#capmenuprinc ul 		{ list-style: none; }
#capmenuprinc li 		{ float: left; margin-right: 2px; }
#capmenuprinc li a 		{ display: block; font-size: 11px; font-weight: bold; color: #434242; padding: 4px 7px 4px 7px; background: #9e9e90; }
#capmenuprinc li a:hover, #capmenuprinc li a.on { background-color: #e9e820;  }

#capmenuprinc {
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  left: 180px;
  top: 58px;
  filter: alpha(opacity=90); /*Explorer*/
  opacity: .9; /*Firefox*/
  -moz-opacity:0.90; /* Mozilla*/
}

#capmenuprinc td {
  color: #434242;
}
#capmenuprinc td.on,
#capmenuprinc td:hover {
  background-color: #e9e820;
}


#flash { position: absolute;  top: 0; left: 0; height: 100%; width: 100%;}


/* Destacados */

#tabla_destacados_fondo { position: absolute; left: 0; bottom: 60px; height: 134px; background: #000; filter: alpha(opacity=50); /*Explorer*/ opacity: .5; /*Firefox*/ -moz-opacity:0.50; /* Mozilla*/  }
/*tabla_destacados { position: absolute; left: 0; bottom: 0px; height: 124px; }*/

#tablapie { position: fixed; left: 0; bottom: 0; height: 25px; width: 100%; background: url(../images/fondo_pie.png); z-index: 10; /* filter: alpha(opacity=70);  opacity: .7;  -moz-opacity:0.70;  */ }
#tablapie p { margin: 5px 5px 5px 11px; }
#tablapie a { color: #000; font-size: 10px; font-weight: normal;  }
#tablapie a:hover { text-decoration: underline;}
#tablapie a#veiss { cursor: pointer; position: absolute; bottom: 3px; right: 10px; display: block; width: 45px; height: 15px; padding: 0; background: url(../images/veiss.png) no-repeat; }
#tablapie a#veiss:hover { background-position: 0 -15px; }
#tablapie .negrita { font-weight: bold; font-size: 11px;}


/* Cuerpo */
#contendor_abs {
  position: absolute;
  left: 183px;
  top: 91px;
}

#cuerpo { position: relative; width: 800px; }


/* PROYECTOS */
#cuerpo_menu 			{ float: left; width: 190px; margin-right: 0; }
#cuerpo_menu a 			{ font: 10px Tahoma, Arial, sans-serif; color: #434242;  background-color: #e3e3d4; padding: 2px 4px; margin-bottom: 2px; }
#cuerpo_menu a:hover 	{ background-color: #e9e820; }
#cuerpo_menu li 		{ background: url(../images/flecha_menu.gif) 0 center no-repeat; padding: 0 0 2px 9px; margin-bottom: 5px;  }
#cuerpo_menu li.on 		{ /*height: 14px;*/ margin-bottom: 5px;  margin-top: 0;  }
#cuerpo_menu li.on a 	{ background: #E9E820;  display: block; width: 173px;  margin: 0; padding-bottom: 2px;  margin-bottom: 0;  }


/*#cuerpo_fondo 					{ position: absolute; left: 175px; top: 0px; width: 620px; height: 500px; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); }*/
#cuerpo_contenido 					{ float: left; width: 600px; background: url(../images/fondo_opacidad_60.png); padding-bottom: 24px; z-index: 200; }
#enlaces_ordenar 					{ width: 520px; margin: 16px 0 0 63px; height: 14px;}
#enlaces_ordenar a 					{ display: block; float: left; margin-right: 1px; height: 6px; background: #cdcdcd url(../images/flecha_ordenar.gif) 3px 3px no-repeat; }
#enlaces_ordenar a.ordenar_nombre 	{ width: 180px; }
#enlaces_ordenar a.ordenar_cliente 	{ width: 140px; }
#enlaces_ordenar a.ordenar_tipo 	{ width: 125px; }
#enlaces_ordenar a.ordenar_fecha 	{ width: 70px; }
#enlaces_ordenar a:hover 			{ background: #3c3c3c url(../images/flecha_ordenar_descendente_on.gif) 3px 3px no-repeat; }
#enlaces_ordenar a.on 				{ background: #3c3c3c url(../images/flecha_ordenar_on.gif) 3px 3px no-repeat; }
#enlaces_ordenar a.on_des 			{ background: #3c3c3c url(../images/flecha_ordenar_descendente_on.gif) 3px 3px no-repeat; }

div.proyecto a 						{ cursor: pointer; display: block; width: 585px; height: 40px; margin: 5px 5px 5px 10px;  background: url(../images/fondo_opacidad_60.png); padding-bottom: 4px; }
div.proyecto a:hover 				{ background: #000; }
div.proyecto a.sin_datos 			{ background: none; cursor: default; }
div.proyecto a.sin_datos:hover,
div.proyecto a.sin_datos span:hover { cursor: default; background: none;}
div.proyecto span					{ display: block; float: left; cursor: pointer; margin-right: 5px; }
div.proyecto span.recuadro_enlace	{ padding-top: 6px; }
div.proyecto span.nombre_proyecto	{ color: #e9e820; width: 175px; }
div.proyecto span.cliente 			{ width: 135px; }
div.proyecto span.tipo 				{ width: 123px; font-weight: bold;  }
div.proyecto span.fecha 			{ width: 35px; margin-right: 0; }
div.proyecto span.imagen 			{ margin: 0 3px 0 2px; width: 50px; _margin-bottom: -10px;}
div.proyecto img					{ display: block; float: left; }

#contenedor_carga					{ position: relative; overflow: hidden;}
.cargando							{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: #fff url(../images/loading.gif) no-repeat scroll center center;  /*_cursor: default;*/  }
#contenedor_carga .cargando			{ *cursor: pointer; }
.recuadro_proyecto a #contenedor_carga { margin-bottom: 5px; }

div.clear { clear: both; }

#imagen_cargada, #imagen_cargada2	{ position: absolute; /*left: 0px; top: 0px;*/ }
#ficha_proyecto 			{ position: absolute; left: 0px; top: 0px; width: 480px; _height: 400px; background: url(../images/fondo_opacidad_60.png); font-size: 11px; overflow: hidden; }
div.recuadro_proyecto 		{ padding: 0 15px 20px 15px; }
div.recuadro_proyecto 		{ padding: 0 15px 20px 15px; }
#ficha_proyecto h2 			{ color: #ffea00; font-size: 12px; }
#ficha_proyecto p 			{ margin-bottom: 5px; }
#ficha_proyecto p.extra 	{ color: #FFF; font-weight: bold; }
#ficha_proyecto p.cliente 	{ color: #939393; font-weight: bold; }
#ficha_proyecto span.servicio { color: #ffea00; font-weight: bold; text-transform: lowercase; }
#ficha_proyecto span.anio 		{ color: #FFF; font-weight: bold; }
#ficha_proyecto p.datos 		{ color: #fffffe; margin: 10px 0; }
#ficha_proyecto p.descripcion 	{ color: #b8b8b8; margin: 10px 0 20px 0; }
div#flecha_ficha 				{ position: absolute; left: 495px; top: 0px; width: 27px; height: 130px; /* la altura sera dinamica*/  margin-left: 5px; border-left: 1px solid #FFF; }
div#flecha_ficha a				{ display: block; width: 27px; height: 100%; background: url(../images/flecha_ficha.gif) right center no-repeat;  }
div.ruta 								{ height: 15px; /*border-bottom: 2px solid #000;*/ margin-bottom: 13px; }
div.ruta li								{ float: left; }
div.ruta li a 							{ display: block; float: left; font-size: 11px; font-weight: bold; color: #434242; padding: 1px 7px; background: #9e9e90; }
div.ruta li a.on, div#ruta li a.hover	{ background-color: #4C4C43; font-weight: normal; color: #FFF; }
div.ruta li.ruta_servicio 				{ margin-bottom: 5px;  /*background: url(../images/flecha_menu.gif) 0 center no-repeat;*/ padding-left: 4px;/*9px;*/ }
div.ruta li.ruta_servicio a 			{ font-weight: normal; background-color: #E3E3D4; }
div.ruta li.ruta_servicio a:hover 		{ background-color: #e9e820; }


/*table.tabla_paginacion a	{ padding: 0 2px; }*/
.tabla_paginacion			{ }
.tabla_paginacion a			{ cursor: pointer; }
td.ctr 						{ color: #FFF; font-weight: bold;  }
td.dch 						{ width: 70px;}


h2 { /*text-transform: lowercase; font-size: 16px;*/ }


/* Propiedades para mostrar los enlaces dentro de pngs en IE6 */
div.proyecto a.pag_inicio,
div.proyecto a.pag_final,
div.proyecto a.pag_izq,
div.proyecto a.pag_dch		{ background: none; display: inline; width: 19px; height: 17px; }
a.enlace_png				{ display: block; width: 39px; height: 17px; z-index: 1000000;}


/***********Mapa Google******************************/
#googlemap				{ width: 600px; height: 400px; }
div#oculto { display: none; position: absolute;   width:100%; margin:0 0; background-color: #000; z-index: 100; opacity: 0.7; filter: alpha(opacity=70); top:0; left:0; }
#map {display: block; visibility: hidden; width: 600px; height: 400px; position: absolute; z-index: -100; background-color: #FFF; border: 10px solid #FFF; }
div#cabecera_mapa {display:none; position:absolute; height:28px; width:620px; background: transparent; z-index: 101;}
div#cabecera_mapa img { position:absolute; right:5px; top:5px;}
* html #map { /* ie6 hack - hacer fixed */
position: absolute;
margin-top: expression(195 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
* html #cabecera_mapa { /* ie6 hack - hacer fixed */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}