body
		{
					margin:auto;
					padding: 0px;
					width:100%;
					height:100%;
					background-color: black;
		}
html
		{
					box-sizing: border-box;
		}
*, *:before, *:after
		{
					box-sizing: inherit;
		}
.MainBox
		{
					clear:left;
					float:left;
					position:relative;
					top:0;
					bottom:0;
					right:0;
					left:0;
					margin-top: 0px;
					margin-bottom: 0px;
					display:inline-block;
					width:100%;
					height:100%;
					border-style:solid;
					border-color:blue;
					border-width:0px;
					background-position: center center;
					background-repeat: no-repeat;
					background-color:black;
					background-size: cover;
					background-image: url('world.jpg');
		}
.MainHeader
		{
					clear:left;
					float:left;
					position:relative;
					/*position:fixed;*/
					display:inline-block;
					margin:0em;
					width:100%;
					height:auto;
					background-color:black;
					text-align: center;
					padding: 0em;
					border-style:solid;
					border-color:black;
					border-width:0px;
					z-index:1000;
					opacity: .8;
		}
.MainHeaderLogo
		{
				clear:left;
				float:left;
				display: inline-block;
				margin:1em 0em .1em 0em;
				text-align: center;
				position:relative;
				width:100%;
				height:auto;
				padding:0em .5em 0em .5em;
				background-color:transparent;
				border-style:solid;
				border-color:#333333;
				border-width:0px;
		}
.MainHeaderLogo img
		{
				clear:left;
				float:initial;
				width:44px;
				height:auto;
				display: inline-block;
				margin:auto;
				border-radius: 0px;
		}

.MainHeaderTitle
		{
					clear:left;
					float:left;
					position:relative;
					display:inline-block;
					margin:.1em 0em 0em 0em;
					width:100%;
					height:auto;
					color:white;
					text-align: center;
					font-size: 34px;
					font-weight:lighter;
					padding: .1em 0em 0em 0em;
					border-style:solid;
					border-color:black;
					border-width:0px;
		}
.MainHeaderSlogan
		{
					clear:left;
					float:left;
					position:relative;
					display:inline-block;
					margin:0em;
					width:100%;
					height:auto;
					color:white;
					text-align: center;
					font-size: 15px;
					font-weight: bold;
					padding: .5em .5em 1em .5em;
					border-style:solid;
					border-color:black;
					border-width:0px;
		}
.MainHeaderText
		{
					clear:left;
					float:left;
					position:relative;
					display:inline-block;
					margin:0em;
					width:100%;
					height:auto;
					background-color:black;
					color:white;
					text-align: center;
					font-size: 12px;
					font-weight: bold;
					padding: .5em;
					border-style:solid;
					border-color:white;
					border-width:0px 0px 1px 0px;
					opacity: .8;
		}



/*Content*/
.MainContent
		{
					clear:left;
					float:left;
					position:relative;
					display:inline-block;
					margin:0em 0em 0em 0em;
					padding: 0em;
					width:100%;
					height:100%;
					background-color:transparent;
					border-style:solid;
					border-color:transparent;
					border-width:0px;
		}
.MainContentBox
		{
				clear:left;
				float:left;
				position:relative;
				display:block;
				align-items: center;
				text-align: center;
				margin:0em 0em 0em 0em;
				padding: 0em;
				width:100%;
				height:100%;
				background-color:transparent;
				border-style:solid;
				border-color:#333333;
				border-width:2px;
		}
.MainContentContainer
		{
				clear:left;
				align-self: center;
				position:relative;
				display:inline-block;
				height:100%;
				width:100%;
				max-width:900px;
				margin:.1em 0em .1em 0em;
				border-style:solid;
				border-color:yellow;
				border-width:1px;
				padding: .1em 0em .1em 0em;
				background-color:transparent;
				border-radius: 8px 8px 8px 8px;
		}
.StandardBoxIndex
		{
				float:left;
				margin:0em;
				width:50%;
				height:auto;
				display:inline-block;
				position:relative;
				padding:.5em .5em .5em .5em;
				border-style:solid;
				border-color:transparent;
				border-width:5px;
				cursor:none;
				border-radius: 8px;
				background-color:transparent;
		}

.Box1, .Box2, .Box3, .Box4
		{
				clear:left;
				float:left;
				margin:0em;
				width:100%;
				height:240px;
				display:inline-block;
				position:relative;
				background-position: center center;
				background-repeat: no-repeat;
				background-color:black;
				background-size: cover;
				padding:0em;
				border-style:solid;
				border-color:white;
				border-width:0px;
				border-radius: 8px;
				cursor: pointer;
				opacity: .7
		}
.Box1
		{
				background-image: url('../images/box1.jpg');
		}
.Box2
		{
				background-image: url('../images/box2.jpg');
		}
.Box3
		{
				background-image: url('../images/box3.jpg');
		}
.BoxMask
		{
				clear:left;
				float:left;
				position:relative;
				display: inline-block;
				margin:0em;
				top:0;
				bottom:0;
				text-align: center;
				height:100%;
				width:100%;
				/*background-color: rgba(0, 0, 0, 0.5);*/
				color: white;
				border-radius: 8px 8px 8px 8px;
				letter-spacing: 0.5px;
				cursor: pointer;
		}

.StandardBoxIndexTitle
		{
				clear:left;
				float:left;
				position: relative;
				display: inline-block;
				margin:0em;
				width:100%;
				height:70px;
				text-align: center;
				padding:.8em 0em .1em 0em;
				border-style:solid;
				border-color:white;
				border-width:0px 0px 0px 0px;
				color:white;
				/*cursor: pointer;*/
		}

.StandardBoxSubtitle
		{
				clear:left;
				margin:0em 0em 0em 0em;
				display: inline-block;
				vertical-align:middle;
				text-align: center;
				padding: .1em .2em 0em .2em;
				width:100%;
				height:auto;
				font-style: normal;
				font-size: 12px;
				font-weight: lighter;
				font-weight: normal;
				background-color:transparent;
				color: white;
				border-style:solid;
				border-color:white;
				border-width:0px 0px 0px 0px;
				border-radius: 0px 0px 0px 0px;
				letter-spacing: 0.5px;
		}




/* Form */
.FormBox 
		{
				clear:left;
				align-self: center;
				align-items: center;
				text-align: center;
				position:relative;
				display:block;
				width:100%;
				height:100%;
				margin-top:6em;
				margin-bottom:6em;
				margin-right:auto;
				margin-left:auto;
				max-width:800px;
				background-color: rgba(0, 0, 0, .8);
				border-style:solid;
				border-width:2px;
				border-color:#333333;
				border-radius:4px;
				padding:1em 1em 1em 1em;
		}



.TitleForms
		{
				clear:left;
				float:initial;
				vertical-align: middle;
				display:inline-block;
				text-align:center;
				width:100%;
				background-color:transparent;
				color:white;
				font-size:17px;
				font-style: normal;
				font-weight: lighter;
				letter-spacing: 1.5px;
				margin: 0em 0em .2em 0em;
				padding:1em;
				border-style:solid;
				border-color:white;
				border-width:2px;
				border-radius: 4px;
				z-index: 1000;
		}

.SubtitleForm
		{
				clear:left;
				opacity:.8;
				float:left;
				text-align:center;
				width:100%;
				background-color:transparent;
				color:white;
				font-size:14px;
				margin: 1em 0em 0em 0em;
				padding:.4em;
				border-style:solid;
				border-color:lightgray;
				border-width: 0px;
				border-radius: 0px 0px 0px 0px;
				font-style: normal;
		}
.FormField
		{
				clear:left;
				float:initial;
				display:inline-block;
				width:100%;
				margin: 2px 0px 0px 0px;
				padding:5px 5px 5px 5px;
				height:50px;
				border-width:1px;
				border-style: solid;
				border-color:#E0DFDF;
				font-size:14px;
				border-radius: 4px;
				font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		}
.FormFieldTxt
		{
				clear:left;
				float: left;
				width:100%;
				margin:.2em 0em .2em 0em;
				height:70px;
				border-width:1px;
				border-style: solid;
				border-color:#E0DFDF;
				border-radius: 4px;
				padding:5px;
				font-size:14px;
				font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		}
.SectionError
		{
				clear:left;
				float:left;
				display: inline-block;
				text-align:left;
				width:100%;
				height:auto;
				padding:.2em .2em 1em 1em;
				margin: 0em 0em 0em 0em;
				color: red;
				font-size: 12px;
				font-weight: bold;
				border-style:solid;
				border-color:lightgray;
				border-width:0px;
				border-radius: 0px;
		}
.ButtonMain
		{
				clear:left;
				float:initial;
				width:80%;
				max-width:300px;
				min-height: 50px;
				display:inline-block;
				vertical-align: middle;
				padding: 1em;
				margin: .4em 0em .4em 0em;
				background-color: #808080;
				color:white;
				font-size:14px;
				cursor: pointer;
				border-radius: 8px;
				border-style:solid;
				border-width:2px;
				border-color:#808080;
		}


.ButtonMain:hover
		{
			  border-style:solid;border-color:#808080;border-width:2px;border-radius: 8px;
			  background-color: #404040;
		}

.FormSubBox
		{
				clear:both;
				float:initial;
				text-align: center;
				position:relative;
				display:inline-block;
				width:100%;
				height:100%;
				margin-top:.5em;
				margin-bottom:0em;
				margin-right:auto;
				margin-left:auto;
				background-color:white;
				border-style:solid;
				border-width:0px 0px 0px 0px;
				border-color:#333333;
				border-radius:4px;
				padding:.2em .5em .1em .5em;
				font-size:10px;
		}
.TextInstructions
		{
				clear:left;
				float:left;
				text-align: center;
				display: inline-block;
				position: relative;
				padding:4em .2em 4em .2em;
				width:100%;
				height:auto;
				margin:auto;
				font-size:14px;
				font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		}


/* Footer */
.MainFooter
		{
					clear:left;
					float:left;
					vertical-align: bottom;
					align-self: center;
					position:relative;
					margin:0em 0em 0em 0em;
					margin-bottom: 0px;
					width:100%;
					bottom:0;
					height:auto;
					display:inline-block;
					border-style:solid;
					border-color:yellow;
					border-width:0px;
					font-size: 12px;
					font-weight:normal;
					text-align:center;
					line-height: 1;
					background-color:black;
					color:white;
					padding:2em;
					z-index:1;
					opacity: .8;
		}


@media (max-width:1200px)
		{
			.FormBox 
				{
					margin-top:6em;
				    margin-bottom:6em;
				}
		}
@media (max-width:700px)
		{
			.FormBox 
				{
					margin-top:5em;
				    margin-bottom:5em;
				}
		}
@media (max-width:500px)
		{
			.FormBox 
				{
					margin-top:3em;
				    margin-bottom:3em;
				}
		}

/*All Rights Reserved.Sustainable Municipality LLC, Zemisys SA DE CV*/