/*     Mobile (<= 480px)    */

/* Basic */

::-webkit-scrollbar {
    display: none;
}

.tt	{
		font-family: 'Open Sans Condensed', sans-serif;
		color: #478903;

	}

.bloque {
text-indent: 50px;
text-align: 50px;
}
ul {
     padding-left: 0px;
}


/* Wrappers */

	#header-wrapper {
		display: none;
	}

	#main-wrapper {
		background: #fff ;
		padding: 0 0 0.25em 0;
		margin-top: 0px;
	}

		#main-wrapper section, #main-wrapper article {
			margin: 2px 1em 2px 1em;
			padding: 1.5em 0 1.5em 0;
		}




/* Mobile UI */
.logo
{
box-shadow: 0px -8px 40px 8px rgba(0,0,0,0.4);
-moz-border-radius:4px;
-moz-box-shadow: 0px -8px 40px #777;
-webkit-box-shadow: 0px -8px 40px #777;
}

	.mainlogo {

box-shadow: 0px 8px 10px 0px rgba(26,23,27,0.46);
-moz-border-radius:8px;
-moz-box-shadow: 0px 8px 10px 0px rgba(26,23,27,0.46);
-webkit-box-shadow: 0px 8px 10px 0px rgba(26,23,27,0.46);



}

	#titleBar
	{

			color: #fff;	
		
	}

		#titleBar .title
		{
			color: #fff;			
			
		}
		
			#titleBar .title h1
			{
				color: #fff;
			}

		#titleBar .toggle
		{
			position: absolute;
			top: 0;
			left: 0;
			background: 
url('images/mobileUI-site-nav-opener-bg.png') top center no-repeat;
			text-indent: -9999px;
			width: 60px;
			height: 60px;
			opacity: 1.0;
		}

		#tittleBar .toggle:active
		{
			opacity: 1.0;
		}

	#navPanel
	{

		background: #4e6129 url('../images/bg3_mobile.webp') top left repeat-x;
		box-shadow: inset -5px 0px 60px 0px rgba(0,0,0,0.25);
		padding: 1em 0 1em 0;
	}

		#navPanel .link
		{
			text-shadow: -1px -1px 0 rgba(0,0,0,0.25);
			color: #fff;
			text-decoration: none;
			font-size: 1.4em;
			padding: 0.5em 1em 0.5em 1em;
		}


/* Banner */

	#banner
	{
		width: 100%;
		margin: 0 0 1em 0;
		position: relative;
		top: -0.25em;
	}

		#banner a
		{
		}

			#banner a img
			{
				width: 100%;
				display: block;
			}

		#banner .caption
		{
			background: #4e6129 url('images/banner1.webp') top left repeat-x;
			font-size: 1.25em;
			line-height: 1.5em;
			color: #aaa;
			text-align: center;
			text-shadow: -1px -1px 1px rgba(0,0,0,1);
			padding: 0.75em 1.5em 1em 1.5em;
		}

			#banner .caption span
			{
				display: block;
				margin: 0 0 0.75em 0;
			}
		
				#banner .caption span strong
				{
					color: #ffffff;
				}

			#banner .caption .button
			{
				border: solid 1px #001916;
				display: inline-block;
			}



/* Bannerit */

	#bannerit
	{
		margin: 0 0 3em 0;
	}

		#banner a
		{
		}

			#banner a img
			{
				width: 100%;
				display: block;
			}

		#banner .captionit
		{
			background: #4e6129 url('images/banner1.webp') top left repeat-x;
			font-size: 1em;
			color: #aaa;
			text-align: center;
			text-shadow: -1px -1px 1px rgba(0,0,0,1);
			padding: 2.6em 0 2.6em 0;
		}

			#banner .captionit span
			{
			}
			
				#banner .captionit span strong
				{
					color: #ffffff;
				}
		
			#banner .captionit .button
			{
				border: solid 1px #001916;
				margin-left: 0.8em;
			}

/* Copyright */

	#copyright
	{
		text-align: center;
		font-size: 0.5em;
		color: #868686;
		padding: 2em;
		}
		

		#copyright a
		{
			color: #868686;
		}




/* Reusable */

	.button
	{
		padding: 0.25em 1.1em 0.3em 1.1em;
	}