body{
	    background-image: url(../images/background-ceweb.png);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
   margin: 0px;
    background-color: #fff;
	    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    padding: 0px;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

}



aside{
	margin-bottom: -20px;
	margin-top: 20px;
	background-color: white;
	padding-bottom: 20px;
	clear: left;
}

aside.home-dest{
float: right;
background-color: blue;
height: 520px;
overflow: hidden;
padding: 20px;
background: url(../images/destaque.jpg);
background-position: top left 500px;
border: 1px solid #069;
background-size: 700%;
}

aside.home-dest a{
	display: block;
	background-color: #069;
	text-align: center;
	vertical-align: middle;
	padding: 40px 5px 10px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	box-shadow: 5px 5px 5px silver;
}

p.home-dest{
	background-color: navy;
	text-align: center;
	color: white;
	padding: 5px;
}

p.home-dest a{
	color: orange;
}

p.home-dest a:hover,
p.home-dest a:focus{
	color: white;
	background-color: blue;
}





h1{
	margin-bottom: 0px;
	margin-top: 0px;
}

img[src="../images/logo_ingles.png"]{
	margin: 10px;
}

h2{
	clear: left;
	padding-top: 20px;
}

h4, h3{
	padding-top: 20px;
}

a, a:active{
	color: black;
}

nav {
	float:left;

}

ul.related{
	text-align: center;
	background-color: silver;
	margin: 0px -20px;
	padding-bottom: 7px;

	
}

ul.related li{
	display: inline;
	margin: 0px 20px 0px 0px;
	white-space: nowrap;
	vertical-align: bottom;
}

ul.related li a{
	vertical-align: bottom;
	padding: 5px;
}

ul.related li a:hover,
ul.related li a:focus  {
		background-color: #06C;
		color: white;
	}

article{
	padding: 0px 20px;
	background: white;
}

footer{
background: #353535;
    position: relative;

}

.container {
    background: #fff;
	width:90%;
	margin-left:auto;
	margin-right:auto;

}

.container-main {
    background: white;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	height: auto;


}

.container-footer {
    background: #333;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	height: auto;
	display:block;
	overflow: auto;
}

.iniciativa {
		color: #333;
		font-weight: normal;
		margin: -130px 120px 0 0;
		text-align: right;
		width:320px;
		float: right;
		display: inline;
		
	}
	
	.apoio	 {
		color: #333;
		font-weight: normal;
		margin: -130px 20px 0 0;
		text-align: right;
		width:120px;
		float: right;
		
	}
	
	.iniciativa ul, .apoio ul {margin: 0;}

	.iniciativa ul li, .apoio ul li {display: inline;}


	.ir-conteudo {
		text-align: right;
		font-size: 80%;
		margin-left:auto;
		margin-right: auto;
		width: 90%;

	}

	.ir-conteudo a{
		color: white;
		padding-left: 20px;
	}
	
nav{
width: 100%;
background-color: black;
text-align: center;

}

.menu ul
{margin: 0;
padding: 0;
line-height: 60px;
background-color: black;

}

	.menu li{
		background: black;

		list-style: none;
		margin:0;
		display: inline;
		height: 15px;
		
		margin-bottom: 20px;
		white-space: nowrap;
}
		

	.menu ul a{
		padding: 8px 0;
		text-decoration: none;
		color: white;
		padding: 7px 15px;
	}

	.menu ul a:active{
		background: #06a;
		
	}


	.menu ul li a:hover,
	.menu ul li a:focus  {
		background-color: #06C;
		color: white;
	}



.imgHome1 {
		background-image: url(../images/imgHome2.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
		float: left;
		margin: 20px 40px 20px 0px;
		width: 100%;
		max-width: 600px;
	}
	/* Apoio */



	.parceria h3{
		background-color: #069;
		color: #FFF;
		text-align: left;
		padding: 4px 4px 4px 10px;
		font-weight: bold;
	}

	.parceria li{
		text-align: center; 
		display: inline;
	}

}




@media (min-width: 1068px){

.iniciativa {
		color: #333;
		font-weight: normal;
		margin: -130px 120px 0 0;
		text-align: right;
		width:320px;
		display: none;
		
	}

	h1{
	height: 220px;
}

}

/* MOBILE */
@media (min-width: 767px) and (max-width: 1067px) {
	h1{
	text-align: center;
	}

	.cont-logos{
width: 400px;
height: 100px;
text-align: center;
margin-left: auto;
margin-right: auto;
	}
	.iniciativa, .apoio{
		text-align: center;
		float: left;
		margin: auto;
		width: auto;
	}

	.apoio{
		margin-left: 80px;
	}


	.iniciativa ul, .apoio ul{
		padding: 0px;
		margin: 0px;
	}

	.img-responsive{
		width: 100%;
	}

}

@media (min-width: 0px) and (max-width: 768px) {

body{
	min-width: 300px;	
}

	h1{
	text-align: center;
	margin-bottom: 0px;
	}

.cont-logos{
width: 360px;
text-align: center;
margin-left: auto;
margin-right: auto;
	}

.iniciativa, .apoio{
		text-align: left;
		float: none;
		padding-bottom: 0px;
		display: inline;
	}

	.iniciativa p, .apoio p{
		margin: 0px;
		margin-left: 5px;
	}
.iniciativa{
	width: auto;

	}
	.apoio{

		margin-bottom: 0px;


	}

	.iniciativa ul, .apoio ul{
		padding: 0px;
		margin-left: 5px;
	}
	.apoio-slti,
	.logo, 
	.img-responsive{
		width: 90%;
	}


	nav{
		float: none;
	}
	.menu ul{

width: 100%;
text-align: center;

}
}