/* - - - - - - - - - - - - - - - - - - - - -

Empresa		:	Puntopy
Cliente		: 	Alas Abiertas

Descripción : 	

Creado 		:	03 de Noviembre 2009
Por			:	Laura Cuttier ..http://www.flickr.com/photos/lauesplendix/..

- - - - - - - - - - - - - - - - - - - - - */


body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../gfx/bg1.jpg) repeat-x white;
	}
	
	
	
/*** Reseters ***/

h1, h2, h3, h4, p, ul, form, a, li, dl, dd, dt, table, tr, th, td {
	margin: 0;
	padding: 0;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #636363;
}

	p.p_int {
		float: left;
		width: 580px;
		text-align: justify;
	}
	
	
a {
	text-decoration: none;
	color: #c20e98;
	font-weight: bold;
}

	a.links_fotos, a:hover.links_fotos {
		width: 580px;
	}
	
	a:hover.links_fotos {
		background-color: #c20e98;
		color: white;
	}
	
	a:hover.links_fotos1 {
		color: white;
	}
	
	a img, a:hover img {
		border: 0;
	}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #74bb30;
	padding: 0 0 25px 0;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#898989;
}

	h2.h2_int {
		float: left;
		width: 580px;
		padding: 0 0 20px 0;
	}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0090e7;
}

	h3.h3_int {
		float: left;
		width: 580px;
	}
	
	h3.h3_noticia {
		float: left;
		width: 580px;
		padding: 0 0 20px 0;
	}
	
strong.texto_corrido {
	color: #0090e7;
}

span.fecha {
	float: left;
	font-size: 11px;
	color: black;
	padding: 0 0 10px 0;
}



/*--------------------------------------------------*/

/*PAGE STRUCTURE*/
		
#contenedor {
	clear:both;
	width:100%;
	margin: 0 auto 0 auto;
}

.subcontenedor {
	clear:both;
	width:900px;
	margin: 0 auto 0 auto;
}

	.subcontenedor#top {
		width:100%;
		background: url(../gfx/bg_top_black.gif) repeat-x;
	}
	
	.subcontenedor#bottom {
		width:100%;
		background: url(../gfx/bg_bottom.gif) repeat-x top black;
	}

	


/*BOTONERA PRINCIPAL*/

#botonera {
	float: left;
	width: 250px;
	padding: 15px 0 29px 0;
	margin: 0 10px 0 0;
	border-bottom: 1px solid black;
}

	ul#menu {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul#menu li, ul#menu li a {
		clear:both;
		display: block;
		font-size: 22px;
		font-weight: bold;
		text-decoration: none;
	}
	
	ul#menu li {
		height: 25px;
	}	
		
	ul#menu li a, ul#menu li a:hover {
		width: 230px;
		padding: 0 0 5px 20px;
	}	
	
	ul#menu li a {
		color: black;
	}
		
	ul#menu li a:hover {
		background: url(../gfx/vinheta.png) no-repeat top left;
		color: #c20e98;
	}		
	
	
	/****** ACTIVADOS ******/
	
	body#inicio a.inicio,
	body#programa a.programa,
	body#quienes a.quienes,
	body#participantes a.participantes,
	body#colaboradores a.colaboradores,
	body#otros a.otros,
	body#comunicacion a.comunicacion,
	body#galeria a.galeria,
	body#participar a.participar,
	body#contactenos a.contactenos {
		background: url(../gfx/vinheta.png) no-repeat top left;
		color: #c20e98;
	}
	
	
	
/*SUBBOTONERAS*/

#subbotonera {
	float: left;
	width: 205px;
	padding: 10px 0 10px 0;
}

	ul#menu_sub {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul#menu_sub li, ul#menu_sub li a {
		clear:both;
		display: block;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}
	
		
	ul#menu_sub li a, ul#menu_sub li a:hover {
		width: 165px;
		padding: 5px 20px;
	}	
	
	ul#menu_sub li a {
		color: black;
	}
		
	ul#menu_sub li a:hover {
		background-color: black;
		color: white;
	}
	
	
/****** ACTIVADOS ******/
	
	#subbotonera.introduccion a.prog_introduccion,
	#subbotonera.consiste a.prog_consiste,
	#subbotonera.hacemos a.prog_hacemos,
	#subbotonera.equipo a.qui_equipo,
	#subbotonera.curriculos a.qui_curriculos,
	#subbotonera.fotografica a.o_foto,
	#subbotonera.videodanza a.o_video,
	#subbotonera.prensa a.com_prensa,
	#subbotonera.archivo a.com_archivo,
	#subbotonera.fotos a.gal_fotos,
	#subbotonera.videos a.gal_videos,
	#subbotonera.lista a.part_lista,
	#subbotonera.mapa a.part_mapa {
		background-color: black;
		color: white;
	}
	
	
		
/*--------------------------------------------------*/



/*CONTENIDO*/

#banner_top {
	clear:both;
	width: 980px;
	margin: 0 auto 0 auto;
	background: url(../gfx/bg_top.gif) repeat-y left #e3e3e3;
}

#col_izq {
	float: left;
	width: 260px;
}

#col_izq table {
	float: left;
}

#col_izq table img {
	padding: 20px 0 0 0;
}

#col_izq table img a {
	border: 0;
}

#galeria_inicio {
	float: left;
	width: 260px;
	padding: 25px 0 0 0;
}

	#galeria_inicio h1 {
		width: 260px;
	}
	
#fotos_gal_inicio {
	float: left;
	width: 170px;
	padding: 0 15px 0 0;
}

.audio {
	float: left;
	width: 260px;
	padding: 20px 0 0 0;
}

	.audio p {
		/*float: left;*/
		color: black;
		font-size: 10px;
		line-height: 14px;
	}

#boton_gal_inicio, #boton_gal_inicio a, #boton_gal_inicio a:hover {
	float: left;
	width: 54px;
	height: 120px;
}

	#boton_gal_inicio a {
		background: url(../gfx/bigflecha.png) no-repeat left;
	}
	
	#boton_gal_inicio a:hover {
		background: url(../gfx/bigflecha_act.png) no-repeat left;
	}
	
	#boton_gal_inicio span {
		display: none;
	}
	
	
#col_der_cont {
	float: left;
	width: 640px;
}

#col_der {
	float: left;
	width: 580px;
	background-color: #d8d8d8;
	padding: 15px 30px 30px 30px;
}

	#col_der h1 {
		width: 580px;
	}
	
	#col_der h2 {
		width: 580px;
	}
	

#col_der_border {
	float: left;
	width: 640px;
	height: 80px;
	background: url(../gfx/borde_ondagris.png) no-repeat top left;
	padding: 0 0 10px 0;
}

	#col_der_border span {
		display: none;
	}
	
	
.list_car {
	float: left;
	width: 580px;
	text-align: justify;
	margin: 20px 0;
}
	
	.list_car ul {
		font-size: 12px;
		font-weight: normal;
		line-height: 18px;
		color: #636363;
		list-style: none;
	}

	.list_car ul li {
		float: left;
		width: 568px;
		padding: 0 0 10px 12px;
		background: url(../gfx/vineta.png) top left no-repeat;
	}
	
	
.area_fotos {
	float: left;
	width: 580px;
	padding: 25px 0 0 0;
	margin: 25px 0 0 0;
	border-top: 1px dotted black;
	
}

	.area_fotos img {
		float: left;
		margin: 0 20px 15px 0;
	}
	
	.area_fotos p {
		text-align: justify;
	}
	
	
.area_fotos#nov_inicio {
		background: url(../gfx/grafismo_1.gif) no-repeat top white;
		width: 540px;
		padding: 20px;
		margin: 25px 0 0 0;
		border: 0;
	}
	
	.area_fotos#nov_inicio h1 {
		width: 540px;
	}
	

.area_fotos#fot_int {
	padding: 0;
	margin: 25px 0 25px 0;
	background: url(../gfx/grafismo_1.gif) no-repeat top white;
	border: 0;
}

	.area_fotos#fot_int img {
		margin: 0;
	}

	
.area_fotos#logos_col {
	width: 540px;
	padding: 20px;
	margin: 25px 0 0 0;
	background-color: white;
	border: 0;
}

	.area_fotos#novedad_foto img {
		width: 250px;
	}
	
	
.novedad_inicio {
	float: left;
	width: 375px;
	padding: 14px 0 0 0;
	margin: 15px 0 0 0;
	border-top: 1px dotted #a6a6a6;
}

	.novedad_inicio img {
		float: left;
		width: 100px;
		height: 100px;
		border-top: 10px solid black;
		border-left: 10px solid black;
	}
	
	.novedad_inicio span {
		float: left;
		width: 245px;
		font-size: 11px;
		color: black;
	}
	
	.novedad_inicio p {
		float: left;
		width: 245px;
	}
	
	.novedad_inicio h3 {
		float: left;
		width: 245px;
		padding: 6px 0;
	}
	
	
.boton_vermas, .boton_vermas a, .boton_vermas a:hover {
	float: left;
	width: 310px;
	height: 25px;
}

	.boton_vermas#nov_ini, .boton_vermas#nov_ini a, .boton_vermas#nov_ini a:hover,
	.boton_vermas#nov_ini2, .boton_vermas#nov_ini2 a, .boton_vermas#nov_ini2 a:hover {
		width: 245px;
	}
	
		.boton_vermas, .boton_vermas#nov_ini, .boton_vermas#nov_ini2 {
			padding: 10px 0 0 0;
		}
		
			.boton_vermas#gal {
				padding: 0;
			}
		
		.boton_vermas a {
			background: url(../gfx/botonver.png) no-repeat left;
		}
		
			.boton_vermas#nov_ini a, .boton_vermas#nov_ini2 a {
				background: url(../gfx/botonver.png) no-repeat right;
			}
			
				.boton_vermas#gal a {
					background: url(../gfx/botonvergal.png) no-repeat left;
				}
		
		.boton_vermas a:hover {
			background: url(../gfx/botonver_act.png) no-repeat left;
		}
		
			.boton_vermas#nov_ini a:hover, .boton_vermas#nov_ini2 a:hover {
				background: url(../gfx/botonver_act.png) no-repeat right;
			}
			
				.boton_vermas#gal a:hover {
					background: url(../gfx/botonvergal_act.png) no-repeat left;
				}
		
		.boton_vermas span {
			display: none;
		}
		
.foto_album {
	float: left;
	width: 130px;
	margin: 0 20px 0 0;
	/*border: 2px solid #d8d8d8;*/
}

	.foto_album img, .foto_album a img, .foto_album a:hover img {
		width: 126px;
		height: 96px;
	}
	
	.foto_album img {
		float: left;
		margin:0;
	}

	.foto_album a img {
		border: 2px solid white;
	}
	
	.foto_album a:hover img {
		border: 2px solid #c20e98;
	}

	
	.foto_album p a, .foto_album p a:hover {
		float: left;
		width: 120px;
		height: 40px;
		padding: 5px;
		text-align: center;
		font-size: 11px;
		font-weight: normal;
	}
	
	.foto_album p a {
		color: #c20e98;
		background-color: white;
	}
	
	.foto_album p a:hover {
		color: white;
		background-color: #c20e98;
	}
	
	
.buscador {
	width: 200px;
	height: 20px;
	border: 1px solid #c7c7c7;
	/*border: 0;*/
	background-color: white;
}

.buscador_coment {
	width: 200px;
	/*height: 20px;*/
	border: 1px solid #c7c7c7;
	/*border: 0;*/
	background-color: white;
}

#cont {
	float: left;
	width: 540px;
	position: relative;
}

#cuadro_flotante {
	width: 540px;
	padding: 20px;
	background-color: white;
	position: absolute;
	left: 0;
	display: none;
}

#cuadro_flotante_info {
	float: left;
	width: 540px;
}
	
	
	
/******GALERIA LIGHTBOX******/
	
.area_fotos#foto_galeria {
	padding: 0;
	border: 0;
}

	.area_fotos#foto_galeria img {
		float: left;
		width: 126px;
		margin: 0 20px 0 0;
	}
	
	.area_fotos#foto_galeria ul { 
		list-style: none;
	}
	
	.area_fotos#foto_galeria ul li { 
		display: inline;
	}
	
	.area_fotos#foto_galeria ul img {
		border: 2px solid white;
	}
	
	.area_fotos#foto_galeria ul a:hover img {
		border: 2px solid #c20e98;
	}
	
		
	/*.protect{}*/
/*--------------------------------------------------*/
	
	
/******NUMERACION DE PAGINA******/
	

#cont_numeracion {
	float: right;
	padding: 0;
}

	#cont_numeracion a, #cont_numeracion a:hover {
		float: left;
		padding: 5px 10px;
		font-size: 11px;
		font-weight: normal;
		border: 0;
		margin: 0 5px 0 0;
	}
	
	#cont_numeracion a {
		background-color: white;
		color:#636363;
	}
	
	#cont_numeracion a:hover {
		background-color: #0090e7;
		color:white;
	}
	
.separador {
	float: left;
	width: 580px;
	height: 30px;
}

	
/*--------------------------------------------------*/
	
	
/****** FOOTER******/


#footer {
	clear: both;
	width:900px;
	height: 170px;
	margin: 0 auto 0 auto;
	padding: 160px 40px 40px 40px;
	background: url(../gfx/imagen_footer.gif) no-repeat top left;
}

	#footer_izq {
		float: left;
		width: 650px;
		padding: 0;
	}
	
	#footer_izq p {
		font-size: 11px;
		color: #898989;
	}
	
	#footer_izq p strong {
		color: #c20e98;
	}

	#footer_der {
		float: right;
		width: 165px;
		padding: 120px 0px 0 0;
		text-align: right;
	}
	
	
	
.clear {
	clear:both;
	visibility: hidden;
}