@charset "utf-8";
#section_menu_areas {
	width: 200px;
	height: 400px;
	left: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
.infancia {
	background-image: url(../img/areasblue.png);
	background-repeat: repeat;
}
.colorinfancia {
	color: #7bd6fc !important;
}
.adolescencia {
	background-image: url(../img/areasgarnet.png);
	background-repeat: repeat;
}
.coloradolescencia {
	color: #aa1c47 !important;
}
.edad_adulta {
	background-image: url(../img/areasgreen.png);
	background-repeat: repeat;
}
.coloredad_adulta {
	color: #4edb10 !important;
}
.tercera_edad {
	background-image: url(../img/areasorange.png);
	background-repeat: repeat;
}
.colortercera_edad {
	color: #f89a12 !important;
}
.terapia_pareja {
	background-image: url(../img/areaspink.png);
	background-repeat: repeat;
}
.colorterapia_pareja {
	color: #f812f0 !important;
}
.sexologia {
	background-image: url(../img/areasred.png);
	background-repeat: repeat;
}
.colorsexologia {
	color: #ff0000 !important;
}
#principal #section_menu_areas ul li {
	display: block;
	width: 180px;
	height: 62px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #FFFFFF;
}
#principal #section_menu_areas ul li img {
	height: 50px;
	width: 50px;
	margin: 5px;
	vertical-align: middle;
}
#principal #section_menu_areas ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#principal #section_menu_areas ul a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
	display: block;
}
#img_area_activa {
	width: 200px;
	height: 300px;
	position: relative;
	top: 25px;
	float: right;
	margin: 0px;
	right: 175px;
}
#titulo_area_activa {
	position: relative;
	left: 45px;
	float: left;
	top: 10px;
	width: 500px;
}
#text_area_Activa {
	float: left;
	width: 580px;
	position: relative;
	left: 40px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}
#text_area_Activa ul {
	font-weight: bold;
}
.personal {
	font-family: Indie Flower;
	font-size: 46px;
	font-weight: bold;
	color: #5D4C3C;
}
#contentareasgeneral {
	width: 850px;
	position: relative;
	left: 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	float: left;
	top: 0px;
	padding: 10px;
	margin-top: 15px;
}
.areas_princ {
	width: 1250px !important;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}