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

Empresa		:	Puntopy.com
Cliente		: 	200 Paraguay Bicentenario

Descripción : 	

Creado 		:	12 de Mayo 2009

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


body {
	margin: 0;
	padding: 0;
	background-color: white;
	background: url(../gfx/bg-body.gif) repeat-y top 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: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	color: #464646;
}

p#italica {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	line-height: 18px;
	color: black;
}

p#bold {
	font-weight: bold;
	color: black;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

 form {
	text-align: left;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 13px;
	color: #464646;
 }

h1 {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #603913;
	padding: 0 0 5px 0;
}

h2 {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color:#295c5e;
	padding: 0 0 20px 0;
}

h3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color:#74b0b4;
	padding: 0 0 20px 0;
}

h4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #464646;
	padding: 0 0 20px 0;
}





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

/*PAGE STRUCTURE*/

	
#top {
	clear:both;
	width: 100%;
	height: 30px;
	margin: 0 auto 0 auto;
	background: url(../gfx/bg-top.gif) repeat-x;
}

#top_content {
	width: 900px;
	height: 30px;
	margin: 0 auto 0 auto;
	background: url(../gfx/bg-top.gif) repeat-x;
}

	#top_content p, #top_content a, #top_content a:hover {
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
	}
	
	#top_content p, #top_content a {
		color: white;
		text-decoration: none;
		padding: 10px 10px 0 0;
	}
	
	#top_content a:hover {
		color: #74b0b4;
		text-decoration: none;
		padding: 10px 10px 0 0;
	}
	
	body#inicio a#inicio, body#contactenos a#contactenos {
		color: #74b0b4;
		text-decoration: none;
		padding: 10px 10px 0 0;
	}
	
	
#subtop {
	clear:both;
	width: 100%;
	margin: 0 auto 0 auto;
	background-color: #ececec;
}

#subtop_content {
	width: 900px;
	height: 120px;
	margin: 0 auto 0 auto;
}

#area_logo {
	float: left;
	width: 165px;
	height: 120px;
	background-color: white;
	text-align: center;
}	
		
#contenedor {
	clear:both;
	width:900px;
	margin: 0 auto 0 auto;
	padding: 30px 0 50px 0;
}
	


/*BOTONERA*/

#area_botonera {
	float: left;
	width: 720px;
	border-top: 1px dotted #7a7a7a;
	border-bottom: 1px dotted #7a7a7a;
	margin: 87px 15px 0 0;
}

	#menu {
		display:block;
		float: left;
		width: 720px;
}
	
	ul#menu {
		display: block;
		float:left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
	}
	
		ul#menu li, ul#menu li a, ul#menu li a:hover {
			float: left;
			display: block;
			text-decoration: none;
			list-style: none;
		}	
	
		ul#menu li a {
			padding: 8px;
			color: #295c5e;
		}
		
		ul#menu li a:hover {
			padding: 8px;
			color: white;
			background-color: #295c5e;
		}		
	
	
	/****** ACTIVADOS ******/
	
	body#historia a#historia,
	body#objetivos a#objetivos,
	body#blog a#blog,
	body#galeria a#galeria,
	body#links a#links {
		padding: 8px;
		color: white;
		background-color: #295c5e;
	}
		
/*--------------------------------------------------*/



/*CONTENIDO*/

#banner_big {
	float: left;
	width:900px;
	padding: 0 0 30px 0;
}

#middle {
	float: left;
	width: 900px;
}

#col1 {
	float: left;
	width: 270px;
	padding: 0 30px 0 0;
}

#col1_dots {
	float: left;
	width: 270px;
	padding: 0 30px 0 0;
	border-right: 1px dotted #7a7a7a;
}
	
.btn_col1 {
	float: left;
	width: 260px;
	border: 5px solid #34696b;
}

	.btn_col1 a {
		float: left;
		display: block;
		width: 260px;
		height: 90px;
		text-align: center;
	}

	.btn_col1 a:hover {
		float: left;
		display: block;
		height: 260px;
		height: 90px;
		text-align: center;
	}
	
	.btn_col1 a span {
		display: none;
	}

	.btn_col1 #actividades {
		float: left;
		background: url(../gfx/imagenes/col1/foto-actividadesbn.jpg) no-repeat top;
	}

	.btn_col1 #actividades:hover  {
		background: url(../gfx/imagenes/col1/foto-actividades.jpg) no-repeat top;
	}
	
	.btn_col1 #concursos {
		float: left;
		background: url(../gfx/imagenes/col1/foto-concursosbn.jpg) no-repeat top;
	}

	.btn_col1 #concursos:hover  {
		background: url(../gfx/imagenes/col1/foto-concursos.jpg) no-repeat top;
	}
	
	.btn_col1 #exposiciones {
		float: left;
		background: url(../gfx/imagenes/col1/foto-exposicionesbn.jpg) no-repeat top;
	}

	.btn_col1 #exposiciones:hover  {
		background: url(../gfx/imagenes/col1/foto-exposiciones.jpg) no-repeat top;
	}
	.btn_col1 #calendario {
		float: left;
		background: url(../gfx/imagenes/col1/calender.jpg) no-repeat top;
	}

	.btn_col1 #calendario:hover  {
		background: url(../gfx/imagenes/col1/calender1.jpg) no-repeat top;
	}

	.btn_col1 #proyectos {
		float: left;
		background: url(../gfx/imagenes/col1/proyectos.jpg) no-repeat top;
	}

	.btn_col1 #proyectos:hover  {
		background: url(../gfx/imagenes/col1/proyectos1.jpg) no-repeat top;
	}
	
	/****** BANNERS ACTIVADOS ******/
	
	body#actividades #contenedor #middle #col1_dots .btn_col1 #actividades {
		background: url(../gfx/imagenes/col1/foto-actividades.jpg) no-repeat top;
	}
	
	body#concursos #contenedor #middle #col1_dots .btn_col1 #concursos {
		background: url(../gfx/imagenes/col1/foto-concursos.jpg) no-repeat top;
	}
	
	body#exposiciones #contenedor #middle #col1_dots .btn_col1 #exposiciones {
		background: url(../gfx/imagenes/col1/foto-exposiciones.jpg) no-repeat top;
	}
	
	

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

.col1_text {
	float: left;
	width: 270px;
	height: 24px;
	margin: 5px 0 10px 0;
	border-bottom: 1px dotted #7a7a7a;
	color: #295c5e;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

#col2 {
	float: left;
	width: 141px;
}

	#col2 img {
		float: left;
	}

#col3 {
	float: left;
	width: 429px;
	padding: 0 0 0 30px;
}

	#col3 p {
		float: left;
		width: 429px;
		padding: 0 0 20px 0;
		text-align: justify;
	}

#col4 {
	float: left;
	width: 569px;
	padding: 20px 0 0 30px;
}

	#col4 p {
		float: left;
		width: 569px;
		padding: 0 0 20px 0;
		text-align: justify;
	}
	
	#col4 p#italica {
		float: left;
		width: 565px;
		padding: 0 0 20px 0;
		text-align: justify;
	}
	
	#col4 h3 {
		width: 569px;
	}
	
	#col4 h4 {
		width: 569px;
	}
	
	#col4 img {
		float: left;
		padding: 0 0 30px 0;
		border: 0;
	}
	
	#col4 ul li {
		clear: both;
		list-style: square;
		list-style-position: inside;
		padding: 0 0 10px 0;
	}
	
	#col4 ul li a {
		clear: both;
		width: 569px;
		text-align: left;
		font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
		font-size: 13px;
		color: #464646;
	}
	
	#col4 ul li a:hover {
		color: red;
	}
	
#col4_text {
	float: left;
	width: 569px;
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #7a7a7a;
}

	#col4_text p {
		float: left;
		width: 569px;
		padding: 0 0 20px 0;
		text-align: justify;
	}
	
#area_formulario {
	float: left;
	width: 520px;
	text-align: left;
}
	

	

	
	
/****** FOOTER******/

#footer_fondo {
	float: left;
	width: 100%;
	height: 40px;
	padding: 20px 0 20px 0;
	margin: 0 auto 0 auto;
	background-color: #295c5e;
}

	#footer {
		width:900px;
		margin: 0 auto 0 auto;
	}

	#footer_izq {
		float: left;
		width: 460px;
		padding: 8px 0px 0px 0;
	}

	#footer_der {
		float: right;
		width: 165px;
		padding: 3px 0px 5px 33px;
		text-align: right;
	}

.texto_footer {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: white;
}
	
.clear {
	clear:both;
	visibility: hidden;
}