@charset "UTF-8";
/* CSS Document */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #dWrap {height: 100%;}

body > #dWrap {height: auto; min-height: 100%;}

#main {
	padding:0 0 124px 0;
	width:100%;
	margin:0 auto;
}  /* must be same height as the footer */

#footerBox {
	position: relative;
	margin-top: -124px; /* negative value of footer height */
	height: 124px;
	clear:both;
} 

/* CLEAR FIX*/
.clearfix:after {content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ================================================== GENERAL STARTS ================================================== */

html { 
  background: url(/mobile/images/bg1.png) no-repeat center center fixed #c1e67e; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

body {
	-webkit-text-size-adjust:none;
	font:16px/20px normal Arial, Helvetica, sans-serif;  
}

img { border:0; }


.bottomShadow { 
	-webkit-box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999; 
	box-shadow: 0 8px 6px -6px #999; 
}

/* ================================================== GENERAL FINISH ================================================== */

h1{}
h2{color:#34b233;}
p, ul{margin-bottom:8px;}

/* ================================================== HEADER  STARTS ================================================== */

header { display:block; overflow:hidden; height:115px; padding:10px; text-align:center; background:#000 url(/mobile/images/bg.png); }

.logo { 
	display:block; overflow:hidden; width:280px; height:115px; text-indent:-9999px; margin:0 auto;
	background:url(/mobile/images/mobile-logo_top.png) center no-repeat;
}

.cFloatH{float:left; width:49%;}
#dTorso ul, #dTorso ol{margin-left:20px;}

/* ================================================== HEADER  FINISH ================================================== */
/* Slides */
#dVisual {display:block; overflow:hidden; margin-bottom:5px; }
#slides {display: none}
/* Center the slideshow */
 
#slides a img {width:100%; height:auto;}
/* Show active item in the pagination */
.slidesjs-navigation{display:none;}
.slidesjs-pagination{z-index:60;position:relative; float:right;  margin-top:-20px;}

.slidesjs-pagination li{float:left;	margin:0 1px; list-style:none; background:none !important; width:14px; height:14px;} 
.slidesjs-pagination li a{display:block; width:12px; height:0; padding-top:12px; background:#d1dce2; text-decoration:none; overflow:hidden;	margin:0 auto; display:inline-block;
						  border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px;} 
.slidesjs-pagination .active {background:#4b4b4b; }
 
@media (max-width: 480px) { 

.slidesjs-pagination{z-index:60;position:relative; float:right;  margin-top:-20px; margin-right:5px;}
.slidesjs-pagination li{width:6px !important; height:6px !important;}
.slidesjs-pagination li a{width:6px; height:0; padding-top:6px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
 
}


/* ================================================== dTorso STARTS ================================================== */

#dTorso { display:block; overflow:hidden; padding:10px 1%; position:relative; margin:1% 2%; background:#fff; height:98%; width:94%; }

 

nav { display:block; overflow:hidden; margin:0 0 20px 0; padding:0 0 20px 0; }
nav ul { 
	display:block; overflow:hidden; padding:0; margin:0;
	border:1px solid #CCC; -webkit-box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999; 
	box-shadow: 0 8px 6px -6px #999; border-radius:5px;
}
nav li { 
	display:block; overflow:hidden; background:#FFF; font-size:110%; padding:0; margin:0;
	border-top:1px solid #FFF; border-bottom:1px solid #CCC; line-height:30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#efefef));
	background: -moz-linear-gradient(top, #fcfcfc, #efefef); 
}
nav li a { 
	display:block; color:#000; padding:10px 25px 10px 10px; text-shadow:#FFF 0 1px 1px;
	text-decoration:none; font-weight:bold; margin:0;
	background:url(/mobile/images/go_arrow.png) 97% 50% no-repeat;
}
nav li:first-child { border-radius:5px 5px 0 0; }
nav li:last-child { border-radius:0 0 5px 5px; border-bottom:0; }


#mainContent { 
	display:block; overflow:hidden; margin:0 0 10px 0; padding:0 1%;
	text-shadow:#FFF 0 1px 1px; font-size:13px;  
}
#mainContent h1 { 
	display:block; overflow:hidden; font-size:22px; line-height:25px; margin:0 0 15px 0;
}
#mainContent h2 { display:block; overflow:hidden; font-size:16px; margin:0 0 10px 0; }
#mainContent p { display:block; overflow:hidden; margin:0 0 10px 0; }
#mainContent .image { display:block; overflow:hidden; margin:0 auto 20px auto; max-width:600px; }
#mainContent .image img { width:100%; }

 

/* ================================================== dTorso FINISH ================================================== */


/* ================================================== FOOTER  STARTS ================================================== */



footer { color:#CCC; border-top:1px solid #474747;  }

.topFooter { 
	display:block; overflow:hidden; height:45px; padding:10px 0; 
	background:#29221c;
	border-bottom:1px solid #2a1b0f;
}

.topFooter .button { 
	display:block; text-align:center; color:#fff; font-size:1.2em; font-weight:bold; float:left;
	border-radius:4px; padding:0; text-shadow:#005300 0 1px 1px; line-height:45px; vertical-align:central;
	background:#1AB31A;  width:46%; margin:0 2%;
}
.topFooter .button a { display:block; color:#fff; text-decoration:none; }

.bottomFooter { 
	display:block; overflow:hidden; height:35px; padding:10px 0; font-size:11px;
	background:#211e1c;
	border-top:1px solid #4e4e4e;
}
.bottomFooter p { display:block; overflow:hidden; text-align:center; line-height:17px; width:96%; margin:0 2%; color: #E9DECB;}
.bottomFooter p a { color: #E9DECB; }