html { height: 100%;} 
    body {background: #E2E4E7; padding: 0; text-align: center; position: relative;margin: 0; height: 100%;  }
	a {text-decoration: none;}
    .wrapper {height: 100% !important;height: 100%;margin: 0 auto; overflow: hidden;}
	
    h1, h2 {width: 100%;float: left;}
    h1 {margin-top: 100px;margin-bottom: 5px;font-size: 70px; letter-spacing: -4px; font-weight: 100;color: #F38E28;text-shadow: 0 0 0.2em #000, 0 0 0.2em #000000, 0 0 0.2em #000;}
	h2 { font-weight: 100;margin-top: 0;margin-bottom: 10px;color:#FFF; font-size: 24px; text-shadow: 0 0 0.2em #000, 0 0 0.2em #000000, 0 0 0.2em #000;}
    .js {background-color: rgba(255, 255, 255, 0.12); width: 100%; height: 100%;}
    .main {float: left;width: 100%;margin: 0 auto;}
    .main h1 {padding:150px 50px; float: left;width: 100%;font-size: 45px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-weight: 100; margin: 0;}
   
    .btn {width: 200px;color: rgb(255, 255, 255);border: 4px solid rgb(0, 0, 0);background: rgba(3, 3, 3, 0.75);}
    .clear {width: auto;}
    .btn:hover, .btn:hover {background: #444; }
    
    .credit {text-align: center;color: #FFF;padding: 10px;width: 810px;clear: both;}
    .credit a {color: #FFF;text-decoration: none;font-weight: bold;text-align: center;}
	
	.header {width:100%; height:60px; position:absolute; display: block;top:0px;z-index:9950;border-bottom-color: rgba(255, 255, 255, 0.15); background-color: rgba(255, 255, 255, 0.15);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);}
	.footer{width:100%; height:65px; position:absolute; display: block;bottom:0px;z-index:9950;}
	
    .main section .page_container {position: relative; top: 10%; margin: 0 auto 0; max-width: 1100px; z-index: 3;}
    .main section {overflow: hidden;}
    .main section > img {position: absolute;max-width: 100%;z-index: 1;}
    
	/* PAGE 1*/
    .main section.page1 { background:url(../images/background_01.jpg) no-repeat center center;}
    .main section.page1 h1 {text-align: left; padding:0px;margin-bottom: 15px;font-size: 70px; padding-left: 80px; }
    .main section.page1 h2 {text-align: center; width: 650px;line-height: 160%;font-size: 24px;padding-left: 80px;}
	
	/* PAGE 2*/
    .main section.page2 { background:url(../images/img01.jpg) no-repeat center center;}
    .main section.page2 h1 {text-align: left; padding:0px;margin-bottom: 15px;font-size: 70px; padding-left: 80px; }
    .main section.page2 h2 {text-align: center; width: 650px;line-height: 160%;font-size: 24px;padding-left: 80px;}
	
	/* PAGE 3*//*.main section.page3 > img {position: absolute;top: -300px;left: 50%;margin-left: -1095px;}*/
    .main section.page3 { background:url(../images/img02.jpg) no-repeat center center;}
    .main section.page3 .page_container {margin-top: 140px; overflow: hidden; width: 840px;}
    .main section.page3 h1 { text-align: center; padding: 0;margin-bottom: 15px;font-size: 70px;letter-spacing: -1px;}
    .main section.page3 h2 { line-height: 160%;font-weight: 100;font-size: 24px;}
	
	/* PAGE 4*/
	.main section.page4 {background:url(../images/img03.jpg) no-repeat center center;}
    .main section.page4 .page_container { width:100%;}
    .main section.page4 h1 {text-align: left;padding: 0;margin-bottom: 0;font-size: 72px;letter-spacing: -1px; }
    .main section.page4 h2 {line-height: 160%;font-weight: 100;font-size: 23px;}
    
	/* PAGE 5*/
	.main section.page5 {background:url(../images/img04.jpg) no-repeat center center;}
    .main section.page5 .page_container {margin-top: 10px;overflow: hidden;width: 900px}
    .main section.page5 h1 {text-align: left;padding: 0;margin-bottom: 0;font-size: 72px;letter-spacing: -1px; }
    .main section.page5 h2 {text-align: left;line-height: 160%;font-weight: 100;font-size: 23px;width: 900px}
	
	/* PAGE 6*/
	.main section.page6 { background:url(../images/img05.jpg) no-repeat center center;}
    .main section.page6 h1 { text-align: center; padding: 0;margin-bottom:18px;font-size:68px;letter-spacing: -2px;}
	.page_container2{margin-top: 0px;padding: 66px 40px 0px 40px;height: 100%;}
	
	/* PAGE 7*/
	.main section.page7 { background:url(../images/img06.jpg) no-repeat center center;}
    .main section.page7 h1 { text-align: center; padding: 0;margin-bottom:18px;font-size:68px;letter-spacing: -2px;}
	.main section.page7 h2 {font-size: 24px;}
	.page_container{height: 100%;}
	
	ul.vineta1 {list-style-image: url('../images/vinetao.png');}
	li.vineta1{ padding-bottom:15px;}
	
	.classli{padding-bottom:12px; text-shadow: 0 0 0.2em #000, 0 0 0.2em #000000, 0 0 0.2em #000;font-size: 21px;}
	.classli1{padding-bottom:15px; text-shadow: 1px 3px 11px #000,-5px -5px 11px #000,0px 5px 11px #000;}
	.subTitle{color:#F38E28;font-size:34px;text-shadow: 0 0 0.2em #000, 0 0 0.2em #000000, 0 0 0.2em #000;}
	.classTitle{font-size: 40px; font-weight: normal; margin: 0;color: #F38E28;text-shadow: 0 0 0.2em #000, 0 0 0.2em #000000, 0 0 0.2em #000;}
	#col3 { float:right; z-index:150;color:#FFF; width:32%;}
	#col1 { float:left; z-index:150;color:#FFF; width:32%;}
	#col2 { float:left; z-index:150;color:#FFF; width:35%;}
	
	.button, .buttonOff { display: inline-block;outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: 6px ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #F38E28; color: #FFF !important; border: 0; width:90px; height:28px;  }
	.button:hover, .buttonOff:hover { color: #FFF !important;}
	.classbox{width:80px;height:24px;border-radius:5px; background-color: rgba(255,255,255,0.65);color:#000; padding-left:8px;}
	
	#gps1{width:280px; height:127px;}
	#gps2{width:230px; height:134px; padding:20px 30px 20px 0px;}
	#gps3{width:240px; height:144px;}
	::-webkit-input-placeholder {color:#000;}