* {
			font-family: sans-serif,serif;
			margin: 0;
			padding: 0;
		}
		html {
			font-size: 16px;
		}
		body {
			/* rgb(212,175,55) */
			background: linear-gradient(to right, #ffffff 0%,  #d5bd6f  100%);
		}
		body header {
			text-align: center;
		}
		h1 {
			font-size: 2.5rem;
			font-weight: bold;
			text-shadow: .04rem .04rem #ff0000;
			font-style: italic;
			margin: 1rem 1rem 0 1rem;

		}
		h2 {
			font-size: 2rem;
			font-weight: bold;
			text-shadow: .04rem .04rem #ff0000;
			font-style: italic;
			margin: 1rem 1rem 0 1rem;
		}
		h3 {
			font-size: 1.5rem;
			font-weight: bold;
			text-shadow: .04rem .04rem #ff0000;
			font-style: italic;
			margin: 1rem 1rem 0 1rem;
		}
		nav {
			position: sticky;
			top: 0;
			margin: 1rem 1rem;
			text-align: right;
			font-size: 1.2rem;
			font-weight: bold;
		}
		nav ul {
  			display: inline;
  			margin: 0;
  			padding: 0;
		}
		nav ul li {display: inline-block;}
		nav ul li:hover {color: red;}
		nav ul li:hover ul {display: block;}
		nav ul li ul {
  			position: absolute;
  			right: 0px;
  			width: 10rem;
  			display: none;
  		border-style: solid;
  		border-color: black;
  		border-width:.05rem;
  		border-radius: 1rem;
  		background: rgba(255,255,255, 0.5);
  		padding: .3rem; 
		}
		nav ul li ul li { 
  		display: block;
		}
		nav ul li ul li a {display:block !important;} 
		nav ul li ul li a:link,a:visited {
  			color: black;
  			text-decoration: none;
  			cursor: pointer;
  			font-weight: normal;
		} 
		nav ul li ul li:hover {
			margin: .1rem;
			background: #FFF;
		}

		a:link, a:visited {
  			color: green;
  			text-decoration: undeline;
  			cursor: pointer;
		}
		a:link:active, a:visited:active {
  			color: yellow;
		}		
		p {
			text-align: start;
			background: linear-gradient(to right, #ffffff 0%,  #d4f8fe  100%);
			margin: 1rem auto;
			padding: 1rem 1rem;
			width: 90%;
			border-style: solid;
			border-color: black;
			border-width: .01rem;
			border-radius: .5rem;
		}
		article header {
			color: white;
			margin: 2rem 1rem;
			font-size: 3rem;
			font-weight: bold;
			text-shadow: .2rem .2rem #ff0000;
			font-style: italic;	
			padding: 1rem;
			/* background-image:url('../dimg/contact01.jpg'); */
			background-repeat: no-repeat;
			background-position: center center;
			background-attachment: fixed;
			background-size: cover;
			background-color: #464646; 
		}

		#merdig {background-image:url('../dimg/merdig1.svg');}
		#pagweb {background-image:url('../dimg/website.svg')}	
		#appweb {background-image:url('../dimg/appweb1.svg')}
		#nosweb {background-image:url('../dimg/nosotros.svg')}
		#expweb {background-image:url('../dimg/experiencia.svg')}
		#conweb {background-image:url('../dimg/contact01.svg')}

		article ul {
			background: linear-gradient(to right, #ffffff 0%, #fdd1cd 100%);
			margin: 1rem auto;
			padding: 1rem 1rem;
			width: 90%;
			border-style: solid;
			border-color: black;
			border-width: .01rem;
			border-radius: .5rem;
		}
		article ul li ul {
			background: linear-gradient(to right, #ffffff 0%, #dffdcd 100%);
			margin: 1rem auto;
			padding: 1rem 1rem;
			width: 90%;
			border-style: solid;
			border-color: black;
			border-width: .01rem;
			border-radius: .5rem;
		}
		article li {
			margin: .5rem;
		}
		article aside {
			text-align: center;
		}
		article aside p {
			font-style: italic;
			font-size: .8rem;
		}	
		article aside p span {
		   	display: flex;
   			align-items: center;
   			justify-content: center;
		}		
		@media screen and (max-width: 700px) {
			article aside {
				font-style: italic;
				width: 100%;
			}
		}
		@media screen and (max-width: 400px) {
			article aside {
				font-style: italic;
				width: 100%;
			}
		}		
		.modal-contenido{
  			background-color:aqua;
  			width:300px;
  			height:300px;
  			padding: 1rem;
  			margin: 0 auto; 
  			position: relative;
  			overflow-x: hidden;
  			overflow-y: scroll;
		}
		.modal{
  			position:fixed;
  			top:0;right:0;bottom:0;left:0;
  			opacity:0;
  			pointer-events:none;
  			text-align: left;
			}
		#local:target{
  			opacity:1;
  			pointer-events:auto;
			}
		#servidor:target{
  			opacity:1;
  			pointer-events:auto;
			}