@charset "utf-8";
/* CSS Document */

/*
Theme Name: COMUNIDAD VIRTUAL - CAJA NUESTRA GENTE
Theme URI: http://www.cajanuestragente.com/comunidadvirtual/
Description: Tema exlusivo para la aplicación Comunidad Virtual, de Caja Nuestra Gente
Version: 1
Author: Laren (Hector Carranza) para Caja Nuestra Gente
Author URL: http://www.laren.wordpress.com/

	Comunidad Virtual - Caja Nuestra Gente
	http://www.elcultural.com.pe/
	Propiedad del autor

*/


/*-------->>> INDICE <<<--------*/
/**********************************************************************/ 
/*	ESTILOS ESTANDAR

		* CSS RESET: reinicia todos los elementos para aumentar compatibilidad entre navegadores
		* CLASES UTILES: clases. predefinidas que pueden ser usadas en el desarrollo

	ESTILOS A MEDIDA(unicamente para este website)	

		* GLOBAL: fondo total, formato de texto, vinculos normales, etc, especiales para esta pagina.		
		* LAYOUT:
			- Contenedor global: Ajusta el ancho del "contenido
			- Logotipo
			- Navegacion
			- Banner
			- Contenido
			- Pie de pagina
*/

/*-------->>> RESET <<<--------*/
/*////////////////////////////////////////////////////////////////////*/ 
	/*Eric Meyer s reset (http://meyerweb.com/eric/tools/css/reset/) v1.0 | 2008-02-12 */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td 
	{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;/* background:transparent; */}

	/*Reset personalizado*/	
	body 								{ background:white; color:#000000; height:100%; } 	
	
		/*Cabeceras */
		h1, h2, h3, h4, h5, h6 			{ font-weight:normal; }

		/*Formato comun*/ 
		p, ul, ol 						{ line-height:18px; list-style:none; }
		blockquote						{ margin: 0px; margin-left: 40px; margin-top: -20px  }
		small							{ font-size:8px; }
		img 							{ border:0; } 
		sup 							{ position:relative; bottom:3px; vertical-align:baseline; } 
		sub 							{ position:relative; bottom:-0.2em; vertical-align:baseline; } 
		acronym, abbr 					{ cursor:help; letter-spacing:1px; border-bottom:1px dashed; } 
		hr								{ height:5px; border: none; background:none; clear: both; }

		/*Vinculos*/ 
		a, a:link, a:visited, a:hover	{ text-decoration:none; } 
		
		/* Formularios */ 
		form 							{ margin:0; padding:0; display:inline; } 
		input, select, textarea 		{ font:1em Arial, Helvetica, sans-serif; } 
		textarea 						{ width:100%; line-height:1.25; } 
		label 							{ cursor:pointer; } 
		
		/*Tablas*/
		table 							{ border:0; margin:0 0 1.25em 0; padding:0; } 
		table tr td 					{ padding:2px; }
	
/*---------->>> CLASES UTILES <<<-----------*/
/*////////////////////////////////////////////////////////////////////*/ 
	.clear						{ clear:both; background: #CFCFCF; }
	.clear-left					{ clear:left; }
	.clear-right				{ clear:right; }
	
	.float-left					{ float:left; }
	.float-right				{ float:right; }

	.text-left					{ text-align:left; }
	.text-right					{ text-align:right; }
	.text-center				{ text-align:center; }
	.text-justify				{ text-align:justify; }
	 
	.bold						{ font-weight:bold; }
	.italic						{ font-style:italic; }
	.underline					{ border-bottom:1px solid; }
	.highlight					{ background:#ffc; }
	
	.inline						{ display: inline; }
	.img-left					{ float: left; margin: 5px 10px 10px 0; padding: 5px; background: white; border: 1px solid #EBEBEB; }
	.img-right					{ float: right; margin:0px 0px 5px 10px; padding: 5px; background: white; border: 1px solid #EBEBEB;  }
	.img-center					{ clear: both;  margin: 10px 10px 10px; padding: 6px; background: #F4F4F4; border: 1px solid #ccc; text-align: center; }
	 
	.nopadding					{ padding: 0; }
	.noindent					{ margin-left: 0; padding-left: 0; }
	.nobullet					{ list-style: none; list-style-image: none; }
	
	a.nolink					{ cursor: default; }
	a.altas						{ font-size: 10px; text-transform: uppercase; }
	
/*-------->>> GLOBAL A MEDIDA <<<--------*/
/*////////////////////////////////////////////////////////////////////*/ 
	/*Formato*/
	body						{ color: #444; font: normal 12px/18px Arial, Helvetica, sans-serif;}
	body						{ background: url(../img/cabecera_fondo.jpg) repeat-x #CFCFCF; overflow-x: hidden; }
	
	.wrap						{ width: 770px; margin: 0 auto;}
	#cabecera					{ height: 170px; clear: both; }
	/*Logo*/
	h1							{ display:block; text-indent:-9999px; width: 230px; height: 80px; margin: 10px 0px 10px 0px; background: url(../img/cabecera_logo_cng.png) no-repeat; float: left; }	
	/*Nombre de la página actual*/
	h2							{ display:block; text-indent:-9999px; width: 190px; height: 80px; margin: 10px 0px 10px 0px; background: url(../img/cabecera_logo_cv.png) no-repeat; float: right; }	
	/*Secciónes de la página actual*/
	h3							{ font: bold 14px/42px Arial, Helvetica, sans-serif; color: #00519E; padding-bottom: 10px; }
	/*Subsecciones de la página actual*/
	h4							{ line-height: 10px; font: bold 12px/20px Arial, Verdana;}
	
	h5							{ line-height: 10px; font: bold 12px/20px Arial, Verdana; margin-left: 10px;}
	
	
	/*Formato de vinculos*/
	a:link, a:active, a:visited	{ color: #1254A3; text-decoration: none; }
	a:hover						{ text-decoration: underline; }
	p a:hover					{ color: #C81F1F}
	p 							{ /*text-align: justify*/}
	
	#menu						{ height: 50px; clear: both; }
	#menu li					{ height: 25px; float: left; margin-right: 20px; background: url(../img/menu_icons.gif) no-repeat 0px 4px; padding-left: 22px; margin-top: 10px; }
	#menu li.mapa				{ background-position: 0px -18px; }
	#menu a						{ color: #FFFFFF; font: bold 12px/25px Arial, Helvetica, sans-serif; }
	#menu a:hover				{ text-decoration: underline;  }
	
	.col						{ }
	.col.n1						{ width: 220px; margin: 0px 10px 0px 0px; float: left; }
	.col.n2						{ width: 530px; margin: 0px 0px 0px 0px; float: right;}
		
	/*Diagramación*/

	#contenido					{ margin-bottom: 40px; }
	.bloque												{ background: url(../img/bloque_bk_trans.gif) top left white; padding-left: 10px;  }
	.bloque div											{ background: url(../img/bloque_bk_trans.gif) top right; }
	.bloque												{ background: url(../img/bloque_bk_title.gif) top left white; padding-left: 10px; margin: 0px 0px 0px 0px;}	
	.bloque.banner										{ background: url(../img/bloque_bk_trans.gif) top left white; padding-left: 10px; margin: 0px 0px 0px 0px;}	
	.bloque div div, .bloquet div div					{ background: url(../img/bloque_bk_trans.gif) bottom left; margin-left: -10px;}
	.bloque div div div, .bloquet div div div			{ background: url(../img/bloque_bk_trans.gif) bottom right; margin-left: 5px; padding: 0px 10px 2px 10px}
	.bloque div div div	div								{ background: none; padding: 0px 0px 00px; margin: 0px; display: block;}

	.bloque div div div	div.subcol1						{ width: 260px; float: left; border-right: 1px solid #E5E5E5; padding: 0px 10px 10px 0px; color: #666666; }
	.bloque div div div	div.subcol2						{ width: 220px; padding-left: 10px; color: #666666; float: left }
	.bloque div div div	div.subcol1 hr					{ background: #fff; border: #FFF; color: #FFF; }
	.bloque div div div	div.subcol2 p					{ line-height: 20px; margin-bottom: 12px; }
	.bloque div div div	div.subcol2 a:hover				{ text-decoration: underline; }
	
	#tutorial img										{ padding: 5px; border: 1px solid #CCCCCC; background: #EBEBEB; margin: 5px 0px 25px }
	#tutorial p											{ padding: 5px; border: 1px solid #CCCCCC; background: #FFFFCC; margin: 5px 0px 5px }
	
	form label											{ display: block; font: bold 12px/18px Arial, Helvetica, sans-serif; margin-top: 0px;}
	#wp-submit											{ border: none; background: url(../img/frm_input.gif) no-repeat; width: 200px; height: 30px; color: #FFFFFF; font: bold 14px/30px Arial, Helvetica, sans-serif; margin: 10px 0px 8px -4px; cursor: pointer; }
	#log, #pwd											{ background: url(../img/frm_txtinput_bg.gif) no-repeat; border: 1px solid #BDBDBD; width: 190px; height: 18px; margin: 0px 0px 6px -2px; padding: 3px 2px 0px 3px; }
	
	form .error{color:red;text-align:center;}

	
/***************** Formato de Pie de Pagina ***************/
#pie{
	height:40px;
	background:#EEEEEE;
	background-image:url(../img/pie.png);
	background-repeat:repeat-x;
	border-top:1px;
	border-top-color:#999999;
	border-top-style:solid;
	clear:both;
	position:relative;
	z-index:1;
}
#pie div{
	margin-top:13px;
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	color:#444444;
}
#pie div a:link{
	text-decoration:none;
}
#pie div a:visited{
	text-decoration:none;
}
#pie div a:active{
	text-decoration:none;
}
#pie div a:hover{
	text-decoration:none;
}
#pie #dp{
	float:right;
	position:relative;
	left:-15px;
}
#piepagina											{ clear: both; margin-top: 40px; background: #F3F3F3; border-top: 5px solid  #999999; height: 50px; padding: 15px; font: 11px/16px Verdana, Arial, Helvetica, sans-serif; width: 100%; margin-bottom:-50px; overflow: hidden; }


	#piepagina .menu_aux								{ float: left; }
	#piepagina .creditos								{ float: right; }