* {text-indent:0px; border:0px; margin:0px; padding:0px; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif} 
h1 {font-size:medium; line-height:32px; }
h2 {font-size:small; font-weight:normal; line-height:24px; }
p {text-align:left; font-size:small; font-weight:normal; line-height:20px; margin:0px 0px 0px 0px;}
body {text-align:justify; margin:50px 0px 0px 0px; }

/* set image max width to 100% */
img {max-width:100%;	height:auto;	width:auto; /* ie8 */ }


/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {	width:980px; margin:0 auto; }


/************************************************************************************
HEADER
*************************************************************************************/
#header {width:980px; height:100px; /*background:pink;*/ }

#header h1				{float:left; /*line-height:50px;*/ padding:0px 0px 0px 6px;}
#header ul li			{list-style-type:none; padding:0px 0px 0px 12px; float:right; text-align:right; /*line-height:50px;*/ font-size:small; }
#header a	 			{color:grey; text-decoration:none; display:block;}
#header a:hover			{color:black;}


/************************************************************************************
MAIN-NAV
*************************************************************************************/
#main-nav	            {float:left; width:260px; /*background:yellow;*/ }

#main-nav a				{color:grey; font-weight:bold; text-decoration:none; display:block;  }
#main-nav a:hover		{color:black;}

.nav                    {display: grid; grid-template-columns: 1fr; grid-gap: 10px; }
.nav div                {font-size:medium; }


/************************************************************************************
CONTENT
*************************************************************************************/
#content {width:720px; float:right; /*background:red;*/ } 

#content img			{padding:20px 0px; }
#content p				{padding: 8px 0px; }
#content h1				{text-align:right; padding:0px 0px 0px 6px; }
#content h2				{text-align:right; margin:0px 0px 16px; padding:0px 0px 0px 6px; }
#content a				{color:grey; /*font-weight:bold;*/ text-decoration:none; display:block; }
#content a:hover	    {color:black;}
#content table		    {width:100px; }

.contacto          {display: grid; grid-template-columns: 1fr 5fr; grid-template-rows: 50px 50px 50px; gap: 30px; align-items: center;}
.contacto img      {margin: auto; display: block; max-height:40px; max-width: 40%;}
.contacto p        {font-size:small; }


/************************************************************************************
GALLERY
*************************************************************************************/
#gallery {width:720px; float:right; /*background:purple;*/ } 

.furn		 	{float:left; width:33.3333%; /*background:cyan;*/ }
.furn a:link	{opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */}
.furn a:hover	{opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}
.furn p			{text-align:right; line-height:32px; font-size:small; color:grey; }

.arch	    	{float:left; width:33.3333%; /*background:cyan;*/ }
.arch a:link	{opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */}
.arch a:hover	{opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}
.arch p	        {text-align:right; line-height:32px; font-size:small; color:grey; }


/************************************************************************************
FOOTER
*************************************************************************************/
#footer {width:980px; height:72px; clear:both; /*background:green;*/ }
#footer p {text-align:right; line-height: 72px; font-size:small; color:grey; }