.genericContent { margin-bottom: 2%; }

.subtitle_news{ color: #5698dd;font-family: Roboto; font-size:18px; line-height: 20px; margin:29px 0px 36px 0px;}  

#content_select_estilo { margin-bottom:5px; }
#content_select_estilo select { border:1px solid; height:30px; margin-top:5px; color:#7b7b7b; margin-right:10px; font-size:14px; min-width:80px; }

h1.noticias {font-size:26px;font-family: Ubuntu; color: #25668d; margin-top:30px; margin-bottom:20px;}

ul#listaMaterias { color:#7b7b7b; font-size:18px; margin-top:50px; width:100%; }
ul#listaMaterias li { position:relative; color:#fff; height:128px; line-height:30px; vertical-align:middle; float:left; width:24.5%; background-repeat:no-repeat; padding-left:21%; margin:3% 2% 5%; border-radius:60px 60px 0 0; font-size:26px; font-weight:600; text-shadow: 2px 2px #555555; }
ul#listaMaterias li div { display:table-cell; width:inherit; height:inherit; vertical-align:middle; }
ul#listaMaterias li img { position:absolute; left:0; bottom:0; background-size:cover; background-position: center; width:230px; height:200px; }
ul#listaMaterias li.mweId_1 { rgb(36,70,129); background: linear-gradient(90deg, rgba(36,70,129,1) 0%, rgba(48,87,154,1) 50%, rgba(63,103,173,1) 100%); }
ul#listaMaterias li.mweId_1 img { background-image:url('/images/apoioescolar24horas/avatar/cecila.png'); }
ul#listaMaterias li.mweId_2 { rgb(155,81,42); background:  linear-gradient(90deg, rgba(155,81,42,1) 0%, rgba(185,101,55,1) 50%, rgba(214,118,67,1) 100%); }
ul#listaMaterias li.mweId_2 img { background-image:url('/images/apoioescolar24horas/avatar/celia.png'); }
ul#listaMaterias li.mweId_3 { rgb(51,100,64); background: linear-gradient(90deg, rgba(51,100,64,1) 0%, rgba(65,122,81,1) 50%, rgba(80,141,97,1) 100%); }
ul#listaMaterias li.mweId_3 img { background-image:url('/images/apoioescolar24horas/avatar/cintia.png'); }
ul#listaMaterias li.mweId_4 { rgb(102,75,64); background: linear-gradient(90deg, rgba(102,75,64,1) 0%, rgba(135,99,85,1) 50%, rgba(160,117,101,1) 100%); }
ul#listaMaterias li.mweId_4 img { background-image:url('/images/apoioescolar24horas/avatar/elias.png'); }
ul#listaMaterias li.mweId_5 { rgb(89,88,89); background: linear-gradient(90deg, rgba(89,88,89,1) 0%, rgba(111,111,113,1) 50%, rgba(128,129,133,1) 100%); }
ul#listaMaterias li.mweId_5 img { background-image:url('/images/apoioescolar24horas/avatar/garcia.png'); }
ul#listaMaterias li.mweId_6 { rgb(95,64,98); background: linear-gradient(90deg, rgba(95,64,98,1) 0%, rgba(130,88,136,1) 50%, rgba(159,108,165,1) 100%); }
ul#listaMaterias li.mweId_6 img { background-image:url('/images/apoioescolar24horas/avatar/garcia4.png'); }
ul#listaMaterias li.mweId_7 { rgb(129,138,80); background: linear-gradient(90deg, rgba(129,138,80,1) 0%, rgba(161,173,107,1) 50%, rgba(197,212,129,1) 100%); }
ul#listaMaterias li.mweId_7 img { background-image:url('/images/apoioescolar24horas/avatar/iago.png'); }
ul#listaMaterias li.mweId_8 { rgb(162,136,41); background: linear-gradient(90deg, rgba(162,136,41,1) 0%, rgba(162,136,41,1) 50%, rgba(225,188,48,1) 100%); }
ul#listaMaterias li.mweId_8 img { background-image:url('/images/apoioescolar24horas/avatar/livia.png'); }
ul#listaMaterias li.mweId_10 { rgb(133,65,60); background: linear-gradient(90deg, rgba(133,65,60,1) 0%, rgba(170,83,79,1) 50%, rgba(198,98,92,1) 100%); }
ul#listaMaterias li.mweId_10 img { background-image:url('/images/apoioescolar24horas/avatar/maria.png'); }
ul#listaMaterias li.mweId_19 { rgb(64,107,139); background: linear-gradient(90deg, rgba(64,107,139,1) 0%, rgba(82,134,173,1) 50%, rgba(97,158,203,1) 100%); }
ul#listaMaterias li.mweId_19 img { background-image:url('/images/apoioescolar24horas/avatar/olivia.png'); }


.profweb .historico { cursor: pointer;rgb(213,117,15); background: linear-gradient(90deg, rgba(213,117,15,1) 0%, rgba(231,130,24,1) 50%, rgba(247,143,32,1) 100%); margin:0 auto; height:108px; line-height:108px; vertical-align:middle; width:38%; background-repeat:no-repeat; border-radius:60px 60px 60px 0; font-size:26px; font-weight:600; text-shadow: 2px 2px #555555; text-align:center; color:#fff; }
.profweb .historico i { font-size:47px; line-height:108px; margin-right:10px; }
.profweb .right { float:right; }
.profweb .titulos { font-size:26px; margin-bottom:20px; }
.profweb span { color:#2398dd; font-size:18px; }

.profweb form { margin-top:30px; }
.profweb .enviar { height:auto; }

#main-content form label { font-size:14px; padding-left:8px; }
#main-content form input { border:1px solid #7b7b7b; color:#7b7b7b; height:30px; width:93%; padding:0 5px; margin-bottom:20px; margin-top:5px; }
#main-content form textarea { border:1px solid #7b7b7b; color:#7b7b7b; height:200px; width:98%; padding:5px; }
#main-content form .left { float:left; width:48%; }
#main-content form .right { float:right; width:48%; }
#main-content form .enviar { color: #fff; border: 0; width: auto; padding: 0 5%; }

#topo_box_content_pergunta { z-index:2px; background:#f6f6f6;border:1px solid #e1e1e1;height: auto; padding:15px 0px 20px 0px; display: inline-block; width: 100%;}
#box_content-pergunta {z-index:2px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height: auto; display: inline-block; width: 100%; margin-bottom: 20px; }
#box_content-resposta {z-index:2px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height: auto; display: inline-block; width: 100%; margin-bottom: 50px; }
#box_content-resposta .botao { float:right; line-height:22px; }
.box_content_txt { margin-bottom:10px; line-height: 16px; font-family: Roboto; font-size:14px; color:#646464; margin:15px; width: auto; }
.box_content_txt p { margin-bottom: 20px; }

#double { float:left; background:#f6f6f6; padding-bottom: 0px; }
#double h1 { font-family:Ubuntu; font-size: 20px; color:#424242; font-weight: 100; padding:0px 27px 0px 15px; margin:0; }
#double h2 { font-size:14px; line-height:14px; padding:5px 15px 0; }

/* ------------------Sidebar--------------- */ 
#sidebar .box {margin-bottom:20px; border:1px solid #e8e8e8; margin-top:26px; }
#sidebar .heading { background-color:#f6f6f6; padding:0px 17px; height:68px; line-height:26px; vertical-align:middle; }
#sidebar .heading h1 { color:#424242; font-family:Ubuntu; font-size:26px; margin:0; display:table-cell; height:inherit; vertical-align:middle; }
#sidebar .heading2 { padding-bottom:45px; }
#sidebar .content {padding:15px}
#sidebar .content .post {padding-bottom: 20px; border-bottom: 1px solid #E1E1E1; margin-top:10px;}
#sidebar .content div:first-child {padding-bottom: 20px; border-bottom: 1px solid #E1E1E1; margin:0px;}
#sidebar .content .post h4.news{ color: #2398dd;margin:0px 0 10px 0px; line-height: 16px; font-family: Ubuntu; font-size:16px; }
#sidebar .content .post img{ float:left; padding:5px; border:1px solid #CCC; margin-right:10px;}
#sidebar .content .post p{margin-bottom:0px; line-height: 16px; font-family: Roboto; font-size:14px;}
#sidebar .content .info{ color: #eead00;font-family: Roboto; font-size:14px; line-height: 20px; vertical-align: text-bottom; height:20px; text-align:right; }
#sidebar .content .anteriores {padding-top: 18px; padding-bottom: 4px; text-align: center; }
#sidebar .content .anteriores a.news_bt{ width: 193px; height: 34px; background-color: #FFFFFF; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 16px; border: 2px solid #2398dd; padding: 5px 11px;  color:#2398dd; text-transform: capitalize; font-family: Ubuntu;  font-size:14px; text-transform: uppercase; font-weight: bold; }
/*------------------------------------------------*/

#area-listagem table {border: 1px solid #e8e8e8; border-collapse: collapse; margin: 0; padding: 0; width: 100%; margin-top:0px;}
#area-listagem table tr { background: #ffffff;  border: 1px solid #e8e8e8;  padding: .35em;}
#area-listagem table th, #area-listagem table td {  padding: .625em;  border: 1px solid #e8e8e8;  text-align: left;  font-family: Roboto;  font-size: 14px;  color :#7b7b7b;}
#area-listagem table th { background: #f6f6f6;  font-family: Ubuntu;  font-size: 18px;  color :#424242;  letter-spacing: .1em; }
#area-listagem table th:last-child{  max-width:99px;}
#area-listagem table td { cursor:pointer; }
#area-listagem table td img { text-align: left;  border: 1px solid #e8e8e8; }
#area-listagem table td div.bg_branco a{font-family: Roboto;  font-size: 14px;  color :#ebad29;  font-style: italic;-webkit-transition: background-color 300ms ease-in-out;  transition: background-color 300ms ease-in-out;}
#area-listagem table td div.bg_branco a:hover{text-decoration: underline;}

@media only screen and (min-width: 998px) and (max-width: 1100px) {
    .subtitle_news{  font-size:14px; margin:25px 0px 0px 0px; width:350px }  
	//ul#listaMaterias li { width:21%; }

	#area-listagem table th { font-size: 16px; }
}

@media only screen and (max-width: 997px) {    
    .subtitle_news{  font-size:14px; margin:25px 0px 0px 0px; width:350px } 
	ul#listaMaterias li { width:22.5%; padding-left:23% }
	ul#listaMaterias li img { width:190px; height:170px; }
	.profweb .historico { width:60%; }
}

@media only screen and (max-width: 925px) {    
    .subtitle_news{  font-size:14px; margin:25px 0px 0px 0px; width:350px }  
	//ul#listaMaterias li { width:20%; }
}

@media only screen and (max-width: 819px) {
    .subtitle_news{  font-size:14px; margin:25px 0px 0px 0px; width:350px }  
	//ul#listaMaterias li { width:15%; }

	#area-listagem table th { font-size: 16px; }
}    

@media only screen and (max-width: 767px) {
    .subtitle_news{  font-size:14px; margin:25px 0px 0px 0px; width:350px }  
	//ul#listaMaterias li { width:15%; }
}   

@media only screen and (max-width: 746px) {
    .subtitle_news{  font-size:14px; margin:25px 0px 0px 0px; width:350px }  
	ul#listaMaterias li { width:61%; padding-left:35% }
	.profweb .historico { width:96%; }
}   

@media only screen and (max-width: 619px) {
    .subtitle_news{  font-size:14px; margin:20px 0px 0px 0px; width: auto;}  
	ul#listaMaterias li { width:51%; padding-left:46%; margin-bottom:10%; }

	#area-listagem table th { font-size:15px; line-height:16px; }
	#area-listagem table tr td { font-size:13px; line-height:14px; }
}

@media only screen and (max-width: 477px) {
    .subtitle_news{  font-size:14px; margin:18px 0px 0px 0px;width: auto;}   
	//ul#listaMaterias li { width:33%; }

	#area-listagem table th { font-size:15px; line-height:16px; }
	#area-listagem table tr td { font-size:13px; line-height:14px; }
}

@media only screen and (max-width: 423px) {
    .subtitle_news{  font-size:14px; margin:18px 0px 0px 0px;width: auto;} 
	ul#listaMaterias li { font-size:22px; height:110px; line-height:26px; padding-left:51%; width:44%; }
	ul#listaMaterias li img { width:180px; height:140px; }
	.profweb .historico { font-size:20px; line-height:94px; vertical-align:middle; height:100px; }
	.profweb .historico i { font-size: 40px; line-height:94px; }

	#area-listagem table th { font-size:13px; line-height:14px; }
	#area-listagem table tr td { font-size:12px; line-height:13px; }
}   

@media only screen and (max-width: 324px){
    .subtitle_news{  font-size:14px; margin:18px 0px 0px 0px;width: auto;}   
	ul#listaMaterias li { width:100%; }

	#area-listagem table th { font-size:13px; line-height:14px; }
	#area-listagem table tr td { font-size:12px; line-height:14px; }
}