*{
	margin : 0;
	padding : 0;
	box-sizing: border-box;
}

.contenedor {
	display:grid;
	grid-template-areas:
	"header header header header monetario"
	"menu content content content content"
	"footer footer footer footer footer";
	grid-template-columns: 2fr 3fr 3fr 1fr;
	grid-template-rows: 0.3fr 3fr 0.25fr;
	padding : 1px;
}

.contenedor div{
	background-color: white;
	padding : 10px;
}

.header {
	grid-area : header;
	text-align: center;
	background-image: linear-gradient(to bottom,rgba(0,0,255,1),rgba(0,0,127,0.5),rgba(0,0,0,0));
}

.header h1{
	color : white;
	font-family : Georgia, "Comic Sans", sans-serif;
	font-size : 48px;
	text-shadow : 2px 2px red;
}

.header h3{
	color : white;
	font-family : "Comic Sans", Georgia, sans-serif;
	font-size : 36px;
	text-shadow : 2px 2px black;
}

.header img{
	width : 100px;
	height : 100px;
	float:left;
	border-radius: 50px 50px 50px 50px;
}

.monetario {
	grid-area: monetario;
	font-size:12px;
	background-image: linear-gradient(to bottom,rgba(0,0,255,1),rgba(0,0,127,0.5),rgba(0,0,0,0));
	color:lightgoldenrodyellow;
}

.contenido {
	grid-area: content;
	width:100%;	
}

.contenido img { 
	width : 100%;
	height : 100%;
	vertical-align:middle; 
}

.menu {
	grid-area: menu;
}

.footer{
	grid-area: footer;
	text-align:center;
	background-image: linear-gradient(to top,rgba(0,0,255,1),rgba(0,0,255,0.75),rgba(0,0,255,0.5),rgba(0,0,0,127.25),rgba(0,0,127,0.10));
	color:white;
	font-size: 18px;
}

.servicios{
	display:grid;
	position: relative;
	grid-template-areas: 
		"presenta presenta"
		"contabilidad tributaria"
		"laboral financiera"
		"experiencia  experiencia";
	gap : 3px;
	grid-template-columns: 2fr 2fr;
}



.servicios div.presenta{
	grid-area : presenta;
	text-align: justify;
	padding: 20px;
}
.servicios div.contabilidad{
	grid-area : contabilidad;
	border-style:solid;
	border-width: 2px;
	border-radius: 25px 0px 25px 0px;
	/*background-color:rgba(0,0,200,0.25);*/
	text-align: justify;
	padding: 20px;
}
.servicios div.tributaria{
	grid-area : tributaria;
	border-style:solid;
	border-width: 2px;
	border-radius: 0px 25px 0px 25px;
	/*background-color:rgba(0,0,200,0.25);*/
	text-align: justify;
	padding: 20px;
}

.servicios div.laboral{
	grid-area : laboral;
	border-style:solid;
	border-width: 2px;
	border-radius: 0px 25px 0px 25px;
	/*background-color:rgba(0,0,200,0.25);*/
	text-align: justify;
	padding: 20px;
}

.servicios div.financiera{
	grid-area:financiera;
	border-style:solid;
	border-width: 2px;
	border-radius: 25px 0px 25px 0px;
	/*background-color:rgba(0,0,200,0.25);*/
	text-align: justify;
	padding: 20px;
}

.servicios div.experiencia{
	grid-area : experiencia;
	border-style:inset;
	border-radius: 25px 25px 25px 25px;
}


.servicios 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;
}

.menu a{
	border : solid blue 2px;
	border-radius : 0px 15px 0px 15px;
	display:block;
	text-decoration: none;
	text-align: center;
	/*background-image: linear-gradient(to right,rgba(200,0,255,0.75),rgba(0,0,255,0.5));*/
	background-color : lightgray;
	color : black;
	font-size: 18px;
	font-weight: bold;
}

.menu a:hover{
	border : solid blue 2px;
	border-radius : 15px 0px 15px 0px;
	background-color : darkgray;
	color:white;
}