/*
Estructura base para diagramar sitios centrados en la ventana del browser, de ancho fijo y basados en columnas.
Autor: Claudio Olivares Medina
Fecha: Abril de 2008
Unidad base de la grilla: 60px con un margen de 20px
Total de unidades base: 12
Ancho total: 940px
*/

#marco { margin: 0 auto; width: 1016px; background:  #FFFFFF; }
.fila { margin-bottom: 1em; height: 1%; overflow:hidden; }
.columna { float:left; margin-right: 14px; }
.uno { width: 70px; }
.dos { width: 152px; }
.tres {	width: 232px; }
.tresmedio { width: 248px; }
.cuatro { width: 308px; }
.cuatromedio { width: 338px; background-color: #eee; padding: 10px 0; }
.cinco { width: 390px; }
.seis { width: 478px; margin-left: 10px; }
.siete { width: 554px; }
.ocho { width: 636px; }
.ochomedio { width: 636px; margin-left: 10px; }
.nueve { width: 750px; }
.ultima { margin-right: 0; }
.ultima li {
	color:#000066;
	margin-bottom:10px;
	background-repeat: no-repeat;
	background-position: left;
	list-style-type: circle;
	list-style-image: url(../img/punto.png); list-style-position: inherit;
}

.barra {
	margin:0 20px 16px 10px;
	padding-top:10px;


background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #0090D2),
	color-stop(1, #004B92)
);
background-image: -o-linear-gradient(bottom, #0090D2 0%, #004B92 100%);
background-image: -moz-linear-gradient(bottom, #0090D2 0%, #004B92 100%);
background-image: -webkit-linear-gradient(bottom, #0090D2 0%, #004B92 100%);
background-image: -ms-linear-gradient(bottom, #0090D2 0%, #004B92 100%);
background-image: linear-gradient(to bottom, #0090D2 0%, #004B92 100%);

}

.barra2 {
    margin:0 20px 16px 10px;
    border: 0.1em solid #D7D7D7;
    border-left:none;
    border-right:none;
    border-bottom:none;
    padding-top:10px;
}

.barra_chica {
    margin:0 20px 16px 10px;
    border: 0.01px solid #D7D7D7;
    border-left:none;
    border-right:none;
    padding-top:0px;
}

.banners .guia {
	display: inline-block;
}

.banners .guia img {
	width: 200px;
	height: auto;
}

#palabras {
	margin-bottom: 5px;
}

#palabras #palabras_claves {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border: solid 1px #ccc;
	height: 18px;
}