html, body { background: #fff; padding: 0; margin: 0; line-height: 2em; }

/* General ------------------------------------------------------------------ */
a, a:hover, a:active, a:visited { text-decoration: none; }
.theTitle1 { font-weight: bold; font-size: 2em; color: #f00; }
.theTitle2 { font-weight: bold; font-size: 1.8em; color: #f00; }
.theTitle3 { font-weight: bold; font-size: 1.5em; color: #f00; line-height: 1.2em; margin: 0; }
.theTitle4 { font-weight: bold; font-size: 1.3em; color: #f00; line-height: 1.1em; margin: 0; }
.theTitle5 { font-weight: bold; font-size: 1.1em; color: #00f; }

.theButton{ font-size: 1.2em; width: auto; padding: 1%; background: #ddd; }
    
    
/* Maintenance -------------------------------------------------------------- */
.theMaintenance { float: none; text-align: center; height: auto; width: auto; margin: 0 auto; background: none; border: 0; font-family: arial; color: #f00; padding: 0; font-size: 2.1em; }

/* Top Bar ------------------------------------------------------------------ */
.theTop   { float: none; text-align: left; width: 100%; padding: 0; margin: 0 auto; background: #000; border: 0; font-family: arial; color: white; overflow: hidden; }
.topRight { float: right; width: 74%; text-align: right; }
.topLeft  { float: left; width: 24%; }
.theLogo  { float: left; height: 80px; width: auto; }
.theTop a, .theTop a:active, .theTop a:visited { text-decoration: none; color: #0f0; padding: 1% ; }
.theTop a:hover { text-decoration: underline; color: #f00; padding: 1% ; }

.theMenu { background: #f00; overflow: hidden; margin-bottom: 1%; font-size: 2em;}
.theMenu a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; }
/* Change the color of links on hover */
.theMenu a:hover{ background-color: #ddd; color: black; }
/* Add an active class to highlight the current page */
.theMenu a.active { background-color: #4CAF50; color: white; }

/* Hide the link that should open and close the topnav on small screens */
.theMenu .icon { display: none;}

/* Form --------------------------------------------------------------------- */
form { width: 300px; padding: 2%; background: #eee; border-radius: 1%; overflow: hidden; }
.inPut { font-size: 1.2em; width: 98%; padding: 1%; border: 0; border-radius: 5px; margin-bottom: 1%;}
.inPut2 { font-size: 1.2em; width: 85%; padding: 1%; border: 0; border-radius: 5px; margin-bottom: 1%;}
.selEct { width: 38%; font-size: 1.2em; padding: 1%; border: none; }
.theSearch1 { float: left; width: 80%; font-size: 1.2em; padding: 1%; border: 0; border: 0;}
.subMit { float: right; width: auto; font-size: 1.2em; padding: 1%; border: 0; border-radius: 5%; background-color: #0f0;}

label { color: #000; font-weight: bold; display: block; }
label:after { content: ": " }

.textArea { width: 98%; padding: 1%; height: 200px; }

.theBody { clear: both; overflow: hidden; width: 90%; margin: 0 auto;  margin-top: 1%; margin-bottom: 1%; background: #fff; border: 0; color: #000; font-family: arial; }

.theLeft { float: left; overflow: hidden; width: 64%; margin: 0 auto; border: 0;  padding: 0; background: #fff;}
.theRight { float: right; overflow: hidden; width: 34%; height: 100%; margin: 0 auto; border: 0; padding: 0; background: #fff; }
.theBox { clear: both; overflow: hidden; text-align: center; height: auto; width: 98%; margin: 0 auto; border-bottom: 1px #ccc solid; font-family: arial; color: #000; padding: 1%; background: #ddd; }
.theBox2 { clear: both; overflow: hidden; text-align: justify; width: 98%; padding: 1%;  background: #eee; border-radius: 10px; margin: 0 auto; margin-bottom: 2%; font-family: arial; color: #000; padding: 1%; }

.theInspirations  { float: left; height: 300px; width: 33.3%; }

table { width: 100%; }
.tdPrice {width: 80%;}
.tdPriceR {width: 20%; text-align: right; background: #ddd; color: #f00; }

.italic    {font-style: italic; }
.bold      {font-style: bold; }
.underline {text-decoration: underline; }

.theBottom2 { clear: both; overflow: hidden; width: 100%; margin: 0 auto; background: #fff; color: #000; font-family: arial; text-align: justify; border-top: 2px #ccc solid; }
.theBottom3 { clear: both; overflow: hidden; width: 100%; margin: 0 auto; background: #ee1; color: #000; font-family: arial; text-align: justify; border-top: 2px #ccc solid; }
.theColumn2 { float: left; width: 46%; margin: 1%; overflow: hidden; height: auto; font-family: arial; color: #000; padding: 1%; }
.theColumn3 { float: left; width: 29%; margin: 1%; overflow: hidden; height: auto; font-family: arial; color: #000; padding: 1%; }

.theBottom { clear: both; float: none; text-align: center; width: 100%; margin: 0 auto; margin-bottom: 0; background: #ccc; border: 0; border-top: 1px #000 solid; font-family: arial; color: #000; padding: 0; position: absolute;
    bottom: 0;	}
.theBottom a { display: inline; color: #fff; text-align: center; padding: 1%; text-decoration: none; font-size: 1.1em; }

.theDisclaimer { padding: 10px; font-size: .6em; }
				

.socialShare{position: fixed; margin-bottom: 200px; margin-right: 0; overflow: hidden; width: auto; padding: 5px; text-align: center; }
.shareButton { width: 60px; float: right; }


@media screen and (max-width: 800px){
html, body { background: #ddd; padding: 0; margin: 0; line-height: 2em; }

a, a:hover, a:active, a:visited { text-decoration: none; }

.theBody { clear: both; overflow: hidden; width: 100%; margin: 0 auto;  margin-bottom: 1%; background: #ddd; border: 0; color: #000; font-family: arial; }
.theLeft, .theRight {float: none; width: 98%; padding: 1%; margin: 0 auto; margin-bottom: 1%; }
.theBox { clear: both; overflow: hidden; text-align: center; height: auto; width: 96%; margin: 0 auto; border-bottom: 1px #ccc solid; font-family: arial; color: #000; padding: 1%; background: #ddd; }
.theBox2 { clear: both; overflow: hidden; text-align: justify; width: 96%; margin: 0 auto; margin-bottom: 2%; font-family: arial; color: #000; padding: 1%; background: #fff; }

.theBottom { clear: both; overflow: hidden; width: 100%; margin: 0 auto;  margin-bottom: 1%; background: #fff; border: 0; color: #000; font-family: arial; }
.theColumn { float: none; width: 96%; margin: 1%; overflow: hidden; text-align: center; height: auto; margin: 0 auto; font-family: arial; color: #000; padding: 1%; }

.theFooter { clear: both; float: none; text-align: center; height: 100%; width: 100%; margin: 0 auto; background: #0f0; border: 0; border-top: 1px #000 solid; font-family: arial; color: #000; padding: 0;	}
.theFooter a { display: inline; color: #fff; text-align: center; padding: 1%; text-decoration: none; font-size: 1.1em; }

.theDisclaimer { padding: 10px; font-size: .6em; }
}