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

Empresa		:	Puntopy.com
Cliente		: 	Cooperativa Ypacarai LTDA

Descripción : 	

Creado 		:	30 de Noviembre 2009

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


body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../gfx/bg_body.gif) 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: #27333a;
}

	p.p_col {
		float: left;
		width: 440px;
		text-align: justify;
	}
	
	p.p_col a:hover {
		color: white;
		background-color: #f8941d;
	}

a {
	text-decoration: none;
	color: #f8941d;
}

	a.a_col {
		float: right;
		font-weight: bold;
		font-size: 12px;
	}
	
	a:hover.a_col {
		color: white;
		background-color: #f8941d;
	}

h1 {
	font-size: 20px;
	font-weight: bold;
	color: #59646c;
}

	h1.marginado {
		padding: 10px 0 0 0;
		height: 40px;
	}

h2 {
	font-size: 18px;
	font-weight: bold;
	color:#f7941d;
}

	h2.h2_col {
		float: left;
		width: 440px;
		font-size: 14px;
		padding-bottom: 10px;
	}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #28674c;
}

	h3.h3_col{
		float: left;
		width: 440px;
		padding-bottom: 10px;
	}
	



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

/*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.gif) repeat-x;
	}
	
	.subcontenedor#middle {
		width:100%;
		background: url(../gfx/bg_middle.jpg) top no-repeat;
	}
	
	.subcontenedor#bottom {
		width:100%;
		background:#27333a url(../gfx/bg_bottom.gif) top repeat-x;
	}


	


/*BOTONERA*/

#area_botonera {
	float: right;
	width: 745px;
	height: 34px;
}

	ul#menu {
		display: block;
		float: right;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul#menu li, ul#menu li a {
		float: left;
		display: block;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
	}
	
	ul#menu li {
		margin: 0 0 0 5px;	
	}	
		
	ul#menu li a, ul#menu li a:hover {
		padding: 9px;
	}
	
	ul#menu li a {
		color: #ffffc4;
		background-color: #28674c;
	}
		
	ul#menu li a:hover {
		color: white;
		background-color: #f8941d;
	}
	
	
	
/****** ACTIVADOS ******/
	
body#inicio a.inicio {
	color: #f8941d;
}

body#cooperativa a.cooperativa,
body#servicios a.servicios,
body#locales a.locales,
body#normativas a.normativas,
body#links a.links,
body#faq a.faq,
body#contactenos a.contactenos {
	color: white;
	background-color: #f8941d;
}
	
		
/*--------------------------------------------------*/


/*SUBBOTONERA*/

.area_subotonera {
	float: left;
	width: 180px;
}

	ul.submenu {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul.submenu li, ul.submenu li a {
		clear: both;
		display: block;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}	
		
	ul.submenu li a, ul.submenu li a:hover {
		width: 180px;
		/*height: 20px;*/
		padding: 5px 0;
	}
		
	ul.submenu li a:hover {
		color: #28674c;
	}
	
	ul.submenu li a img {
		border: 2px solid white;
	}

	ul.submenu li a:hover img {
		border: 2px solid #f7941d;
	}
	
	
	
/****** ACTIVADOS ******/

.area_subotonera#historia a#historiaa,
.area_subotonera#mision a#misionn,
.area_subotonera#cooperativismo a#cooperativismoo,
.area_subotonera#miembros a#miembross,
.area_subotonera#sistema a#sistemaa,
.area_subotonera#admision a#admisionn,
.area_subotonera#solidaridad a#solidaridadd,
.area_subotonera#medico a#medicoo,
.area_subotonera#educativo a#educativoo,
.area_subotonera#proteccion a#proteccionn,
.area_subotonera#produccion a#produccionn,
.area_subotonera#viviendas a#viviendass,
.area_subotonera#prestamos a#prestamoss,
.area_subotonera#ahorros a#ahorross,
.area_subotonera#otros a#otross,
.area_subotonera#tarjetas a#tarjetass,
.area_subotonera#loc_central a#loc_centrall,
.area_subotonera#loc_caacupe a#loc_caacupee,
.area_subotonera#loc_pirayu a#loc_pirayuu,
.area_subotonera#loc_atyra a#loc_atyraa,
.area_subotonera#loc_sanber a#loc_sanberr,
.area_subotonera#loc_itaugua a#loc_itauguaa,
.area_subotonera#loc_itaugua2 a#loc_itauguaa2,
.area_subotonera#loc_pedrozo a#loc_pedrozoo,
.area_subotonera#loc_altos a#loc_altoss,
.area_subotonera#loc_ita a#loc_ita,
.area_subotonera#loc_fypacarai a#loc_fypacaraii,
.area_subotonera#loc_fcaacupe a#loc_fcaacupee,
.area_subotonera#loc_ssanacoop a#loc_ssanacoopp,
.area_subotonera#loc_cescuela a#loc_cescuelaa {
	color: #28674c;
}
	
		
/*--------------------------------------------------*/



/*CONTENIDO*/

.cont_int {
	clear: both;
	width:900px;
	margin: 0 auto 0 auto;
	padding: 10px 40px 20px 40px;
}

	.cont_int#toph {
		width:940px;
		height: 220px;
		padding: 0 40px 0 0;
		background: url(../gfx/bg_subtop.jpg) top no-repeat;
	}
	
#area_logo {
	float: left;
	width: 155px;
	height: 220px;
	padding: 0 40px 0 0;
}

#area_botinicio {
	float: left;
	width: 50px;
	height: 25px;
	padding: 15px 0 0 0;
}

#area_facebook {
	float: left;
	width: 80px;
	height: 25px;
	margin: 0 0 0 30px;
	padding: 6px 0 0 0;
}

	#area_botinicio a {
		color: #ffffc4;
		font-size: 11px;
		font-weight: bold;
		padding: 10px 10px 10px 20px;
	}
	
	#area_botinicio a:hover {
		color: #f8941d;
	}

#area_topfrase {
	float: left;
	width: 745px;
	height: 40px;
	padding: 76px 0 30px 0;
}

	#area_topfrase p {
		float: right;
		width: 745px;
		text-align: right;
		font-style: italic;
		/*font-weight: normal;*/
		font-size: 14px;
		color: #ffffc4;
	}
	
	
#col_principal {
	float: left;
	width: 670px;
	position: relative;
}

.col_secundaria {
	float: left;
	width: 210px;
	padding: 0 0 0 20px;
}

	.col_secundaria#izq {
		padding: 50px 20px 0 0;
	}
	
	.col_secundaria#der {
		padding: 0;
		/*margin: 75px 0 0 20px;*/
		background-color: #ebecee;
		/*position: absolute;
		z-index: 10;
		top: 50px;
		right: 0;*/
	}
	
#col_izq {
	float: left;
	width: 440px;
	padding: 0 20px 0 0;
}

.division_cont {
	float: left;
	width: 670px;
	padding:0 0 20px 0;
}

.division_cont#sin_margen {
	/*float: left;
	width: 670px;*/
	padding:0;
}

.banner {
	float: left;
	width: 500px;
}

	.banner_texto {
		float: left;
		width: 150px;
		padding: 15px 0 0 20px;
	}
	
	.banner_texto p {
		font-size: 12px;
	}
	
.banner#inter {
	float: left;
	width: 440px;
	padding: 0 0 20px 0;
}

	
.franja_color {
	float: left;
	width: 505px;
	height: 25px;
	padding: 10px 10px 0 0;
	background-color: #f8941d;
	position: absolute;
	top: 265px;
	right:0;
}

	/*.franja_color#franj_int {
		width: 370px;
		margin-top: -220px;
		margin-left: 290px;
	}*/

	.franja_color p {
		color: white;
		font-size: 13px;
		font-style: italic;
		font-weight: bold;
		text-align: right;
	}	
	

/**************** Tabs *****************/
	
#area_tab {
	float: left;
	width: 670px;
}

#tabs {}

	#tabs ul {
		display: block;
		float:left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: normal;
	}

	#tabs ul li, #tabs ul li a, #tabs ul li a:hover {
		float: left;
		display: inline;
		text-decoration: none;
		list-style: none;
		text-align: center;
		width: 140px;
	}
	
	#tabs ul li {
		margin:0 2px 0 0;
	}
	
	#tabs ul li a {
		color: #59646c;
		background-color: #cfcebe;
		padding:10px 0;
	}
	
	#tabs ul li a:hover, #tabs ul li .selected {
		color: white;
		background-color: #59646c;
	}
	
#tab1, #tab2 {
	float:left;
	width: 630px;
	padding:20px;
	background-color: #ebecee;
}

	#tab1 img, #tab2 img {
		width: 300px;
		padding: 20px 0;
	}
	
	#tab1 p, #tab2 p {
		width: 300px;
		padding: 0 0 10px 0;
	}
	
	#tab1 p span, #tab2 p span {
		font-size: 12px;
		padding: 0 0 10px 0;
	}
	
	#tab1 h3, #tab2 h3 {
		width: 300px;
		padding: 0 0 10px 0;
	}
	
	#tab1 h2 a, #tab1 a,
	#tab2 h2 a, #tab2 a {
		width: 300px;
		font-weight: bold;
	}
	
	#tab1 h2 a, #tab1 h2 a:hover,
	#tab2 h2 a, #tab2 h2 a:hover {
		font-size: 20px;
	}
	
	#tab1 h2 a:hover, #tab1 a:hover,
	#tab2 h2 a:hover, #tab2 a:hover {
		color: white;
		background-color: #f7941d;
	}	
	
	#tab1 a, #tab1 a:hover,
	#tab2 a, #tab2 a:hover {
		font-size: 14px;
	}
	
.cont_tab {
	float: left;
	width: 300px;
	padding: 0 30px 0 0;
}
	
/**************** END Tabs *****************/


.area_monedas {
	float: left;
	width: 210px;
	background-color: white;
	border-top: 5px solid #59646c;
	margin: 0 0 20px 0;
}

	.area_monedas p {
		font-size: 11px;
		color: #636363;
	}
		
.monedas_tit, .monedas_tit_sub {
	float: left;
	width: 180px;
	padding: 10px 15px;
}

	.monedas_tit p {
		text-align: left;
		font-size: 12px;
		font-weight: bold;
		color: #f8941d;
	}
	
	.monedas_tit_sub {
		border-bottom: 1px solid #cdd0d3;
	}
	
	.monedas_tit_sub p {
		text-align: left;
		font-size: 12px;
		font-weight: bold;
		color: #27333a;
	}
	
.monedas_cont1 {
	float: left;
	width: 49px;
	padding: 10px 0 15px 15px;
	border-right: 1px solid #cdd0d3;
	border-top: 1px solid #cdd0d3;
}

.monedas_cont2 {
	float: left;
	width: 130px;
	padding: 10px 15px 15px 0;
	border-top: 1px solid #cdd0d3;
}

.monedas_cont3 {
	float: left;
	width: 180px;
	padding: 10px 15px;
	border-bottom: 1px solid #cdd0d3;
}

.monedas_cont4 {
	float: left;
	width: 210px;
	padding: 0;
}

	.monedas_cont4 img {
		width: 210px;
	}
	
	.ver_mas_banner {
		float: left;
		width: 180px;
		text-align: right;
		padding: 10px 0 0 0;
	}
	
	.ver_mas_banner a {
		font-size: 11px;
		font-weight: bold;
	}
	
	.ver_mas_banner a:hover {
		color: white;
		background-color: #f8941d;
	}



#area_iconos {
	float: left;
	width: 896px;
	border: 2px solid #28674c;
	background:#ecebeb url(../gfx/bg_iconos.gif) top repeat-x;
}

.cont_iconos {
	float: left;
	width: 185px;
	padding: 20px 19px;
	border-right: 1px solid #e3e3e3;
}

	.cont_iconos h2 {
		padding: 0 0 10px 0;
	}
	
	.cont_iconos img {
		float: left;
		width: 60px;
		padding: 0 10px 0 0;
	}
	
.cont_icon_text {
	float: left;
	width: 115px;
}

	.cont_icon_text p {
		font-size: 12px;
	}
	
	.cont_icon_text p a, .cont_icon_text p a:hover {
		font-size: 14px;
		font-weight: bold;
	}
	
	.cont_icon_text p a:hover {
		color: white;
		background-color: #f7941d;
	}
	
.buscador {
	width: 250px;
	height: 20px;
	border: 1px solid #c7c7c7;
	background-color: white;
}

.buscador_coment {
	width: 250px;
	border: 1px solid #c7c7c7;
	background-color: white;
}


.cont_nov {
	float: left;
	width: 630px;
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
	border-top: 2px solid #59646c;
}

	.cont_nov img {
		float: left;
		padding: 0 20px 20px 0 !important;
	}
	
	.cont_nov p, .cont_nov p span, .cont_nov h3, .cont_nov a, .cont_nov a:hover {
		text-align: justify;
		width: auto !important;
	}

.cont_nov_img {
	float: left;
	width: 160px;
}

	.cont_nov_img img {
		width: 140px !important;
	}

.cont_nov_p {
	float: left;
	width: 470px;
}

#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 {
	color: #ffffc4;
	background-color: #28674c;
}

#cont_numeracion a:hover {
	background-color: #f7941d;
	color:white;
}

.current {
	float: left;
	padding: 5px 10px;
	font-size: 11px;
	font-weight: normal;
	border: 0;
	margin: 0 5px 0 0;
	background-color: #f7941d;
	color:white;
}
	
.separador {
	float: left;
	width: 670px;
	height: 20px;
}




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


#footer {
	clear: both;
	width:900px;
	height: 120px;
	margin: 0 auto 0 auto;
	padding: 40px 0 0 0;
}

	#footer_izq {
		float: left;
		width: 460px;
		padding: 2px 0px 0px 0;
	}
	
	#footer_izq p {
		font-size: 10px;
		color: #b7b7b7;
	}
	
	#footer_izq p strong {
		font-size: 11px;
		color: #b7b7b7;
	}

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

.msg {padding:10px; padding-left:35px;}
.msg.warning {background:url("../admin/core/design/ico-warning.gif") 10px 50% no-repeat;}
.msg.info {background:url("../admin/core/design/ico-info.gif") 10px 50% no-repeat;}
.msg.done {background:url("../admin/core/design/ico-done.gif") 10px 50% no-repeat;}
.msg.error {background:url("../admin/core/design/ico-delete.gif") 10px 50% no-repeat;position: relative;}

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}

.error {color:red; display: block;}