@import "formatos.css";
/*
2006 - (c) Intercambios Internacionales por Internet. Todos los derechos reservados
*/
/**************PROPIEDADES PAGINA**************/
/*Pare IE hay codigo en el index.php*/
	html{	
			height: 100%;
	    width: 100%;
	    overflow: hidden;
	  }
	

/**************PROPIEDADES CUERPO**************/
/*Pare IE hay codigo en el index.php*/
	body {	margin: 0;
		background-color: #ececec;
		background-image: url(../imagenes/hielo.jpg);
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: black;
		height: 100%;
	  width: 100%;
		clear: both;
		vertical-align: middle;
		}  

/***************COLUMNA IZQUIERDA**************/

div#columna_izquierda { 
  width: 20%;
  height:100%;
  margin-left: 0px;
  border: 0px;
  left: 0px;
  top: 0px;
  position: absolute;
  float: none;
  overflow: hidden;
  right: 0px;
  }

div#columna_izquierda_cabecera {
  height:5%;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 0px;
  }
			
div#columna_izquierda_cuerpo {
 height: 94%;
 margin-top:0px;
 font-size: 8px;
 text-align: left;
 overflow: hidden;
 margin-bottom: 0px;
 width: 100%;
 vertical-align: middle;
 } 

div#lat_izq1 { 
  width: 100%;
  height: 93%;
  overflow:auto;
  vertical-align:middle;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  }

div#lat_izq2 {
 width: 100%;
 height: 1%;
 font-weight: bold;
 overflow: hidden;
 }						
		
div#columna_izquierda_pie {
  height:1%;
  margin-bottom: 0px;
  }

/****************COLUMNA CENTRAL***************/

div#columna_central {
  width:65%;
  height:100%;
  margin-left:20%;
  border:0px;
  position:absolute;
  float:none;
  vertical-align: middle;
  text-align: center;
  padding: 0px;
  display: block;
  z-index:1;
  }

div#columna_central_cabecera {
  height: 12%;
  font-size: 18px;
  overflow: hidden;
  display: block;
  clear: both; 
  vertical-align: middle;
  text-align: center;
  margin-bottom: 0px;
  }
	
div#columna_central_cabecera_contenedor { 
  vertical-align: middle;
  overflow: visible;
 }

div#columna_central_cuerpo { 
  height: 85%;
  font-size: 11px;
  color: black;
  overflow: auto;
  text-align: center;	 
  background-color: #ececec;
  }

div#columna_central_cuerpo_principal { 
  background-attachment: fixed;
  background-color: #ececec;
  background-image: url(../imagenes/piso/transparencia.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height:100%;}
  
div#columna_central_cuerpo_organigrama { 
  background-attachment: fixed;
  background-color: #ececec;
  background-image: url(../imagenes/piso/transparencia.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  text-align:center;
  height:100%;}

div#columna_central_cuerpo_principal_texto  {height:100%;}

div#columna_central_cuerpo_texto_formulario { 
			background-color: white; height:100%;}

div#columna_central_pie {
 height: 3%;
 text-align: center;
 margin-bottom: 0px;
 font-size: 9px;
 }

div#derechos  { font-size: 9px; display:inline; }

div#columna_central_bienvenida {
		background-attachment: scroll; 	
    background-color: navy;	
		background-repeat: no-repeat;		
		overflow: auto; 
		background-position: center; 
		height: 85%;
    }
    
		div#texto_inicial {
      display: block;
			font-size: 12px;
			text-align: center;
      font-variant: small-caps;
			font-family: "Verdana","Arial","Helvetica";
			letter-spacing: 0.3em;
			font-weight: bold;
		  padding-top: 3%;
			height: 7%;
			width: 100%;
      }
      
		div#texto_inicial2 {
      display: block;
			background-repeat: no-repeat;
			background-position: center;	
		  padding-top: 0%;			
			height: 60%;
			width: 100%;}
			
		div#texto_inicial3 {
      display: block;
			font-size: 12px;
			text-align: center;
			font-variant: small-caps;
			font-family: "Verdana","Arial","Helvetica";
			letter-spacing: 0.5em;
			font-weight: bold;
		  padding-top: 2%;		
			height: 26%;
			width: 100%;
      }
			
/*****************COLUMNA DERECHA**************/
div#columna_derecha {
  width: 15%; 
  height: 100%; 
  margin-left: 85%;
  position:absolute; 
  top:0px;
  z-index:0;
  font-size: 9px;
  }
	
div#columna_derecha_cabecera {
  height: 1%; 
  overflow: hidden;
  margin-bottom: 0px;
  }

div#columna_derecha_cuerpo {
  overflow: hidden; 
   height:90%;
  }
  div#lat_der1 {
   width: 100%; 
   height: 65%;
   
  }
   div#lat_der2 {
   width: 100%; 
   height: 25%; 
   text-align: center; 
   font-weight: bold;
   }

div#columna_derecha_pie {
  height:9%;
  margin-bottom: 0px;
  }
	

	
	#puzzle_container{
		line-height:500px;
		text-align:center;
		vertical-align:center;
		border:10px outset #CCCCCC;
		position:relative;
		color: #FFFFFF;
		background-color: #707070;
		
		width: 520px;	/* IE 5.x */
		width/* */:/**/500px;	/* Other browsers */
		width: /**/500px;	
		
		height: 520px;	/* IE 5.x */
		height/* */:/**/500px;	/* Other browsers */
		height: /**/500px;			

	}
	
	#puzzle_container .square{
		overflow:hidden;
		border-left:1px solid #FFF;
		border-top:1px solid #FFF;
		position:absolute;
	}

	.activeImageIndicator{
		border:1px solid #FF0000;
		position:absolute;
		z-index:10000;
	}
	.revealedImage{
		position:absolute;
		left:0px;
		opacity:0;
		filter:alpha(opacity=50);
		top:0px;
		z-index:50000;
	}