@charset "UTF-8";

body{
	/*background: #003162 url(../img/bg-interno.png);*/
	background: #cdcdcd url(../img/bg-interno.png);
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 100px;
}

p{
	margin-bottom: 10px;
}

h1{}

h2{}

h3{}

.full{
	width: 100%;
}

#wrapper{
	background: #fff;
 	outline: 5px solid #f48033;
    outline-offset: 0px;
}

.divisor{
	margin: 0;
	padding: 0;
	border-color: #da6e26;
}

.divisor2{
	margin: 0;
	padding: 0;
	border-color: #ffa264;
}

#und-tj{
	background: url(../img/bg-und-tj.jpg) repeat-y center top;
}

#topo{
	background: #fff;
}

#marca h1{
	text-align: center;
	color: #003162;
}

#recreio, #jpa, #tijuca{
	padding: 15px 0 10px 15px!important;
	color: #fff;
}

#recreio img, #jpa img, #tijuca img{
	transition: all .20s linear;
}

#recreio:hover img, #jpa:hover img, #tijuca:hover img{
	padding-left: 10px;
}


#recreio a,
#jpa a,
#tijuca a{
	color: #fff;
	font-weight: bold;
	padding: 10px;
	text-decoration: underline;
}

#recreio{
	background: #f48034;
}

#jpa{
	background: #b7393e;
}

#tijuca{
	background: #002448;
}

#login{
	border-top: 1px solid #CACACA;
	background: #f48033;
	color: #fff;
	position: relative;
	z-index: 9;
}

#login p{
	font-size: 18px;
}

#login input{
	border-radius: 2px;
}

input.btn{
	background: #C0C0C0;
	border: none;
	color: #222;
	margin-right: 25px;
	padding: 8px;
	border-radius: 2px;
}

#sidebar{	
	height: 100%;
	background: #f0f0f0;
	border-right: 1px solid #e3e3e3;
	padding-bottom: 15px;
	border-bottom: 1px solid #e3e3e3;
}

#sidebar ul{
	margin-left: 0!important;
	border-top: 1px solid #fff;
	box-shadow: 0px -1px 0px #d0d0d0;
}

#sidebar li{
	list-style-image: url(../img/bullet.png)!important;
	list-style: inside; 
	line-height: 40px;
	border-bottom: 1px solid #d0d0d0;
	box-shadow: 0px 1px 0px #fff;
	transition:all .20s linear;
}	
#sidebar li:hover{
	padding-left: 10px;
	text-shadow: 1px 1px 1px #aaa;
}

#sidebar h3{
	border-radius: 3px;
	padding: 5px 8px;
	font-size: 20px;
	background: #f48033;
	color: #Fff;
	margin: 25px 0;
	text-align: center;
	box-shadow: 0px 2px 1px rgba(0,0,0,0.5);
}

#conteudo{
	background: #fff;
}	

#conteudo h2{
	font-size: 30px;
	color: #555;
	margin-top: 25px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
}

#footer{
	background: #f48033;
	color: #fff;
	padding: 15px 0;
}
	#footer ul{
		margin: 0;
	}

	#footer li{
		list-style: none;
		display: inline;
		margin-right: 10px;
		transition: all .30s linear;
	}

	#footer li:hover{
		opacity: 0.7;
	}

@media only screen and (max-width:768px) {
	
}


@media only screen and (max-width:640px) {
		
	#recreio, #jpa{
		text-align: center;
	}

	#login{
		padding-bottom: 15px;
	}

}