.servicios{
	display:grid;
	position: relative;
	grid-template-areas: 
		"presenta presenta"
		"tributaria contabilidad"
		"laboral financiera"
		"experiencia  experiencia";
	gap : 10px;
	grid-template-columns: 2fr 2fr;
	grid-template-rows: 180px 400px 400px 400px;
	font-size: 20px;
}

.servicios div.presenta{
	grid-area : presenta;
	text-align: justify;
	padding: 20px;
}
div.contabilidad{
	grid-area : contabilidad;
	border-style:solid;
	border-width: 2px;
	border-radius: 25px 0px 25px 0px;
	text-align: justify;
	padding: 20px;
	box-shadow: 5px 5px 5px rgba(153,153,153,0.75);
	overflow:auto;
}

div.contabilidad img{
	display:block;
	margin: auto;
	width: 250px;
	height: 150px;
}

div.tributaria{
	grid-area : tributaria;
	border-style:solid;
	border-width: 2px;
	border-radius: 0px 25px 0px 25px;
	text-align: justify;
	padding: 20px;
	box-shadow: 5px 5px 5px rgba(153,153,153,0.75);
	overflow:auto;
}

div.tributaria img{
	display:block;
	margin: auto;
	width: 250px;
	height: 150px;
}

div.laboral{
	grid-area : laboral;
	border-style:solid;
	border-width: 2px;
	border-radius: 0px 25px 0px 25px;
	text-align: justify;
	padding: 20px;
	box-shadow: 5px 5px 5px rgba(153,153,153,0.75);
	overflow:auto;
}

div.laboral img{
	display:block;
	margin: auto;
	width: 250px;
	height: 150px;
}

.servicios div.financiera{
	grid-area:financiera;
	border-style:solid;
	border-width: 2px;
	border-radius: 25px 0px 25px 0px;
	text-align: justify;
	padding: 20px;
	box-shadow: 5px 5px 5px rgba(153,153,153,0.75);
	overflow:auto;
}


div.financiera img{
	display:block;
	margin: auto;
	width: 250px;
	height: 150px;
}

.servicios div.experiencia{
	grid-area : experiencia;
	border-style:inset;
	padding: 20px;
	border-radius: 25px 25px 25px 25px;
	box-shadow: 5px 5px 5px rgba(153,153,153,0.75);
}


div.tributaria:hover{
	background-color:rgba(138,138,138,0.25);
	color:black;
}

.servicios div.laboral:hover {
	background-color:rgba(138,138,138,0.25);
	color:black;
}

.servicios div.financiera:hover{
	background-color:rgba(138,138,138,0.25);
	color:black;
}

.servicios div.contabilidad:hover{
	background-color:rgba(138,138,138,0.25);
	color:black;
}

.tributaria h2, .contabilidad h2, .laboral h2, .financiera h2 {
	font-family: calibri;
	color : white;
	background-color: rgba(27,2,102,1);
	border-style : inset;
	border-radius : 10px 10px 10px 10px;
	text-align: center;
}

.servicios ul{
	/*list-style : none;*/
	list-style-position: inside;
}

.experiencia ul{
	padding: 0px 35%;
	list-style-position:inside;
}

.accordion {
	transition : 0.4s;
}

.active, .accordion:hover {
	font-family: calibri;
	color : white;
	background-color: rgba(27,2,102,1);
	border-style : inset;
	border-radius : 10px 10px 10px 10px;
	text-align: center;
}

.panel {
	display : none;
	overflow : hidden;
}

.laboral dd > dl {
	text-indent: 40px;
}