/*
	Ex Machina by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

@charset 'UTF-8';
@import url(fontawesome-all.min.css);
/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		/*background: #202020 url(../images/flashlight.jpg);*/
		background: #F8F0E3;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		color: #000;
	}

	body,input,textarea,select
	{
		/*font-family: 'Roboto Condensed', sans-serif;*/
	  font-family: 'Verdana', sans-serif;
		font-weight: 300;
		font-size: 40pt;
		color: #0000
		line-height: 1.75em;
	}

	h1,h2,h3,h4,h5,h6
	{
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 600;
		color: #202020
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;
			font-weight: 300;
		}

	/* Change this to whatever font weight/color pairing is most suitable */
	strong, b
	{
		font-weight: bold;
		color: #000000;
	}

	em, i
	{
		font-style: italic;
	}

	/* Don't forget to set this to something that matches the design */
	a
	{
		color: #ff0000;
	}

	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
	}

	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	p, ul, ol, dl, table
	{
		margin-bottom: 1em;
	}

	header
	{
		margin-bottom: 2em;
		line-height: 1.7em;
	}

		header h2
		{
			font-size: 2.5em;
		}

		header .byline
		{
			display: block;
			margin: 0.5em 0 0 0;
			padding: 0 0 0.5em 0;
			text-transform: uppercase;
			font-size: 1.4em;
		}

	footer
	{
		margin-top: 1em;
	}

	br.clear
	{
		clear: both;
	}

	/* Sections/Articles */

		section,
		article
		{
			margin-bottom: 3em;
		}

		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
		}

		.row > section,
		.row > article
		{
			margin-bottom: 0;
		}

	/* Images */

		.image
		{
			display: inline-block;
		}

			.image img
			{
				display: block;
				width: 100%;
			}

			.image.featured
			{
				display: block;
				width: 100%;
				margin: 0 0 2em 0;
			}

			.image.full
			{
				display: block;
				width: 100%;
				/*margin-bottom: 2em;*/
				margin: 2em 2em 2em 2em
			}

			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}

			.image.right
			{
				float: right;
				margin: 0 0em 2em 2em;
			}

			.image.centered
			{
				display: block;
				margin: 2em 2em 2em 2em;
			}

				.image.centered img
				{
					margin: 20em 20em 20em 20em auto;
					width: 20em 20em 20em 20em auto;
				}
				.image.round img
			{  border-radius: 100%;}

	/* Lists */

		ul.default
		{
			margin: 5em;
			padding: 5em;
			list-style-type: square;
		}

			ul.default li
			{
				display: list-item;
				padding: 2em 0em 1.25em 2em;
				border-top: 1px solid #303030;
				list-style-type: square;
			}

			ul.default li:first-child
			{
				padding-top: 0em;
				border-top: none;
			}

			ul.default a
			{
				text-decoration: none;
				color: rgba(255,255,255,.5);
			}

			ul.default a:hover
			{
				text-decoration: underline;
			}

		ul.style1
		{
			margin: 0;
			padding: 0;
			list-style: square;
		}

			ul.style1 li
			{
				padding: 0.60em 0em;
				border-top: 1px solid;
				border-color: rgba(0,0,0,.1);
				list-style-type: square;
			}

			ul.style1 li:first-child
			{
				padding-top: 0;
				border-top: 0;
			}

			ul.style1 img
			{
			}


		ul.style2
		{
			margin: 0;
			padding: 0;
			list-style: none;
		}

			ul.style2 li
			{
				padding: 1.90em 0em 1.60em 0em;
				border-top: 1px solid;
				border-color: rgba(0,0,0,.1);
			}

			ul.style2 li:first-child
			{
				padding-top: 0;
				border-top: 0;
			}

			ul.style2 img
			{
				float: left;
				padding-right: 1em;
			}

		ul.style5
		{
			overflow: hidden;
			margin: 0em 0em 1em 0em;
			padding: 0em;
			list-style: none;
		}

			ul.style5 li
			{
				float: left;
				padding: 0.25em 0.25em;
				line-height: 0;
			}

			ul.style5 a
			{
			}
			/* Icons */
			ul.icons {
			  cursor: default;
			  list-style: none;
			  padding-left: 0; }
			  ul.icons li {
			    display: inline-block;
			    padding: 0 1em 0 0; }
			    ul.icons li:last-child {
			      padding-right: 0; }
			    ul.icons li .icon {
			      color: inherit; }
			      ul.icons li .icon:before {
			        font-size: 1.25em; }




	/* Buttons */

		.button
		{
			position: relative;
			display: inline-block;
			margin-top: 0.5em;
			padding: 0.50em 1.5em;
			background: #e95d3c;
			border-radius: 6px;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 1.1em;
			color: #FFF;
			font-family:'Garamond'
			-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			cursor: pointer;
		}

			.button:hover
			{
				background: #de3d27;
				color: #FFF !important;
			}

/*********************************************************************************/
/* Icons                                                                         */
/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io                 */
/* Licensed under the SIL OFL 1.1 (font), MIT (CSS)                              */
/*********************************************************************************/

/* Icon */
.icon {
  text-decoration: none;
  border-bottom: none;
  position: relative; }
  .icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400; }
  .icon > .label {
    display: none; }
  .icon:before {
    line-height: inherit; }
  .icon.solid:before {
    font-weight: 900; }
  .icon.brands:before {
    font-family: 'Font Awesome 5 Brands'; }
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		background:;
	}

		#header .container
		{
			position: relative;
			padding: 4em 4em 4em 4em;
		}
		#header .icons {
			text-align: right; }
			@media screen and (max-width: 736px) {
		    #header {
		      padding-top: 6.5em; }
		      #header .logo {
		        font-size: 1.25em;
		        margin: 0; }
		      #header .icons {
		        height: 5em;
		        line-height: 5em;
		        position: absolute;
		        right: -0.5em;
		        top: 0; } }


/* Banner */

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		position: absolute;
		left: 5%;
		top: 5%;
	}

		#logo h1
		{
		}

		#logo a
		{
			display: block;
			text-decoration: none;
			font-size: 2.8em;
			font-weight: 600;
			  font-family:'Garamond';
		}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		position: absolute;
		right: -23%;
		top: 5%;
		/*font-family:'Garamond'*/
	}

		#nav > ul > li
		{
			float: left;
		}

			#nav > ul > li:last-child
			{
				padding-right: 0;
			}

			#nav > ul > li > a,
			#nav > ul > li > span
			{
				display: block;
				margin-left: 0.7em;
				padding: 0.80em 1.2em;
				letter-spacing: 0.06em;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 1.1em;
				outline: 0;
				color: #fff;
			}

			#nav li.active a
			{
				background: #e95d3c;
				border-radius: 5px;
				color: #FFF;
			}

			#nav li.passive a
			{
				background: #6495ED;
				border-radius: 5px;
				color: #FFF;
			}

			#nav > ul > li > ul
			{
				display: none;
			}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		position: relative;
		padding: 12em 0em;
		background: url(../images/bannersocorro.jpg) no-repeat center;
		background-size: cover;
		color:;
	}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#page
	{
		position: relative;
		background: ;
	}

	#main
	{
		border-top: 1px solid;
		border-color: rgba(0,0,0,.2);
	}

	.sidebar header h2
	{
		font-size: 1.6em;
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		position: relative;
		color: rgba(255,255,255,.4);
	}

	#footer .container
	{
	}

	#footer h2
	{
		padding-bottom: 1.5em;
		font-size: 1.6em;
		color: #FFF;
	}

	#footer strong
	{
		color: rgba(255,255,255,.7);
	}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		position: relative;
		padding: 3em 0em;
		border-top: 1px solid #303030;
		letter-spacing: 1px;
		text-align: center;
		color: #000;
	}

	#copyright .container
	{
		color:#000;
	}

	#copyright a
	{
		text-decoration: none;
	 color:black;
	}

/*********************************************************************************/
/* Marketing                                                                     */
/*********************************************************************************/

	#marketing
	{
		position: relative;
		font-size: 2em;
	}

	#marketing header h2
	{
		font-size: 1.6em;
		background: #0000;
	}

	/*********************************************************************************/
	/* Featured                                                                      */
	/*********************************************************************************/

	#featured
	{
		position: relative;
		color: #000000;
	}

	#featured .divider
	{
		border-bottom: 0px;
	}

	#featured .box
	{
		background: #FFF;
		padding: 1.4em;
		font-size: 0.95em;
	}

	blockquote
	{
		margin: 0;
		padding: 0;
		border: none;
		font-style: normal;
	}



	.box {
		border: solid 0px #dbdbdb;
		margin-bottom: 2em;
		padding: 1.5em;
	}

	.box > :last-child,
	.box > :last-child > :last-child,
	.box > :last-child > :last-child > :last-child {
		margin-bottom: 0;
	}

	.box.alt {
		border: 0;
		border-radius: 0;
		padding: 0;
	}

	.box.person {
		border: solid 0px rgba(255, 255, 255, 0.25);
		padding: 3em 1.5em;
		font-size:150%";
	}

	.box.person h3 {
		margin: 0;
		text-align: center;
	}

	.box.person p {
		margin: 0;
		text-align: center;
	}


	.box.person .image {
		margin-bottom: 1em;
		width: 400px;
		display:block;
		margin-left: auto;
		margin-right: auto
	}

	/* Flex */

	.flex {
		display: -ms-flexbox;
		-ms-flex-pack: justify;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}

	.flex.flex-2, .flex.flex-3 {
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}

	.flex.flex-2.center, .flex.flex-3.center {
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}

	.flex.flex-2 .col {
		width: 48%;
	}

	.flex.flex-2 .col.col1 {
		width: 30%;
	}

	.flex.flex-2 .col.col2 {
		width: 66%;
	}

	@media screen and (max-width: 736px) {

		.flex.flex-2 .col.col1, .flex.flex-2 .col.col2 {
			width: 100%;
			margin-bottom: 2em;
		}

		.flex.flex-2 .col.col1 .image, .flex.flex-2 .col.col2 .image {
			max-width: 60%;
			margin: 0 auto 2em auto;
		}

	}

	.flex.flex-3 .col {
		width: 28%;
	}

	@media screen and (max-width: 736px) {

		.flex.flex-3 .col {
			width: 100%;
			margin-bottom: 2em;
		}

		.flex.flex-3 .col .image {
			max-width: 60%;
			margin: 0 auto 2em auto;
		}

	}

	.flex.flex-4 .col {
		width: 22%;
	}

	.flex.flex-tabs {
		-moz-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.flex.flex-tabs ul {
		width: 20%;
	}

	.flex.flex-tabs .tabs {
		width: 77%;
	}

	@media screen and (max-width: 980px) {

		.flex.flex-4 .col {
			width: 48%;
		}

		.flex.flex-tabs ul {
			width: 30%;
		}

		.flex.flex-tabs .tabs {
			width: 67%;
		}

		.flex.flex-tabs .flex-3 .col {
			width: 48%;
		}

	}

	@media screen and (max-width: 736px) {

		.flex.flex-2 .col, .flex.flex-3 .col, .flex.flex-4 .col {
			width: 100%;
			-moz-order: 2;
			-webkit-order: 2;
			-ms-order: 2;
			order: 2;
		}

		.flex.flex-2 .col.first, .flex.flex-3 .col.first, .flex.flex-4 .col.first {
			-moz-order: 1;
			-webkit-order: 1;
			-ms-order: 1;
			order: 1;
		}

		.flex.flex-tabs {
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}

		.flex.flex-tabs ul {
			width: 100%;
		}

		.flex.flex-tabs .tabs {
			width: 100%;
		}

		.flex.flex-tabs .flex-3 .col {
			width: 100%;
		}

	}






	.balloon {
		padding: 1.87em;
		background: url(images/img08.jpg) repeat left top;
		border-radius: 5px;
		line-height: 180%;
		font-size: 1.5em;
		color: #333;
	}

	.ballon-bgbtm {
		height: 1.87em;
	}

	.balloon strong
	{
		color: #333 !important;
	}