@charset "utf-8";

@font-face { font-family: 'Fonte01'; src: url(../_font/georgia-4.ttf);}

body {	margin:0 auto 0 auto; padding:0px;	background-color: #FFF; color: #000;}
p {	text-align: center; font-family: 'Fonte01'; color:#33475B; font-size:3em;}
a { text-decoration:none; color:#666;}
ul{ list-style:none;}

.interface{ display:block; float:left; position:relative; width:100%; background:#FFF; margin:0;}

@media screen and (min-width:320px){
	
.inicio{ float:left; width:100%; margin:70% 0; padding:5% 0%; background-color:#fff; position:fixed; bottom:0;}
.logo{ float:left; width:15%; margin:5% 5%;}
.inicio h1{float:left; width:90%; margin:5% 5% 0 5%; color:#000; font-family: 'Fonte01'; font-size:1.1em; font-weight:normail; text-align: left;}
.inicio h2{float:left; width:90%; margin:5% 5% 0 5%; color:#000; font-family: 'Fonte01'; font-size:1.0em; font-weight: 300; text-align: left;}

	
		}
	
	
	
@media screen and (min-width:480px){

.inicio{ width:80%; margin:55% 0; }

}
	
@media screen and (min-width:600px){

.inicio{ width:60%; margin:40% 0; }

	}

	
@media screen and (min-width:900px){

.inicio{ width:35%; margin:30% 0; }

}

@media screen and (min-width:1240px){

.inicio{ width:70%; margin:15% 0; }
.logo{ width:8%; margin:5% 5% 0 5%;}
.inicio h1{ font-size:2.0em;}
.inicio h2{margin:2.5% 5% 0 5%;font-size:1.2em; }
}

@media screen and (min-width:1380px){

.inicio{ width:65%; margin:13% 0; }

}

@media screen and (min-width:1500px){

.inicio{ width:70%; margin:13% 0; }



}

@media screen and (min-width:1520px){
	
.inicio{ width:70%; margin:13% 0; }

}