/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/

.accordionButton {	
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	margin: 80px 0 0 0;
	padding:0;

	width:344px;
	height:252px;

	
	text-decoration:none;

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
	z-index:200;	
	color:#fff;
	text-align:center;

border:0;
display:block;

	}
	
	
.accordionButton:hover {	
	cursor: pointer;

}

.buttonAzul {	
	background: url(../img/tarjeta-azul1.png);


	}
	
	.buttonAzul:hover {	
	background: url(../img/tarjeta-azul2.png);


	}
	
.buttonRojo {	
	background: url(../img/tarjeta-roja1.png);


	}
	
	.buttonRojo:hover {	
	background: url(../img/tarjeta-roja2.png);


	}


.accordionContent {	
	width: 604px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	}

.beneficiosCiontainer .azul .on {
	background: url(../img/tarjeta-azul2.png);
 }
 
 .beneficiosCiontainer .rojo .on {
	background: url(../img/tarjeta-roja2.png);
 }