@charset "utf-8";

/* CSS Document */

*{

   margin:0px;

   padding:0px;

  }

body {

	background-color:#000000;

	font-family: Geneva, Arial, Helvetica, sans-serif;

}



.wrapper #container { 

    	width: 800px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */



background-color:#FFFFFF;

    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */

    	text-align: left; /* esto anula text-align: center en el elemento body. */

} 
.wrapper #container	a.sin{

		text-decoration:none;
		border:none;

    }
.wrapper #container .logo_f{
	float:left;
	position:absolute;
	margin-top:488px;
	margin-left:5px;
	background:url(../images/logo_f.png) no-repeat;
	width:26px;
	height:26px;
	cursor:pointer;


}
.wrapper #container .logo_t{
	float:left;
	position:absolute;
	margin-top:488px;
	margin-left:33px;
	background:url(../images/logo_t.png) no-repeat;
	width:26px;
	height:26px;
	cursor:pointer;
	
	

/* 
}
.wrapper #container .boletin_caminosciudadanos_home{
	float:left;
	position:absolute;
	margin-top:430px;
	margin-left:5px;
	background:url(..banner_piensachile_110x40.gif) no-repeat;
	width:130px;
	height:42px;
	cursor:pointer;
	align:left;
*/

}
.wrapper #container #header { 

    	background:#000000; 

		height: 20px;

    	padding: 0;  

    } 

.wrapper #container #izquierda {

        float:left;

    	width: 500px;

    	padding-top: 10px;

    }

.wrapper #container #mainContent { 

    	margin: 0px;

    	padding: 0 5px 0 434px; 

    }
.wrapper #container #mainContent #fran {
	overflow: scroll;
	height: 300px;
}
.wrapper #container #mainContent2 { 

    	margin: 0px;

    	padding: 0 5px 0 434px; 

		background: url(../images/juego_negroazul_3.jpg) no-repeat;

    }

.wrapper #container #mainContent3 { 

    	margin: 0px;

    	padding: 0 5px 0 434px; 

		background: url(../images/01_Integracion_jovenes2.jpg) no-repeat;

		

    }

.wrapper #container #mainContent2 #fondo{ 

		height: 556px;

		

    } 

.wrapper #container #mainContent3 #fondo{ 

		height: 556px;

		

    }

.wrapper #container #mainContent a.sin{

		text-decoration:none;

    }

.wrapper #container #mainContent2 a.sin{

		text-decoration:none;

    }

.wrapper #container #mainContent3 a.sin{

		text-decoration:none;

    }

.wrapper #container #footer { 

    	/*padding: 0 10px 0 20px;*/ /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */

		background:#000000;

		width: 800px;

		text-align:center;

    }

.wrapper #container #footer #logobarra{

	

	   height:15px;

	   font-size:10px;



}

.wrapper #container #footer #logobarra img.logo{

	

	   width: 227px;

	   height:75px;

	   /*margin: 500px;*/

	   float:left;

	   margin-left:420px;

	   margin-top:-30px;

	   background:#000;

	   position:relative;

	   



}

/*img.secundario {



		top:-10px;

		position:absolute;

		width: 190px;

		height: 71px;

		padding-top:470px;

		padding-left:420px;

    }*/