/***********************************************************************************************************************
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.
************************************************************************************************************************/
#wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: left;
	padding-bottom: 20px;
	padding-top: 5px;
	padding-left: 0px;
	}

.accordionButton {
	width: 100%;
	float: left;
	_float: none;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	background-color: #95C873;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 29px;
	background-image: url(../imgs/flecha-down.png);
	background-position: right top;
	background-repeat: no-repeat;
	color: #FFF;
	padding-left: 10px;
	}

.catorcepx {
	font-size:15px;
	color: #FFF;
	font-weight: normal;
}
	
.accordionContent {
	width: 100%;
	float: left;
	_float: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
	}
.accordionContent .profesional {
	width: 100%;
	display: block;
	float: left;
	padding-bottom: 22px;
	margin-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.accordionContent .profesional .nombre {
	padding-top: 3px;
	color: #666;
	padding-bottom: 6px;
	font-size: 16px;
}
.accordionContent .profesional .nombre b {
	font-weight: 500;
	color: #3892a6;
	font-family: 'Raleway', sans-serif;
}

.accordionContent .profesional img {
	float: left;
	display: block;
}

@media (max-width: 767px) {
.accordionContent .profesional img {
	width:100px;
}
}

	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background-color: #3892a6;
	background-image: url(../imgs/flecha-up.png);
	background-position: right top;
	}
.accordionContent .profesional p{
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	background-image: url(../imgs/circle-arrow.png);
	background-position: left 6px;
	background-repeat: no-repeat;
	float: left;
	padding-left: 18px;
	padding-bottom: 4px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
}

@media (max-width: 767px) {
.accordionContent .profesional p{
	display: block;
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	background-image: url(../imgs/circle-arrow.png);
	background-position: left 6px;
	background-repeat: no-repeat;
	float: left;
	padding-left: 16px;
	padding-bottom: 4px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
}
}

.accordionContent .profesional .mail a {
	color: #3892a9;
}


	
.over {
	background-color: #3892a6;
	}

.accordionContent .profesional .information {
	display:table;
}