@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic");
html,head,header,body,div,nav,h1,button,h4 {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;	
		font-family: "Source Sans Pro", sans-serif;
		font-weight: 300;
		width: 100%;
		overflow-x: hidden;
		max-width: 100%;
		background-color: #EEE;
	}

button {
	color: #FFF; background-color: #505;
	border-radius: 3px; border-color: #FFF; border: 2px; width: 150px; height: 40px; padding: 10px;
	cursor: pointer; text-decoration: none;
}

#page {width: 100%;}

.menu {display: none;}
.header {display: none;}


.slider{
margin: 0; width: 100%; height: 50em; top: -35px; background-position: top left, center; margin-bottom: 50px;
}
.button_slide_left  { top:50%; float: left; position: absolute;left: 5%; cursor: pointer;
	width: 20px; height: 20px; line-height: 20px; background-color: rgba(0,0,0,0); color:#FFF;}
.button_slide_right { top:50%; float: right; position: absolute;left: 95%; cursor: pointer;
	width: 20px; height: 20px; line-height: 20px; background-color: rgba(0,0,0,0); color:#FFF;}
.slider h4 {width:90%;top:30%; left: 5%; font-size: 1em; color: #FFF;  position: absolute; font-weight: bold; 
	background-color: transparent;
}
.slider h1 {width:90%;top:33%; left: 5%; font-size: 1.5em; color: #FFF;  position: absolute; font-weight: bold;
	background-color: transparent;
}
.slider button {top:60%; left: 5%; position: absolute;
}

#slider1{
	display: block;background-image: url("../img/overlay1.png"),url("../img/slider1.jpg");
	background-size: cover; background-repeat: no-repeat; background-position: center center;
}
#slider2{
	display: none;background-image: url("../img/overlay2.png"),url("../img/slider2.jpg");
	background-size: cover; background-repeat: no-repeat; background-position: center center;
}
#slider3{
	display: none; background-image: url("../img/overlay3.png"),url("../img/slider3.jpg");
	background-size: cover; background-repeat: no-repeat; background-position: center center;
}
#slider4{
	display: none;background-image: url("../img/overlay4.png"),url("../img/slider4.jpg");
	background-size: cover; background-repeat: no-repeat; background-position: center center;
}
#footer {
	margin: 0; background-color: #777; position: relative; top: 0px; height: 300px;
}
#footer div a{
	background-color: #777; 
}
.datafiscal { width: 35px; height: 50px; position: relative; top: 20px; left: 90%;
}
#sitemap {font-size: .8em; margin-left: auto; margin-right: auto; position: relative;
	float: center; text-align: center; top: 10px;
	background-color: #777;
}
#sitemap a {text-decoration: none; color: #DDD; background-color: #777; margin: 10px;}
.section-main{
	text-align: center; width: 100%;
}
.section-main h1 {width: 100%; font-size: 1.5em; text-align: center;}
.section-container {
	width: 100%; display: block; position: relative; margin-bottom: 50px; margin-top: 50px; height: auto;
}
.section { width: 90%; margin: 5%; border: 1px; border-color: #EEE; 
	border-style: solid; border-radius: 10px; float: center; position: relative;
	background-color: #FFF; height: 600px; font-size: 16px;
}
.section h1 {top: 0px; font-size: 1.5em; background-color: #FFF;}
.section p {text-align: justify; padding: 10px; color: #333;}
.section img {width: 100%; height: 45%; border-top-right-radius: 10px; border-top-left-radius: 10px;}    
.section-alone {
	width: 90%; margin: 5%; border: 1px; border-color: #EEE; border-style: solid; border-radius: 10px;  position: relative;float: center;
	display: inline-flex; background-color: #FFF;
}
#cleft { width: 50%; background-color: #FFF;
	border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}
#crigth { width: 50%; background-color: #FFF; border-radius: 10px;}
.section-alone img { width: 100%; position: relative;float: left; border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}
.section-along form {width: 100%; position: relative; float: right;}
.section-alone input {
	position: relative; float: center; margin: 10px; height: 30px; width: 90%;
	border: 1px; border-style: solid; border-color: grey; font-size: 16px;
	background-color: #EEE;
}
.section-alone textarea { width: 90%; resize: none; margin: 10px; height: 100px; font-size: 16px;
	border: 1px; border-style: solid; border-color: grey; font-size: 16px; background-color: #EEE;
}
.section-alone button {
	width: 25%; margin: 20px;
}
@media only screen and (min-width: 768px) {
	.header {
		display: block; width: 100%; color: #000; background-color: rgba(255,255,255,1);
		position: relative; height: 50px; overflow-y: hidden;
	}
	.header img {
		height: 24px; top: 0px;
		position: absolute; float: center;
		position: relative; padding: 5px; left: 10px;
		background-color: rgba(255,255,255,1);
	}
	.menu {
		background-color: #FFF; float: right; position: relative;
		display: block; list-style: none; margin:0; width: 100%; float: right;
		background-color: rgba(255,255,255,0);
	}
	.header p {
		position: relative; float: center; top: -15px; display: inline-block;
		font-size: 0.7em; padding: 10px; line-height: 40px;
	}
	.header a {text-decoration: none; color: #000;}
	.header nav {
		width: 100%;
		position: absolute;
		text-align: right;
		top: 0;
		vertical-align: middle;
		background-color: rgba(255,255,255,0);
	}
	.header nav > ul {
		list-style: none;
    	margin: 0;
    	padding-left: 0;
	}
	.header nav > ul > li {
		display: inline-block;
	    padding-left: 0;
	}
	.header li a {
		list-style: none; position: relative; float: right;
		text-decoration: none; margin-right: 10px; top:0px;
		background-color: #FFF; color: #777; line-height: 35px;
		font-size: .8em;
	}
	.slider h4 { top: 60%;  font-size: 1em;}	
	.slider h1 {top: 66%; font-size: 2em;}
	.slider button { top: 80%; }
    .section {width: 30%; margin: 1.66%;}
    .section-container {display: inline-flex;}	
}