body {
	font-family: Arial;
	color: #575757;
}
p {
	font: normal 16px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
}
p.texto {
	font: normal 16px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
	text-align: justify;
}
h1 {
	font-family: Arial;
	font-size: 14pt;
	color: #069;
	/*margin-bottom: -15px;*/
	margin-top: -5px;
}

h2 {
	font-family: Arial;
	font-size: 12pt;
	color: #575757;
	/*margin-bottom: -15px;*/
}

h1.inicial {
	margin-bottom: -15px;
	margin-top: -5px;
}

h2.inicial {
	margin-bottom: -15px;
}

li {
	
}

td {
	font-family: Arial;
	font-size: 12pt;
	/*border-bottom: 1px #CCC solid;
	border-right: 1px #CCC solid;*/
}

td.peque {
	font-family: Arial;
	font-size: 8pt;
	/*border-bottom: 1px #CCC solid;
	border-right: 1px #CCC solid;*/
}

td.transparente {
	border-bottom: 0px #CCC solid;
	border-right: 0px #CCC solid;
}

table.contenido {
	border: 1px #CCC solid;
}

td.areas {
	background-color: #CCC;
	background-image: url(imagenes_nueva_oei/areas.jpg);
	color: #069;
	font-size: 12pt;
}

td.areas2 {
	background-color: #CCC;
	background-image: url(imagenes_nueva_oei/areas2.jpg);
	color: #069;
	font-size: 12pt;
}

th {
	background-color: #4F94CD; /*#006699;*/
	color: #104E8B;
	border-bottom: 0px #CCC solid;
	border-right: 0px #CCC solid;
	border-left: 0px #CCC solid;
}

td.gris {
	background-color: #F0F0F0;
	border-bottom: 0px #CCC solid;
	border-right: 0px #CCC solid;
	font-size: 11pt;
	padding: 0px;
}

td.myMenu {
	background-color: #F0F0F0;
	border-bottom: 0px #CCC solid;
	border-right: 0px #CCC solid;
	font-size: 11pt;
	padding: 0px;
}

td.cabecario {
	background-color: #008591;
	border-bottom: 0px #CCC solid;
	border-right: 0px #CCC solid;
	height: 8px;
}

td.titleCab {
	background-color: #EEF0EF;
	border-bottom: 0px #CCC solid;
	border-right: 0px #CCC solid;
	font: bold 16px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
	padding: 5px;
	height: 25px;
}

td.a1 {
	background-color: #008039; /*AZUL*/
	border-bottom: 0px #CCC solid;
	border-right: 0px #CCC solid;
	font-size: 11pt;
	padding: 0px;
	width: 317px;
}

td.a2 {
	background-color: #CD1136; /*VERMELHO*/
	border-bottom: 0px #CCC solid;
	border-right: 0px #CCC solid;
	font-size: 11pt;
	padding: 0px;
	width: 317px;
}

td.a3 {
	background-color: #FF7F00; /*LARANJA*/
	border-bottom: 0px #CCC solid;
	border-right: 0px #CCC solid;
	font-size: 11pt;
	padding: 0px;
	width: 317px;
}

td.a4 {
	background-color: #CE118C; /*ROSA*/
	border-bottom: 0px #CCC solid;
	border-right: 0px #CCC solid;
	font-size: 11pt;
	padding: 0px;
	width: 317px;
}

td.a5 {
	background-color: #8a011b; /*vermelho*/
	border-bottom: 0px #CCC solid;
	border-right: 0px #CCC solid;
	font-size: 11pt;
	padding: 0px;
}




/**/
td.a6 {
	background-color: #00778b;/*verde*/
	border-bottom: 0px #CCC solid;
	border-right: 0px #CCC solid;
	font-size: 11pt;
	padding: 0px;
}
td.a7 {
	background-color: #00778b;/*azul oei*/
	border-bottom: 0px #CCC solid;
	border-right: 0px #CCC solid;
	font-size: 11pt;
	padding: 0px;
}


td.verde1 {
	background-color: #1B6E26;
	border-bottom: 1px #CCC solid;
	border-right: 1px #CCC solid;
	font-size: 12pt;
	padding: 0px;
}

td.verde2 {
	background-color: #4EB849;
	border-bottom: 1px #CCC solid;
	border-right: 1px #CCC solid;
	font-size: 12pt;
	padding: 0px;
}

td.verde3 {
	background-color: #8CC63E;
	border-bottom: 1px #CCC solid;
	border-right: 1px #CCC solid;
	font-size: 12pt;
	padding: 0px;
}

td.blanco {
	background-color: #FFFFFF;
	border-bottom: 0px #CCC solid;
	border-right: 0px #CCC solid;
	font-size: 11pt;
}

div.blanco {
	height: 45px;
	vertical-align: middle;
	display: table-cell;
}

td.raya_izda {
	border-left: 1px #CCC solid;
}

td.folleto {
	border-bottom: 1px #CCC solid;
	border-left: 1px #CCC solid;
	font-size: 8pt;
	font-weight: bold;
	color: #999999;
}

td.lateral {
	font-family: Arial;
	font-size: 14pt;
}

td.program {
	border-bottom: 1px #CCC solid;
	border-right: 1px #CCC solid;
}

td.program2 {
	border-bottom: 1px #CCC solid;
	border-right: 0px #CCC solid;
}

table.programa {
	border-top: 1px #CCC solid;
	border-left: 1px #CCC solid;
}

table.programa td {
	border-bottom: 1px #CCC solid;
	border-right: 1px #CCC solid;
}

ul {
	font-family: Arial;
	font-size: 12pt;
	list-style-image: url(imagenes/cuadrito.html);
}

ul.cursos {
	list-style-image: url(imagenes/cuadrito_gris.html);
	padding-left: 20px;
	margin-top: 5px;
}

li {
	margin-top: 0px;
}

ol {
	font-family: Arial;
	font-size: 12pt;
}

a {
	font: bold 16px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
	
}
a:hover {
	color: #666;
	text-decoration: none;
}

a:visited {
	color: #006699;
	text-decoration: none;
}

p.noticia2 {
	font: bold 16px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
}
strong{
	font: bold 16px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
	color:#000;
}
a.normal{
	font: normal 16px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
	color: #104E8B;
	text-decoration: none;
}
a.normal:hover {
	color: #000;
	text-decoration: underline;
}
a.normal:visited {
	color: #104E8B;
	text-decoration: none;
}
a.barra {
	font: normal 12px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
}



a.titulo {
	color: #666;
	text-decoration: none;
}

a.titulo:hover {
	color: #C00;
	text-decoration: none;
}

a.folleto {
	color: #B2B2B2;
	text-decoration: none;
}

a.folleto:hover {
	color: #C00;
	text-decoration: none;
}

a.blanco {
	color: #FFFFFF;
}

div.peq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

div.peq2 {
	font: normal 12px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
}
div.peq3 {
	font: normal 12px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
	margin-top: -6px;
	margin-bottom: 1px;
}
div.peq3 a {
	font: normal 12px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
}
a.peq2 {
	font: normal 12px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
	color:#575757;
}

div.gran {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
}

div.med {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

div.ante {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #006600;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
	background-color: #fff;
	margin-bottom: 5px;
	margin-top: 5px;
}

h4.normal {
	font: normal 14px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
}
h3.normal {
	font: normal 11px "sans-serif", Trebuchet MS, verdana, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
}
h5.normal {
	font: normal 12px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 15px;
	text-align: justify;
}

div.linea {
	background-image: url(imagenes/linea_gris.html);
	height: 1px;
	width: 100%;
}

.tabs {
	position: relative;
	height: 280px;
	width: 1000px;
	list-style-type: none;
	list-style-image: none;
	margin: 0px 0 0px;
	padding: 0;
	overflow: hidden;
}

.tabs-3 {
	height: 200px;
	width: 360px;
	padding: 0 0 0 640px;
}

.tabs li {
	float: left;
}

.tabs-3 li {
	float: none;
}

.tabs li .tab-select {
	display: block;
	float: left;
	color: #069;
	cursor: pointer;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;	
	padding-top: auto;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;

	font: 12px helvetica, arial, Verdana,  sans-serif;
	background-image: radial-gradient(center center, circle cover, #FAFAFA, #D8D8D8);
	background-image: -o-radial-gradient(center center, circle cover, #FAFAFA, #D8D8D8);
	background-image: -ms-radial-gradient(center center, circle cover, #FAFAFA, #D8D8D8);
	background-image: -moz-radial-gradient(center center, circle cover, #FAFAFA, #D8D8D8);
	background-image: -webkit-radial-gradient(center center, circle cover, #FAFAFA, #D8D8D8);



}

.tabs-3 li .tab-select {
	float: none;
	height: 20px;
	padding: 10px;
	vertical-align:middle;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

.tabs-3 li:first-child .tab-select {
	height: 20px;
	border-top: 0px solid #999;
}

.tabs-3 li .tab-select h3 {
	margin: 0;
	padding: 0 0 6px;
	font-size: 12pt;
}

.tabs-3 li .tab-select p {
	margin: 0;
	padding: 0;
}

.tabs li .tab-content {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 200px;
	width: 640px;
	opacity: 0;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-webkit-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
	z-index: 2;
	visibility: visible;
}

.tabs-3 li .tab-content {
	top: 0px;
}

.tabs li .tab-select:hover {
	background: #F0F0F0;
	color: #666;
}

.tabs li.current .tab-select {
	/*background: #F0F0F0;
	color: #069;*/

	color: #fff;
	/*text-shadow: 1px 1px #000;*/
	background-image: radial-gradient(center center, circle cover, #1B6ABA, #104E8B);
	background-image: -o-radial-gradient(center center, circle cover, #1B6ABA, #104E8B);
	background-image: -ms-radial-gradient(center center, circle cover, #1B6ABA, #104E8B);
	background-image: -moz-radial-gradient(center center, circle cover, #1B6ABA, #104E8B);
	background-image: -webkit-radial-gradient(center center, circle cover, #1B6ABA, #104E8B);
}

.tabs li.current .tab-content {
	opacity: 1;
	z-index: 4;
}

table.plan,td.plan {
	font: normal 12px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
}

table.plan a,td.plan a {
	font: normal 12px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
}

table.plan {
	width: 100%;
	border-collapse: collapse;
	margin: 1em 0;
}

th.plan,td.plan {
	text-align: left;
	padding: .5em;
	border: 1px solid #fff;
}

th.plan {
	background: #328aa4 url(tr_back.gif) repeat-x;
	color: #fff;
}

td.plan {
	background: #e5f1f4;
}

/* tablecloth styles */
tr.plan.even td.plan {
	background: #e5f1f4;
}

tr.plan.odd td.plan {
	background: #f8fbfc;
}

th.plan.over,tr.plan.even th.plan.over,tr.plan.odd th.plan.over {
	background: #4a98af;
}

th.plan.down,tr.plan.even th.plan.down,tr.plan.odd th.plan.down {
	background: #bce774;
}

th.plan.selected,tr.plan.even th.plan.selected,tr.plan.odd th.plan.selected
	{
	
}

td.plan.over,tr.plan.even td.plan.over,tr.plan.odd td.plan.over {
	background: #eee;
}

td.plan.down,tr.plan.even td.plan.down,tr.plan.odd td.plan.down {
	background: #eee;
	color: #fff;
}

td.plan.selected,tr.plan.even td.selected,tr.plan.odd td.plan.selected {
	background: #bce774;
	color: #555;
}

/* use this if you want to apply different styleing to empty table cells*/
td.plan.empty,tr.plan.odd td.empty,tr.plan.even td.plan.empty {
	background: #fff;
}

/* css tela com menu */
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
/*example*/
#example .list-wrap {
	background: #fff;
	padding: 10px;
	margin: 0 0 15px 0;
	margin-top: 0px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
	
}

#example ul {
	list-style: none;
	font: normal 16px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
	vertical-align: middle;
	
}

#example ul li a {
	display: inline;
	border-bottom: 1px solid #666;
	padding: 4px;
	color: #666;
	height: 30px;
}

#example ul li a:hover {
	/*background: #333;*/
	color: #006699;
}

#example ul li:last-child a {
	border: none;
}

#example .nav {
	width: 94%;
	overflow: hidden;
	margin: 5px 0 0 0;
	border: 0px solid #ccc;
	background-color: #eee;
}

#example .nav li {
	float: left;
	border: 1px solid #eee;
}

#example .nav li.last {
	margin-right: 0;
}

#example .nav li a {
	display: block;
	padding-bottom:1px;
	padding-left:8px;
	padding-right:8px;
	background: #eee;
	color: #104E8B;
	font: normal 14px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
	text-align: center;
	border: 1px solid #eee;
}

#example .nav li a:hover {
	color: #111;
	color: #fff;
}

#example li a.current,#example li a.current:hover {
	background-color: #fff !important;
	color: black;
}

#example .nav li a:hover,#example.nav li a:focus {
	/*background: #999;*/
	color: #104E8B;
}





/*Nova classe css aba selecoes 17/04/2015 */


#example .nav1 {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	border: 0px solid #ccc;
	background-color: #eee;
}

#example .nav1 li {
	float: left;
	border: 1px solid #eee;
}

#example .nav1 li.last {
	margin-right: 0;
}

#example .nav1 li a {
	display: block;
	padding-bottom:1px;
	padding-left:8px;
	padding-right:8px;
	background: #eee;
	color: #104E8B;
	font: normal 14px "Arial", Trebuchet MS, verdana, Helvetica, sans-serif;
	text-align: center;
	border: 1px solid #eee;
}

#example .nav1 li a:hover {
	color: #111;
	color: #fff;
}

#example li a.current,#example li a.current:hover {
	background-color: #fff !important;
	color: black;
}

#example .nav1 li a:hover,#example.nav1 li a:focus {
	/*background: #999;*/
	color: #104E8B;
}




/*barra rolagem*/

.als-container {
	position: relative;
	background-color: #eee;
	
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px 0px;
	border: 0px solid red;
}

.als-wrapper {
	position: relative;
	list-style: none;
	text-align:left;
	
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
	border-color: gray;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}


#lista {
	margin: 0px 0px 0px 0px;
	background-color: #eee;
	width: 100%;
}

#lista .als-item {
	
	margin-left:0px;
	margin-right: 10px;
	min-height: 220px;
	min-width: 147px;
	
}

#lista .als-item img {
	position: relative;
	display: block;
	vertical-align: middle;
	margin-bottom: 0px;
	
}

#lista .als-prev, #lista .als-next {
	top: 58px;
	width: 15px;
	height: 22px;
	
}

#lista .als-prev {
	left: 8px;
	
}
#lista .als-next {
	right: 8px;
}