/*________________estrutura____________ */
html, body {
    margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica,"sans-serif";
}

img {
	border: 0;
}

.container {
	width:100%;
	height:100%;
	background:url('../images/img_2.jpg') top center repeat-x;

}

.cab {
	position: relative;
	top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	min-height: 130px;
	height: auto;
	overflow: hidden;	
}
.conteudo {
	position:relative;
	top:10px;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}

.content-push {
	height: 60px;
}

.rodape {
	position:relative;
	clear:inherit;
	top:auto;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:60px;
	background-color: #153923;
	margin-bottom: 0px;
	bottom: 0px;
}

.textoroda {
	position:relative;
	clear:inherit;
	text-align:center;
	width:100%;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 15px;
	opacity: 1.0;
	filter:alpha(opacity=100);
}

/*___________cabecalho____________*/

.logo {
	position:absolute;
	float:left;
	left:15px;
	top:5px;
	width:320px;
	height:45px;
}
#caixabusca{
    margin-right:50px;
	position:relative;
	float: right;
	width:400px;
	height:30px;
	padding:5px 5px 5px 3px;
}
#menu {
	list-style:none;
	width:640px;
	height:30px;
	margin-right:20px;
} 
#menu .activo {
	width:130px;
	height:30px;    
    -moz-border-radius: 10px 10px 0px 0px;  
    -webkit-border-radius: 10px 10px 0px 0px;  
	border-radius: 10px 10px 0px 0px;  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEE9C3), to(#91C84B));
	background: -moz-linear-gradient(top, #DEE9C3, #91C84B);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEE9C3), to(#91C84B)); 
	background: -ms-linear-gradient(top, #DEE9C3 0%, #91C84B 100%); /*IE 10*/
    border: 0px solid #91C84B;
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 14px 5px 0px 5px;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	margin-left: 5px;	
	font-size:11px;   
    color: #153923;  
    display:block;   
    text-decoration:none; 
} 
#menu .inactivo{
	width:130px;
	height:30px;    
    -moz-border-radius: 10px 10px 0px 0px;  
    -webkit-border-radius: 10px 10px 0px 0px;  
	border-radius: 10px 10px 0px 0px;  
   background: #91C84B; 
    border: 2px solid #91C84B;
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 14px 5px 1px 5px;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	margin-left: 5px;	
} 
#menu li a {text-decoration:none; color:#000 }
#menu .activo:hover {    
    background: #91C84B;  
}
.menus{
    margin-right:10px;
	position:relative;
	float:right;
	clear:both;
	width:640px;
	height:20px;
}
.slider {
	position: relative;
	top: 50px;
	width:1000px;
	height:330px;
    margin-top: 50px;
}
.imagem_cab{
   position:relative
   float:left;
   display:inline;
   margin-top:15px
}

.menu_cab {
    position:relative;
    float:right;
	width:400px;
	height:240px;
} 
#ver_img{
    margin:5px;
	position:relative;
	float:left;
	display:block;
	width:55px;
	height:55px;
}
#ver_txt{

	margin:5px;
	position:relative;
	float:left;
	display:block;
	padding:15px 5px 5px 0px;
	width:300px;
	height:45px;
}


/*___________conte�do____________*/

.colesquerda{
	position:relative;
	display:inline;
	float:left;
	margin-left:15px;
	width:470px;
	margin-right: 15px;
}
.coldireita{
	position:relative;
	display:inline;
	float:left;
	width:470px;
	left: 15px;
}
.blocoaula{
    margin:5px;
    position:relative;
    display:inline;
    width: 300px;
    height: 75px;
	border: 1px solid #E0EBC5;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	padding:5px 5px 5px 5px;
	display: inline-block;
	background-color:#E0EBC5;
}
.blocoaula:hover{
	background-color:#91C84B;
}
a .blocoaula, a {text-decoration:none !important}
.blocoaula i.fa {color: #000; text-shadow: 1px 1px #ccc}
.matematica{
    margin:0px 5px 5px 5px;

	position:relative;
	float:left;
	padding:-4px 5px 5px 5px ;
	width:290px;
	height:65px;
}

#portugues{
    margin:5px;
	position:relative;
	float:left;
	padding:5px 5px 5px 5px ;
	width:290px;
	height:65px;
}
.descriaula{
	position:relative;
	float:right;
	width:285px;
	height:55px;
}
/*___________rodape____________*/
.apoios {
	position:relative;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:65px;
	background-color:#fff;
}
.separa {
	position:relative;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:7px;
	background-color:#91C84B;
}

.textobaixo {
    position:relative;
	width:1000px;
	height:45px;
	margin-left:auto;
	margin-right:auto;
}


.logofotter {
	position:relative;
	display:inline;
	float:right;
	margin-left: 190px;
	width:410px;
	height:45px;
	padding-top: 14px;
	padding-right:28px;
	text-align: right;
}
.logofotter img{padding-left:25px}

.logofotter img:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}
.textoroda img{
	opacity:1.0;
	filter:alpha(opacity=100);
}
.textoroda img:hover{
	opacity:0.8;
	filter:alpha(opacity=100);
}

/**
 * Category page
 */
 
 .aula_lista {float:left; display:inline; padding:2px 25px; text-align:center; width: 270px}
 
.cl-category-left {
	float: left;
	width: 25%;
	padding: 10px;
	overflow-y: auto;
}

.cl-category-right {
	float: right;
	width: 70%;
	padding: 10px;
}

.cl-category-content {
	margin-top: 10px;
}

.cl-category-classes {
	clear: both;
}

.cl-category-classes p {
	font-size: 12px;
	line-height: 18px;
}

.cl-category-photo {
	margin-bottom: 10px;
	text-align: center;
}

.cl-category-photo img {
	max-width:250px !important;
}