/* Hoja de Estilos
sitio web: www.chileparaninos.cl
autor: sergio majluf
url: www.disenochileno.cl
*/

/*estilos básicos */
html {
margin:0;
}

body {
font-family: "Trebuchet MS", "Lucida Sans", helvetica, arial, sans-serif;
font-size: 85%;
font-weight:bold;
color:#006600;
background:#3088A6 url(i/tile-bg.gif) fixed repeat;
margin:-17px 0 0 0;
padding:0;
}
* html body
  {
  margin:0;   /* for IE5.x/win */
  m\argin:0 0 0 0;  /* for other IE versions */
}
p {
font: normal 85% Geneva, Arial, Helvetica, sans-serif;
}
#envoltorio {
background:#3088A6 url(i/envoltorio-bg.jpg) left bottom repeat-x;
position: relative;
margin: 0 auto;
padding: 0 8px 8px 8px;
font-size: 95%;
text-align: left;
width: 750px;
}
img .zero {
margin:0;
padding:0;

}
/* banner y logo */
#banner {
background: #c9e4f6 url(i/encabezado.gif) no-repeat top left;
height: 85px;
padding: 0;
margin: 0;
}
#banner a  {
border-style: none;
display: block;
width: 118px;
}
#banner img  {
display: block;
width: 0;
}
#banner span {
position: absolute;
top: 5px;
left: 514px;
width: 236px;
height: 66px;
}
html>body #banner span {
top: 5px;
}
#home #banner span 					{background: url(i/h1-home.gif) no-repeat;}	
#tesoros #banner span 				{background: url(i/h1-tesoros.gif) no-repeat;}	
#clubmemoriosa #banner span 		{background: url(i/h1-club.gif) no-repeat;}	
#beneficiosdelclub #banner span 	{background: url(i/h1-club.gif) no-repeat;}	
#juegos #banner span 				{background: url(i/h1-juegos.gif) no-repeat;}		
#inscribete #banner span 			{background: url(i/h1-club.gif) no-repeat;}	
#noticiasdelclub #banner span 		{background: url(i/h1-noticias.gif) no-repeat;}
#actividadesdelclub #banner span 	{background: url(i/h1-actividades.gif) no-repeat;}	
#juegosmemoriosa #banner span 		{background: url(i/h1-juegos.gif) no-repeat;}
#baulmemoriosa #banner span 		{background: url(i/h1-baul.gif) no-repeat;}	
#bibliotecamemoriosa #banner span 	{background: url(i/h1-biblioteca.gif) no-repeat;}
#indicememoriosa #banner span 		{background: url(i/h1-indice.gif) no-repeat;}
#linksmemoriosa #banner span 		{background: url(i/h1-links.gif) no-repeat;}	

#banner h1 a strong {
display:none;
}
#banner h1 a {
position: absolute;	
margin:0; padding:0;
top: 0px;
left: 8px;
width: 136px;
height: 85px;
background:#c9e4f6 url(i/logo.gif) top left no-repeat;
}
html>body #banner h1 a {
top: 0px;
}

/* Nav principal */
#tagline { float:left;}
#nav {
float: right;
width: 592px;
margin: 10px 0 0 0;
padding: 0;
list-style: none;
font-size: 95%;
background: url(i/nav-bg.gif) no-repeat top left;
}
#nav li {
float: left;
margin: 0;
padding: 13px 15px 25px 20px;
list-style: none;

}
#nav a {
float: left;
text-decoration: none;
font-weight: bold;
color: #cc0000;

}
#nav a:hover, #nav a.active {
color: #008400;
}
li#t-inicio {
margin-left:10px;
background: url(i/icn_inicio.gif) no-repeat top left;
}
li#t-club  {
background: url(i/icn_club.gif) no-repeat top left;
}
li#t-juegos  {
background: url(i/icn_juegos.gif) no-repeat top left;
}
li#t-baul  {
background: url(i/icn_baul.gif) no-repeat top left;
padding-left:25px;
}
li#t-biblioteca  {
background: url(i/icn_biblioteca.gif) no-repeat top left;
padding-left: 30px;
}
li#t-indice {
background: url(i/icn_indice.gif) no-repeat top left;
}
li#t-links {
background: url(i/icn_links.gif) no-repeat top left;
padding-left:19px;
}
body#home li#t-inicio a {color: #008400;}
body#clubmemoriosa li#t-club a,
body#actividadesdelclub li#t-club a,
body#noticiasdelclub li#t-club a,
body#beneficiosdelclub li#t-club a,
body#inscribete li#t-club a {color: #008400;}
body#juegosmemoriosa li#t-juegos a {color: #008400;}
body#baulmemoriosa li#t-baul a {color: #008400;}
body#bibliotecamemoriosa li#t-biblioteca a {color: #008400;}
body#indicememoriosa li#t-indice a {color: #008400;}
body#linksmemoriosa li#t-links a {color: #008400;}
/* Tabla Central */
#central {
clear:both;
width:754px;
border-collapse:collapse;
border-spacing:0;
}
#colIzq {width:161px;}
#colCentral{
width:442px;}
#colDer{width:151px;}

/* Columna Izquierda Menu */
/* Patrimonio Natural y Cultural */
#patrimonionatural {
width: 150px;
background: #d8e8c7 url(i/patrimonio-natural-bg.gif) no-repeat bottom left;
}
#patrimoniocultural {
width: 150px;
background: #c0e2f2 url(i/patrimonio-cultural-bg.gif) no-repeat bottom left;
}  
#patrimonionatural h2, #patrimoniocultural h2 {display:none;}
#patrimonionatural ul, #patrimoniocultural ul {
margin: 0;
padding: 7px 10px 20px 10px;
list-style: none;
}
#patrimonionatural li, #patrimoniocultural li {
margin: 0 0 4px; 
padding: 0;
} 
#patrimonionatural li a {
display:block;
color:#006600;
text-decoration:none;
}
#patrimonionatural li a:hover{color:#009900;}
#patrimoniocultural li a{
display:block;
text-decoration:none;
color:#003366;
}
#patrimoniocultural li a:hover{color:#000099;}



/* Noticias del Club en la homepage */
#noticias {
width:248px;
float:left;
margin:0;
background: url(i/actividades-bg.gif) bottom left no-repeat;
padding: 0 5px 10px 0;
color:#060;
}
#noticias h2 {
display:none;
}
#noticias img.centro {
margin:0 8px 5px 10px;
border: 1px solid #3088a6;
padding:2px;
background-color:#dae9cb;
}
#noticias img.izq {
float:left;
margin:0 8px 5px 10px;
border: 1px solid #3088a6;
padding:2px;
background-color:#dae9cb;
}
#noticias img.der {
float:right;
margin:0 10px 5px 8px;
border: 1px solid #3088a6;
padding:2px;
background-color:#dae9cb;
}
#noticias h3{
clear:both;
font-size:105%;
border-top: 1px #3088a6 dotted;
padding-top:5px;
margin:0 10px 8px 10px;
line-height: 130%;
}
#noticias h3 a {
color:#060;
text-decoration:underline;
}
#noticias h3 a:hover {
color:#006699;
}
#noticias p {
font: normal 85% Geneva, Arial, Helvetica, sans-serif;
margin:0 10px 10px 10px;
background-color:#dae9cb;
}
#noticias a:hover img, #actividades a:hover img {
background-color:#e3dd7f;}

/* Que es Chile Para Niños */
#chileparaninos {
width:170px;
float:right;
margin:8px 5px 0 0;
padding:0 3px 0 0;
background: url(i/chileparaninos-bg.gif) bottom left no-repeat;
color:#C60;
}
#chileparaninos h2 {
display:none;
}

/* Actividades del Club en la homepage */
#actividades {
width:170px;
float:right;
margin:8px 5px 0 0;
padding:0 3px 5px 0;
background: url(i/noticias-bg.gif) bottom left no-repeat;
color:#185064;
}
#actividades h2 {
display:none;
}
#actividades img.titulo {
margin:0; padding:0;
}
#actividades img.centro {
margin:0 5px 5px 8px;
border: 1px solid #3088a6;
padding:2px;
background-color:#dae9cb;
}
/* no son necesarios con columna angosta en la home
#actividades img.izq{
float:left;
margin:0 10px 5px 10px;
border: 1px solid #3088a6;
padding:2px;
background-color:#dae9cb;
}
#actividades img.der {
float:right;
margin:0 10px 5px 10px;
border: 1px solid #3088a6;
padding:2px;
background-color:#dae9cb;
} */
#actividades h3 {
font-size:105%;
border-top: 1px #3088a6 dotted;
padding-top:5px;
margin:0 10px 5px 10px;
line-height: 130%;
}
#actividades h3 a {
color:#185064;
text-decoration:underline;
}
#actividades h3 a:hover {
color:#060;
}
#actividades p {
font: normal 85% Geneva, Arial, Helvetica, sans-serif;
margin:0 10px 10px 10px;
background-color:#dae9cb;
}

/* txtInterior en Columna Central y Angosta */
#colCentral #txtInterior {
width:390px;
margin:-5px 0 0 0;
padding:5px 13px 5px 15px;
background: #dae9cb url(i/txt-bg.gif) bottom left no-repeat;
font-size:14px
}
#colCentral #txtInteriorDibam {
width:390px;
margin:-5px 0 0 0;
padding:5px 13px 5px 15px;
background: url(i/txt-bg-repeat.gif) bottom left repeat-y;
}
#txtInterior a {
color:#003366;
text-decoration:underline;
}
body#beneficiosdelclub #txtInterior a {
color:#600;

}
#txtInterior  a:hover {
color:#870707;
text-decoration:none;
}

#txtInterior p{
font: normal 85% Geneva, Arial, Helvetica, sans-serif;
margin-bottom:1.5em;
background-color:#dae9cb;
}
#txtInterior img.centro {
margin:0 10px 5px 0;
border: 1px solid #3088a6;
padding:2px;
background-color:#dae9cb;
}
#txtInterior img.izq {
float:left;
margin:0 10px 3px 0;
border: 1px solid #3088a6;
padding:2px;
background-color:#dae9cb;
}
#txtInterior img.der {
float:right;
margin:0 10px 3px 10px;
border: 1px solid #3088a6;
padding:2px;
background-color:#dae9cb;
}
/* txtInterior en Columna Ancha*/
#colAncha #txtInterior {
width:545px;
margin:-5px 0 0 0;
padding:5px 20px 5px 15px;
background: #eee8c9 url(i/txt-ancho-bg.gif) bottom left repeat-y;
font: normal 90% Geneva, Arial, Helvetica, sans-serif;
}
#colAncha #txtInterior a {
color:#003366;
text-decoration:underline;

}
#colAncha #txtInterior  a:hover {
color:#870707;
text-decoration:none;
}

#colAncha #txtInterior p {
font: normal 95% Geneva, Arial, Helvetica, sans-serif;
margin-bottom:1.5em;
background-color:#eee8c9;
}
#colAncha #txtInterior img.zero {
margin-right:10px;
}

body#noticiasdelclub #txtInterior{color:#060;}
body#actividadesdelclub #txtInterior{color:#185064;}
body#inscribete #txtInterior{color:#900;}
body#beneficiosdelclub #txtInterior{color:#900;}

#txtInterior h2{display:none;}
#txtInterior h3{
font-size:125%;
margin:10px 0 5px 0;
padding:0;
}

#txtInterior h4{
font-size:110%;
margin:2px 0 10px 0;
}
#txtInterior img {
border: 1px solid #3088a6;
padding:2px;
background-color:#dae9cb;
}
#txtInterior img.zero{
border: none;
padding:0;
margin:2px;
}
#txtInterior dl {
border-top:1px dotted #3088a6;
padding-top:10px;
}
/* Baúl */
#baul {
width:128px;
background: #f2be62 url(i/baul-bg.gif) no-repeat bottom left;
margin:10px 0 0 0;
padding:5px 10px 5px 12px;
}
#baul h2 {
margin:-10px;
padding:0 0 20px 0;
height:77px;
background: url(i/baul-h2.gif) top no-repeat;
}
#baul h2 span {display:none;}
#baul h3 {
font-size:105%;
color:#870707;
line-height: 110%;
margin:0;
}
#baul h3 a {
color:#185064;
text-decoration:none;
}
#baul h3 a:hover {
color:#006699;
}
#baul img {
margin:5px 0;
border: 1px solid #3088a6;
padding:2px;
background-color:#dae9cb;
}
#baul a:hover img, #actividades a:hover img {
background-color:#e3dd7f;}

#baul p {
font: normal 85% Geneva, Arial, Helvetica, sans-serif;
color:#185064;
margin:0;
}
#baul p strong {
font-weight:bold;
letter-spacing:0.1em;}

#txtInterior #fotos  {
margin: 0 0 20px 0;
border-top: 2px solid #c0d483;
padding-top: 8px;
}
#txtInterior #fotos img {
float:left;
margin: 0 10px 0 0;
}
#txtInterior div.dibujos,
#txtInterior div.relatos   {
margin: 0 0 20px 0;
border-top: 2px solid #c0d483;
padding: 8px 0 2px 0;
clear:both;
}
#txtInterior div.fila   {
margin: 0 0 20px 0;
width:540px;
border-top: 2px solid #c0d483;
clear:both;
}
#txtInterior div.revistaIzq   {
width:250px;
padding: 8px 0 2px 0;
float:left;
}
#txtInterior div.revistaDer   {
width:270px;
padding: 8px 0 2px 0;
float:right;
}

/* Galería y Baúl */

h3.baulFoto {
color:#f60;
text-transform:uppercase;
}
h3.baulHistorias {
color:#036;
text-transform:uppercase;
}
h3.baulDibujos {
color:#060;
text-transform:uppercase;
}
#tablabaul{
margin:75px 0 0 0;
width:742px;
background: url(i/galeria2.gif) top left no-repeat;

}
#galeriafoto {
width:325px;
}
#galeriafoto img{
	margin:15px 0 0 30px;
	border:1px #afaf9a solid;
	}
#galeriatexto h4 {
	margin:15px 40px 0 30px;
}
#galeriatexto p {
	margin:15px 40px 0 30px;
	font-weight:normal;
	font-size:1em;
}

/* footer */
#footer {
background:#8f9f3b;
width: 750px;
height:62px;
margin: 0 auto;
padding: 8px;
border-top:#195f77 solid 8px;
}

#footer img {
float:left;
margin:6px;
}
#footer p {
text-align: right;
font-size: 95%;
color:#003366;
margin:6px 0 0 0;
}