﻿/* TAGS AND GENERIC ELEMENTS */
html, body
{
	font-family: Arial, Verdana, Helvetica;	
	font-size: 12px;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	min-height: 100%;
	height: 100%;
}

a
{
	text-decoration: none;
	color: #8F0000;
}

a img
{
	border-width: 0px 0px 0px 0px;	
}

a:hover
{
	color: #CCCCCC;
}

a[disabled="disabled"]
{
	text-decoration: none;
	color: #CCCCCC;
}

a.viewMore
{
	font-style: italic;
	white-space: nowrap;
}

.error
{
	font-size: 10px;
	color: Red;
}

a.newsLinks
{
	text-decoration: none;
	color: #8F0000;
	font-weight: bold;
}

.boldText
{
	font-weight: bold;
}

.newsTitles
{
	
}

table.twoColumnLayout
{
	width: 100%;
}

table.twoColumnLayout td
{
	width: 50%;
}

table.twoColumnLayout .divColumn
{
	width: 350px;
	text-align: left;
}

.grayHeaders
{
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none;
}

.redHeaders
{
	text-decoration: none;
	color: #8F0000;
	font-weight: bold;
	margin-bottom: 5px;
}

.blackHeaders
{
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	margin-bottom: 5px;
}

.newsDate
{
	text-decoration: none;
	font-style: italic;
	margin-bottom: 5px;
}

.redBreadCrumbText
{
	color: #8F0000;
	text-decoration: none;
}

.grayBreadCrumbText
{
	text-decoration: none;
	font-weight: bold;
}

.breadCrumbs
{
	margin-bottom: 15px;
	font-size: 11px;
}

.divContent .divLeftColumn
{
	float: left;
	width: 356px;
	margin-bottom: 10px;
}

.divContent .divRightColumn
{
	float: left;
	width: 356px;
	margin-left: 12px;
	margin-bottom: 10px;
}

/* MAIN PAGE CONTAINER */
.divPageContainer
{
	width: 960px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	height: 100%;
}


/* FLOATING SQUARES */
.divFloatingSquares
{
	z-index: 20;
	top: 0px;
	left: 0px;
	position: absolute;
}

.divFloatingSquares .topSquare
{
	background-color: White; 
	width: 103px; 
	height: 84px;
}

.divFloatingSquares .bottomSquare
{
	background-color: White; 
	width: 35px; 
	height: 31px;
}


/* MAIN MENU BAR */
.divMainMenuBar
{
	z-index: 10;
	position: absolute;
	top: 350px;
}

.divMainMenuBar table
{
	width: 960px;
}

.divMainMenuBar .topTd
{
	background-color: #788A8A;	
	padding: 10px 0px 10px 20px;
	vertical-align: middle;
}

.divMainMenuBar .bottomTd
{
	background-color: #C5A901;	
	color: #FFFFFF;
	padding-left: 20px;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	vertical-align: middle;
}

.divMainMenuBar .lastTd
{
	width: 211px;
}

.divMainMenuBar .lastTd div
{
	width: 190px;
	font-size: 10px;
	color: #FFFFFF;
}

.divMainMenuBar .lastTd div.divTodaysDate
{
	padding-bottom: 5px;	
	padding-top: 5px;	
}

.divMainMenuBar .lastTd img
{
	margin: 5px 0px 3px -8px;
}

.divMainMenuBar .bottomTd a
{
	color: #FFFFFF;
}

.divMainMenuBar .bottomTd a:hover
{
	color: #8F0000;
}


/* SIDE NAV BAR */
.divNavSideBar
{
	background-color: #FFFFFF;
	font-size: 10px;
	width: 236px;
	position: absolute;
	left: 724px;
	top: 297px;
	z-index: 15px;
}

.divNavSideBarAlt
{
	background-color: #FFFFFF;
	font-size: 10px;
	width: 236px;
	position: absolute;
	left: 724px;
	top: 508px;
	z-index: 15px;
}

.divNavSideBar ul
{
	list-style-type: none;
	margin-left: 17px;
	margin-top: 13px;
	margin-bottom: 150px;
	padding: 0px 0px 0px 0px;
}

.divNavSideBarAlt ul
{
	list-style-type: none;
	margin-left: 17px;
	margin-top: 13px;
	margin-bottom: -7px;
	padding: 0px 0px 0px 0px;
}

.divNavSideBar ul li, .divNavSideBarAlt ul li
{
	margin-bottom: 5px;
}

.divNavSideBar select, .divNavSideBarAlt select
{
	font-size: 9px;
	width: 215px;
}

.divSearch
{
	margin-top: -140px;
	margin-left: 17px;
	color: #8F0000;
}

.divSearchAlt
{
	margin-top: 15px;
	margin-left: 17px;
	color: #8F0000;
}

.divSearch div
{
	margin-bottom: 5px;
}

.divSideBarImage
{
	margin-top: 15px;
	margin-left: 17px;
}

.divSideBarImage  img
{
	border-width: 0px 0px 0px 0px;
}

.divBulletins .divBulletinItem
{
	margin-top: 15px;
	margin-left: 17px;
}

.divBulletins .divBulletinItem .divBulletinThumb
{
	float: left;
	margin-right: 10px;
	padding-top: 2px;
}

.divBulletins .divBulletinItem .divBulletinDescription
{
	padding-top: 0px;
}


/* BANNERS */
.divBanners
{
	width: 725px;
	padding-top: 8px;
	
	/*
	position: absolute;
	left: 0px;
	top: 516px;
	z-index: 14px;
	*/
}

.divBanners table
{
	padding: 0px 0px 0px 0px;
	width: 100%;
}


/* PAGE CONTENT */
.divContent
{
	width: 725px;
	padding-top: 10px;
}


/* HOMEPAGE CONTENT */
.divHomePageContent
{
	width: 960px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #C5A901;
}


/* FOOTER */
.divFooter
{
	white-space: nowrap;
	margin-top: 10px;
	clear: both;
	
	/*
	position: relative;
	top: 200px;
	*/
}

.divFooter table
{
	width: 960px;
}

.divFooter td
{
	padding: 10px 10px 10px 10px;
	vertical-align: top;	
}

.divFooter .topTd
{
	border-top: solid 1px #C5A901;
	border-left: solid 1px #C5A901;
}

.divFooter .topTd div
{
	margin-bottom: 5px;
	font-size: 10px;
}

.divFooter .firstTd
{
	border-left-width: 0px;
	padding-left: 0px;
	padding-top: 10px;
	width: 180px;	
}

.divFooter .disclaimer
{
	font-size: 10px;
	color: #666666;
	padding-top: 15px;
	padding-left: 0px;
}





/* HOME PAGE */
.divContent .homePageXtraBannerTable
{
	width: 100%;
}

.divContent .homePageXtraBannerTable .banners
{
	width: 356px;
	padding: 0px 0px 0px 0px;
}

.divContent .homePageXtraBannerTable .banners td
{
	text-align: left;
}

.divContent .homePageXtraBannerTable .banners td img
{
	margin-right: 5px;
}

.divHomePageContent select
{
	font-size: 9px;
	width: 195px;
}

.divHomePageContent table td
{
	vertical-align: top;
}

.tblHomeBody
{
	width: 960px;	
	padding: 0px 0px 0px 0px;
}

.tblHomeBody .tdLatestNews
{
	width: 550px;
}

.tblHomeBody .tdHomeLocator
{
	width: 450px;
}

.divLatestNews
{
	margin-bottom: 20px;
	width: 465px;
}

.divLatestBulletin
{
	vertical-align: middle;
	width: 465px;
}

.divLatestBulletin .latestBulletinImage
{
	float: left;
	margin-right: 10px;
}

.divLatestBulletin .latestBulletinContent
{
	vertical-align: middle;	
	padding-top: 10px;
}

.divHomeLocator img
{
	margin-bottom: 10px;
}


/* SOBRE BANCOOP */
.divContent .presidentPic
{
	float: left;
	margin: 5px 10px 5px 0px;
	clear: left;
}

.divContent .presidentSig
{
	/*
	WITH IMAGE:
	margin-top: 10px;
	*/
	margin-top: 15px;
	margin-bottom: 10px;
}

.divContent .presidentMessage
{
	margin-top: 12px;	
}

.divContent .missionStatement
{
	margin-bottom: 15px;
}

.divContent .missionStatement .grayHeaders
{
	margin-bottom: 15px;
}

.divContent .missionStatement ul
{
	margin-top: 0px;
	padding-top: 0px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

.divContent .missionStatement ul li
{
	background-repeat: no-repeat;
	background-image: url('../../Images/bullet.gif');
	background-position: left 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}

.divContent .downloadPdfImage
{
	vertical-align: middle;
	margin-right: 5px;
}

.divContent .divBoardees
{
	margin-top: 20px;
}

.divContent .boardOfDirectorsItems
{
	/*
	margin-top: 10px;
	margin-bottom: 10px;
	*/
	
	width: 350px;
	margin-bottom: 5px;
}

.divContent .boardOfDirectorsLastItem
{
	/*
	margin-top: 10px;
	margin-bottom: 5px;
	*/
	
	width: 350px;
}

.divContent .boardOfDirectorsItems .blackHeaders
{
	margin-bottom: 0px;	
}

.divContent .boardOfDirectorsImage
{
	
}

.divContent .boardOfDirectorsMembersFromImage
{
	margin-bottom: 10px;
}

.divContent .boardOfDirectorsImage img
{
	border: solid 1px #C5A901;
	margin-bottom: 0px;	
	margin-top: 5px;
}

.divContent .boardOfDirectorsImage .newsDate
{
	margin-top: 10px;
}


/* COOPERATIVAS AFILIADAS */
.flashMapContainer
{
	height: 508px;
	width: 960px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0xp 0px 0px;
	background-color: #788A8A;
}

.flashMapContainer .flashMap
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.flashMapContainer .searchBar
{
	position: absolute;
	top: 486px;
	left: 0px;
	z-index: 30;
	width: 960px;
	color: #FFFFFF;
}

.flashMapContainer .searchBar select
{
	font-size: 9px;
	width: 200px;
}

.flashMapContainer .searchBar a
{
	color: #FFFFFF;
}

.flashMapContainer .searchBar table
{
	margin-left: 15px;
}

.flashMapContainer .searchBar table td
{
	padding-left: 5px;
	padding-right: 5px;
}

.divContent .divYellowSearchHeader
{
	color: #C5A901;
	font-weight: bold;
	margin-left: 5px;
}

.divContent .divGraySearchHeader
{
	color: #666666;
	font-weight: bold;
	margin-left: 5px;
}

.divContent .tblSearchResults
{
	width: 725px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 11px;
}

.divContent .tblSearchResults .header
{
	padding: 5px 5px 5px 5px;
}

.divContent .tblSearchResults .row1
{
	border-top: solid 1px #C5A901;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}

.divContent .tblSearchResults .row2
{
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}

.divContent .divSearchResults
{
	min-height: 190px;
}

.divContent .divSearchResults .divNoResults
{
	color: #8F0000;
	font-style: italic;
	padding: 20px 20px 20px 20px;
}

.divContent .divSearchResults .trPrevNext td
{
	border-top: solid 1px #C5A901;
	vertical-align: bottom;
	padding: 5px 5px 5px 5px;
}


/* CATEGORIAS */
.divCategoriesContainer
{
}

.divContent .divRightColumn .divTitle, .divContent .divLeftColumn .divTitle
{
	font-size: 16px;
	border-bottom: solid 1px #C5A901;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.divContent .divRightColumn .divColumn, .divContent .divLeftColumn .divColumn
{
	margin-bottom: 25px;
	width: 356px;
}

.divContent .divCategoryBullets
{
	margin-top: 5px;
	margin-bottom: 15px;
}

.divContent .divCategoryBullets ul
{
	margin-top: 0px;
	padding-top: 0px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
}

.divContent .divCategoryBullets ul li
{
	background-repeat: no-repeat;
	background-image: url('../../Images/bullet.gif');
	background-position: left 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}

.divContent .divCategoryBullets ul li.viewMore
{
    /* margin-top: 10px; */
}

.divContent .divCategoryBullets .divProductSummary
{
    margin-top: 10px; 
    margin-bottom: 10px; 
    width: 300px;
}


/* PRODUCTOS BANCOOP */
.divContent .productTable
{
	margin-top: 15px;	
}

.divContent .productTable .divTitle
{
	font-size: 16px;
	border-bottom: solid 1px #C5A901;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.divContent .productTable .divColumn
{
	margin-bottom: 15px;
	width: 356px;
}

.divContent .divProductTitle
{
	font-size: 18px;
	border-bottom: solid 1px #C5A901;
	padding-bottom: 7px;
	margin-bottom: 7px;
	margin-top: 16px;
}

.divContent .divProduct
{
	width: 725px;
}

.divContent .divProductDescription
{
	width: 490px;
	margin-right: 25px;
	float: left;
	margin-bottom: 10px;
}

.divContent .divProductDescription .divProductImage
{
	margin-top: 10px;
}

.divContent .divProductDescription .divProductImageArt
{
	margin-right: 10px;
	float: left;
	margin-top: 0px;
	padding-top: 0px;
	width: 168px;
}

.divContent .divProductDescription .divProductImageDescription
{
	float: left;
	margin-top: 0px;
	padding-top: 0px;
	width: 305px;
}

.divContent .divProductBullets
{
	float: left;
	width: 210px;
}

.divContent .divProductBullets ul
{
	margin-top: 0px;
	padding-top: 0px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
}

.divContent .divProductBullets ul li
{
	background-repeat: no-repeat;
	background-image: url('../../Images/bullet.gif');
	background-position: left 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}


/* SUCURSAL */

.divContent .divSucursalTitle
{
	font-size: 18px;
	border-bottom: solid 1px #C5A901;
	padding-bottom: 7px;
	margin-bottom: 7px;
	margin-top: 16px;
}

.divContent .divSucursal
{
	width: 725px;
}

.divContent .divSucursalBullets
{
	margin-top: 10px;
}

.divContent .divSucursalBullets ul
{
	margin-top: 10px;
	padding-top: 0px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
}

.divContent .divSucursalBullets ul li
{
	background-repeat: no-repeat;
	background-image: url('../../Images/bullet.gif');
	background-position: left 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}


/* NOTICIAS */
.divContent .divNewsContainer
{
	width: 960px;
	min-height: 100%;
	height: 100%;
	background-image: url('../../Images/newsDivisoryLine.gif');
	background-repeat: repeat-y;
	overflow: hidden;
	margin-bottom: 5px;
}

.divContent .divNewsItem
{
	margin-top: 10px;
	width: 725px;
	border-bottom: solid 1px #C5A901;
}

.divContent .divNewsItem .newsSummary
{
	padding-bottom: 10px;
}

.divContent .divLastNewsItem
{
	margin-top: 10px;
	width: 725px;
}

.divContent .divNewsItem .newsTitles a, .divContent .divLastNewsItem .newsTitles a
{
	font-size: 14px;
}

.divContent .divPrevNext
{
	font-size: 11px;
	width: 765px;
	margin: 5px 0px 0px 0px;
	height: 10px;
}

.divContent .divPrevNext .divPrevNextButtons
{
	float: left;
	width: 382px;
	text-align: left;
	height: 10px;
}

.divContent .divPrevNext .divPageCount
{
	float: left;
	width: 383px;
	text-align: right;
	height: 10px;
}

.divContent .divNewsBullets
{
	width: 200px;
	padding-right: 10px;
	float: left;
	margin-bottom: 10px;
	
	/* 
	border-right: solid 1px #C5A901;	
	min-height: 400px;
	*/
}

.divContent .divNewsBullets ul
{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

.divContent .divNewsBullets ul li
{
	margin-bottom: 10px;
	font-weight: bold;
}

.divContent .divNewsBody
{
	width: 500px;
	padding-left: 10px;
	/*margin-bottom: 10px;*/
	float: left;
}

.divContent .divNewsBody .divNewsTitle
{
	font-size: 16px;
}

.divContent .divNewsBody .divNewsDate
{
	margin-bottom: 10px;
}

.divContent .divNewsBody .divNewsArticle
{
	margin-bottom: 10px;
}

.divContent .divNewsBody .divNewsAuthor
{
	font-size: 10px;
}


/* CONTACTENOS */
.divContent .divBankMainPhone
{
	font-size: 18px;	
	margin-bottom: 10px;
	margin-top: 10px;
}

.divContent .divBankAddress
{
	font-size: 14px;
	margin-bottom: 15px;
}

.divContent .divBankPhoneNumbers
{
	
}

.divContent .divBankPhoneNumbers .divContactItems
{
	height: 25px;
	font-size: 13px;
}

.divContent .divBankPhoneNumbers .divContactItems .divContactLeft
{
	float: left;
	width: 220px;
}

.divContent .divBankPhoneNumbers .divContactItems .divContactRight
{
	float: left;
	width: 115px;
}

.divContent .divContactForm
{
	margin-bottom: 10px;
	margin-top: 10px;
}

.divContent .divContactForm select
{
	font-size: 10px;
	width: 251px;
}

.divContent .divContactForm input
{
	font-size: 10px;
	width: 245px;
}

.divContent .divContactForm textarea
{
	font-size: 10px;
	width: 350px;
	height: 150px;
}

.divContent .divContactItem
{
	margin-bottom: 10px;
}

.divContent .divContactItem .divLabel
{
	float: left;
	width: 150px;
	padding-top: 3px;
}

.divContent .divContactItem .divFormFieldContainer
{
	float: left;
	width: 250px;
}

.divContent .divContactItem .divFormFieldContainer
{
	margin-bottom: 10px;
}

.divContent .divContactItem .divFormFieldContainer .divFormField
{
	
}

.divContent .divContactItem .divFormFieldContainer .divValidator
{
    
}

.divContent .divContactMessageItem
{
	margin-bottom: 10px;
	
}

.divContent .divContactMessageItem .divLabel
{
	float: left;
	width: 150px;
	padding-top: 3px;
}

.divContent .divContactMessageItem .divFormFieldContainer
{
	float: left;
}

.divContent .divContactMessageItem .divFormFieldContainer
{
	margin-bottom: 10px;
}

.divContent .divContactMessageItem .divFormFieldContainer .divFormField
{
	
}

.divContent .divContactMessageItem .divFormFieldContainer .divValidator
{
    
}

.divContent .divContactSubmitItem .divErrorMessage
{
	float: left;
	color: Red;
	font-size: 10px;
	width: 256px;
}

.divContent .divContactSubmitItem .divSuccessMessage
{
	float: left;
	color: Green;
	font-size: 10px;
	width: 256px;
}

.divContent .divContactSubmitItem .divSendButtons
{
	text-align: right;
	color: #8F0000;
	font-size: 10px;
	float: left;
	width: 100px;
}


/* TERMINOS DE USO - LEGAL */

.divContent .divTermsAndConditionsItem
{
	margin-top: 10px;
}

.divContent .divTermsAndConditionsItem .divTCHeader
{
	margin-bottom: 10px;
	font-weight: bold;
}

.divContent .divTermsAndConditionsItem .divTCContent
{
	
}

.divContent .divTermsAndConditionsItem .divTCContent div
{
	margin-bottom: 10px;
}

.divContent .divTermsAndConditionsItem .divTCContent ul
{
	padding-top: 0px;
	padding-bottom: 0px;
}

.divContent .divTermsAndConditionsItem .divTCContent ul li
{
	margin-bottom: 10px;
}

.divContent .divTermsAndConditionsItem .divTCContent ul li ul
{
	padding-top: 10px;
}

.divContent .divTermsAndConditionsItem .divTCContent .divAddress
{
	margin-bottom: 0px;	
}