body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	margin: 0 auto;
	background: #E6E6E6;
}

a {
	color:#FFFFFF;
	}
a:link {
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	font-weight: bold;
}
.bullet {
	list-style-image: url(images/check.png);
}
* html .bullet {
	list-style-image: url(images/check.gif);
}
/*------------  ESTILOS H1  --------------*/

/*---este es la configuracion general---*/

H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif bold;
	color: #1F9AD7;
	font-size: 14px;
	background: #FFF;
	display:block;
	float: left;
	width:980px;
	height:180px;
	text-indent:-99999em;
	margin: 0;
}
/*---estas son las imagenes de las diferentes secciones---*/

h1.sobreGeneracion {background: url(images/t_sobre_generacion.jpg)}
h1.preescolar {background: url(images/t_preescolar.jpg)}
h1.servicios {background: url(images/t_servicios.jpg)}
h1.porque {background: url(images/t_elegirgeneracionnorte.jpg)}
h1.contactenos {background: url(images/t_contactenos.jpg)}
h1.primer {background: url(images/t_primerciclo.jpg)}
h1.actividades {background: url(images/t_actividades_formativas.jpg)}
h1.formacion {background: url(images/t_formacion_padres.jpg)}
h1.calendario {background: url(images/t_calendario.jpg)}
h1.galeria {background: url(images/t_galeria_fotos.jpg)}



/** ---- Subtitulos Index ---- **/

.generacionNorte {
	width: 291px;
	height: 112px;
	background: url(images/bg_generacion1.jpg) no-repeat;
}
.temaMes {
	width: 299px;
	height: 37px;
	background: url(images/bg_tema1.jpg) no-repeat;
}
.calendarioIndex {
	width: 299px;
	height: 35px;
	background: url(images/bg_calendario1.jpg) no-repeat;
}

/** ---- Subtitutulos Internos ---- **/

.generacionNorteInt {
	width: 387px;
	height: 38px;
	background: url(images/bg_generacion1_int.jpg) no-repeat;
}
.temaInt {
	width: 298px;
	height: 38px;
	background: url(images/bg_tema1_int.jpg) no-repeat;
}
.calendarioInt {
	width: 295px;
	height: 38px;
	background: url(images/bg_calendario1_int.jpg);
}

/** ---- Ids ---- **/
	
#container {
	width: 980px;
	position: relative;
	margin: 0 auto;
}
#header {
	width: 980px;
	height: 357px;
	clear:both;
}
#header_interna {
	width: 980px;
	height: 200px;
	clear:both;
}



/** ---- Menu Naranja ---- **/

.menu {
	width: 771px;
	height: 40px;
	float: left;
}
.brujula {
	width: 209px;
	height: 40px;
	background: url(images/bg_brujula.jpg) no-repeat;
	float: right;
}

/** ---- Contenido Index ---- **/

.contenidoIndex {
	width: 980px;
	height: 346px;
	background: #FFFFFF;
	clear: both;
}
.bnContenido {
	width: 306px;
	height: 311px;
	background: url(images/bg_info_index.jpg) no-repeat right;
	float: left;
	text-align: justify;
	padding: 35px 45px 0 39px;
}
* html .bnContenido {
	padding-right: 42px;
}

/** ---- banner Generacion Index ----**/

.bnGeneracion {
	width: 291px;
	height: 346px;
	float: left;
}
.contenidoGeneracion {
	width: 291px;
	height: 116px;
	background: url(images/bg_generacion_info.jpg) no-repeat;
	clear: both;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0f75bc;
	padding: 8px 0 0 0;
}
* html .contenidoGeneracion {
	height: 124px;
	padding: 0px;
}
.footerGeneracion {
	width: 153px;
	height: 110px;
	background:url(images/bg_generacion2.jpg) no-repeat;
	padding-left: 138px;
}

/** ---- Banner Temas Index ---- **/

.bnTemas {
	width: 299px;
	height: 346px;
	float: right;
}
.contenidoTema {
	width: 122px;
	height: 72px;
	background: url(images/bg_tema_info.jpg) no-repeat;
	clear: both;
	padding: 10px 157px 0 20px;
}
.footerTema {
	width: 47px;
	height: 39px;
	background:url(images/bg_tema2.jpg) no-repeat;
	padding: 17px 175px 0 77px;  
}

/** ---- Banner Calendario Index ---- **/

.contenidoCalendario {
	width: 152px;
	height: 68px;
	background: url(images/bg_calendario_info.jpg) no-repeat;
	clear: both;
	padding: 20px 118px 0 29px;
}
.footerCalendario {
	width: 49px;
	height: 40px;
	background:url(images/bg_calendario2.jpg) no-repeat;
	padding: 8px 135px 0 115px;
}

/** ---- Subtitulos Index ---- **/

.subtitulosIndex {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: justify;
	color: #e91772;	
}

/** ---- Footer Index ---- **/
.footerIndex {
	width: 980px;
	height: 71px;
	background-color:#1e9bd6;
	background: url(images/bg_footer_index.jpg) no-repeat;
	clear:both;
	padding-top: 5px;
}
.footer {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFF;
}

/** ---- Interna ---- **/

.contentInterno {
	width: 980px;
	background: #FFFFFF;
	overflow: auto;
	float: left;
}
.contenidoInt {
	width: 830px;
	background: #FFFFFF;
	padding: 0 90px 65px 60px;
	text-align: justify;
}

/* ---- Fotos ---- */

div.contenidoInt div {
	width: 405px;
	height: 330px;
	margin: 0 0 10px 10px;
	float: right;
	text-align: center;
	font: 14px Arial, Helvetica, sans-serif;
}
div.contenidoInt2 div {
	width: 800px;
	height: 330px;
	padding-top:60px;
	text-align: right;
	font: 14px Arial, Helvetica, sans-serif;
	background-image:images/ft_porque.jpg;
}
div.contenidoInt div a {
	color: #e91772;
	display: block;
}
div.contenidoInt div img {
	width: 405px;
	height: 289px;
}

/** ----Banners Internos ----**/

.bannersInternos {
	width: 980px;
	position: relative;
	background: #FFFFFF;
}

/** ---- Banner Generacion ----**/

.bannerGeneracionInt {
	width: 387px;
	height: 169px;
	float: left;
}
.contenidoGeneracionInt {
	width: 200px;
	height: 123px;
	background: url(images/bg_info_generacion_int.jpg) no-repeat;
	float: left;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0f75bc;
	padding: 8px 0 0 28px;
}
.footerGeneracionInt {
	width: 149px;
	height: 36px;
	background: url(images/bg_generacion2_int.jpg) no-repeat;
	float: right;
	padding: 95px 0 0 10px;
}

/** ---- Banner Temas Interno ---- **/

.bannerTemaInt {
	width: 298px;
	height: 169px;
	float: left;
}
.contenidoTemaInt {
	width: 123px;
	height: 77px;
	background: url(images/bg_info_tema_int.jpg) no-repeat;
	float: right;
	padding: 0 160px 0 15px;
}
.footerTemaInt {
	width: 215px;
	height: 44px;
	background: url(images/bt_ver_tema_int.jpg) no-repeat;
	float: right;
	padding: 10px 0 0 83px;
}

/** ---- Banner Calendario Interno ---- **/

.bannerEventos {
	width: 295px;
	height: 169px;
	float: right;
}
.contenidoEventos {
	width: 151px;
	height: 73px;
	background: url(images/bg_info_calendario_int.jpg) no-repeat;
	float: right;
	padding: 10px 120px 0 24px;
}
.footerEventos {
	width: 183px;
	height: 40px;
	background: url(images/bg_calendario2_int.jpg) no-repeat;
	float: right;
	padding: 8px 0 0 112px;
}

/** ---- Footer Interna ---- **/
.footerInt {
	width: 980px;
	height: 71px;
	background-color:#1e9bd6;
	background: url(images/bg_footer_int.jpg) no-repeat; 
	clear:both;
	padding-top: 5px;
}


/** ----- estiloes de la galeria ----**/

#cosa a{
color: #FF6600;
font-weight : bold;
}
#cosa a:hover {
	color: #1298d7;
	font-weight : bold;
}

a.gaz_nav {
	color: #FF6600;
	font-weight : bold;
}

a:hover.gaz_nav {
	color: #3366FF;
	font-weight : bold;
}

a.gaz_link_full {
	color: #339933;
}

a:hover.gaz_link_full {
	color: #fd6000;
}

.gaz_path {
	font-size : 11px;
	font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

.gaz_cat_descr {
	font-size : 12px;
	font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #006699;
}

.gaz_cat_title {
	font-size : 12px;
	font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #1298d7;
	font-weight : bold;
}

.gaz_comment {
	font-size : 13px;
	font-family :  Arial, Helvetica, sans-serif;
	color: #6fb440;
}

.gaz_nav_thumb {
	border-color:#0099FF;
}

.gaz_nav_thumb_sel {
	border-color:orange;
}

.gaz_image_info {
	font-size : 11px;
	font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
}

.listPdf{
	color:#333333;
}