@media only screen and (max-width:960px){                 /*tablet 10 polegadas entra aqui*/

	
	#navigation {
		width: 98% !important;
	}
	
	#navigation ul {
		padding: 0.5em !important;
	}
	
	#navigation ul li {
		display: inline-block;
	}
	
	#content {
		width: 98% !important;
	}
	
	.responsive {
		visibility: visible !important;
	}
	
	#navigation ul li.heading {
		margin-bottom: 0em !important;
	}
}


body {
	padding: 0px;
	margin: 0px;
	font-weight: 400;
	font-family: Helvetica, Arial;
	background-image: url("images/background.png");
	background-repeat: repeat;
}

a, .linkStyle {
	color: #2a8443;
	font-weight: bold;
	cursor: pointer;
}

.fullcol {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.green {
	background-color: rgb(0,122,76);
}

.responsive {
	visibility: hidden;
}

#head {
	border-bottom: 1px solid black;
	background-color: rgb(0,122,76);
	background-image: url("images/head.png");
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: top;
}

#head img {
	padding: 2em;
	color: transparent;
	border: 0px;
	margin: 0px;
}

#navigation {
	width: 18%;
	margin: 1%;
	float: left;
	background: white;
}

#navigation ul {
	margin: 0px;
	padding: 1em;
}

#navigation ul li {
	list-style-type: none;
	padding: 5px;
}

#navigation ul li:hover {
	border-bottom: 2px solid rgb(0,122,76);
	padding-bottom: 3px;
}

#navigation ul li.no_hover {
	border: none;
	padding: 5px;
}

#navigation ul li.heading {
	color: grey;
	font-weight: bold;
	margin-bottom: 1em;
}

#navigation ul li a {
	text-decoration: none;
}

#content {
	width: 78%;

	margin: 1%;
	float: right;
	background: white;
}

#content iframe {
	border: none;
	width: 100%;
	
	height: 800px;
	margin: 0px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}