﻿/* CSS Document */

Body 					{ background: #fff url(../img/body_bg.gif) left repeat-y; padding:0px; margin:0px; }
body.video				{ background: url(../img/rightMargin_bg.gif) left top repeat }
Body, Table, TD, Div 	{ font: normal 11px Verdana; color: #222; line-height: 12px; }
Table, img				{ border: 0px;}
a						{ text-decoration: none; color: #e31f01; }
a:hover					{ text-decoration: none; color: #222; }

/* ----- ESTRUTURA ----- */
#master 				{ width: 100%; }
#master_video			{ width: 231px; height: 323px; margin: 30px auto }

/* HEADER ******************************************************************************************************************/
/***************************************************************************************************************************/
#header						{ width: 100%; height:100px}
#logo						{ width:245px; padding: 25px 0px 0px 15px; vertical-align: top;}
#rightMenu_label			{ width:100%; height:26px; border-bottom: 1px solid #fff; background: #222}


/* menu */
#Menu						{ width:100%; border-bottom: 1px solid #fff;}
.Menu_topCell				{ vertical-align:bottom; padding-bottom: 5px;}
.Menu_bottomCell			{ width:101px; height:24px; background: #222 url(../img/menu_sep.gif) right bottom no-repeat; font: normal 9px Verdana; color: #fff; text-align: center; text-transform: uppercase; }


/* BRAND AREA **************************************************************************************************************/
/***************************************************************************************************************************/
.brand						{ width:371px;}
.brandRight_shadow 			{ background:url(../img/right_shadow.gif) right top repeat-y; width: 4px; }

table.redStripes 			{ border-top: 1px solid #887f92; width:100% }
.redStripes_td				{ height: 40px; width: 260px; background: #e31f01 url(../img/redStripes.gif); }
.redPlain_td				{ height: 40px; background: #e31f01;}
.redStripes_bottomShadow	{ height:4px; background:url(../img/fotoBottom_shadow.gif) right top no-repeat}


/* LABEL *******************************************************************************************************************/
/***************************************************************************************************************************/
#label 						{ width: 375px; background: url(../img/label_bg.gif) right top repeat-y}
.label						{ width: 320px; background: #67aed3; }
.label_foto					{ padding: 10px;}
.label_txt					{ width: 115px; padding: 15px 10px 10px 0px; font: bold 11px Verdana; color: #fff;}
.label_menu	a				{ font: normal 11px Verdana; color: #fff !important; text-decoration: none !important; background: url(../img/bullet_menu.gif) left 5px no-repeat; padding-left: 8px; display:inline }
.label_menu	a:hover			{ font: normal 11px Verdana; color: #e31f01 !important; text-decoration: none !important; background: url(../img/bullet_menu_over.gif) left 5px no-repeat; padding-left: 8px; display:inline }
.hr_menu					{ margin: 6px 0px 4px 0px; }


/* CONTEUDO ****************************************************************************************************************/
/***************************************************************************************************************************/
#conteudo					{ background: #b6dff5; width: 398px; padding: 19px 15px 30px 12px}
#conteudoScroll			{ width:455px; height: 350px; background: transparent;}
	
	/*********** SCROLL STYLES *********/
	#content 				{ position: absolute; width: 435px; border: none; }
	#scroller_list 			{ padding: 10px; font: normal 11px Verdana; color: #222; /*text-align: justify;*/ }
	#scroller_list a 		{ color: #e31f01; text-decoration: none; }
	#scroller_list a:hover 	{ color: #222; text-decoration: none; }
	

.hr							{ background: url(../img/hr.gif) left center repeat-x; height: 11px;}
.hr2						{ background: url(../img/hr_2.gif) left center repeat-x; height: 31px;}
.hr3						{ background: url(../img/hr_2.gif) left center repeat-x; height: 11px;}
.hr4						{ background: url(../img/hr_2.gif) left center repeat-x; height: 3px;}

.bg_color_a					{background: #ffffff;}
.bg_color_b 				{background: #CCCCCC;}
.bg_color_c 				{background: #b6dff5;}


/* PADDING */
.padding_none				{ padding: 0px !important; }
.paddingTOP_none			{ padding-top: 0px !important; }
.paddingLft_none			{ padding-left: 0px !important; }
.paddin_Lft_Rgt_10px		{ padding-left: 10px; padding-right: 10px; }


.padding_5px				{ padding: 5px;}
.padding_10px				{ padding: 10px;}
.paddingLEFT_5px			{ padding-left: 5px;}
.paddingLEFT_10px			{ padding-left: 10px;}
.paddingLEFT_15px			{ padding-left: 15px;}
.paddingTOP_5px				{ padding-top: 5px !important;}
.paddingTOP_10px			{ padding-top: 10px !important;}
.paddingTOP_13px			{ padding-top: 13px !important;}
.padding_30px				{ padding: 30px;}
.padding_25px				{ padding: 25px;}

.ProdutoDescricao			{ padding: 18px 5px 5px 5px; }
.produtos					{ width: 92px;}
.produto_img				{ width: 154px}
.produtos_title				{ height: 14px; background: #67aed3; font: bold 10px Verdana; color: #fff; text-transform: uppercase; text-align: center}
.produtos_titleOver			{ height: 14px; background: #e31f01; font: bold 10px Verdana; color: #fff; text-transform: uppercase; text-align: center}
.produtos_conteudo			{ height: 58px; border: 1px solid #96cbe7; background: #c3e5f7;}
.produtos_img				{ width: 84px; height: 49px; border: 2px solid #c3e5f7; padding-top: 3px; cursor: pointer}
.produtos_imgOver			{ width: 84px; height: 49px; border: 2px solid #e31f01; padding-top: 3px; cursor: pointer}

.produtoOtherName			{ padding-left: 10px; padding-right: 10px; font: normal 9px Verdana; color: #3e3e3e; line-height: 11px; }
.produtoOtherName ul		{ margin: 0px; padding: 0px; list-style: none; }
.produtoOtherName li		{ margin: 2px 0px; padding-left: 10px; list-style: none; background: url(../img/bullet_2.gif) left 3px no-repeat; }


.produtoOtherName_title		{ font: bold 9px Verdana; color: #3181AC }

.prodComposicao				{ margin: 5px 0; }
.prodComposicao_LftTD		{ padding: 5px 2px 5px 5px; }
.prodComposicao_RgttTD		{ padding: 5px 5px 5px 2px; width:70px; text-align: right; }

/* textos */


p							{ padding: 5px 0px; margin: 0px }
.p_titles					{ font-weight: bold; padding: 5px 0; margin: 0px}
.txt_10px					{ font: bold 10px Verdana;}
.txt_9px					{ font: bold 9px Verdana;}

.cit						{ font: bold italic 13px Verdana; color: #6c818c; line-height: 20px; text-align: left; }
.cit_quotes					{ font: bold italic 20px Verdana; color: #6c818c; line-height: 20px; text-align: left; }
.titulo						{ font: bold 11px Verdana; color: #222222; text-transform: uppercase; line-height: 13px; }
.titulo_cor					{ font: bold 11px Verdana; color: #e31f01; text-transform: uppercase; line-height: 13px; }

.titulo_cor_noTrans			{ font: bold 11px Verdana; color: #e31f01; text-transform: none; line-height: 13px; }
.destaque_txt				{ font: bold 11px Verdana; color: #e31f01; line-height: 13px; }
.legenda_txt				{ font: normal 10px Verdana; color: #222222; text-align: center; line-height: 12px; padding-top: 5px; }
.legenda					{ font: italic 9px Verdana; color: #222; line-height: 11px; padding-top: 5px; }
.legenda2					{ font: normal 9px Verdana; color: #666; line-height: 11px; padding: 5px 10px; text-align: right !important; }
.nota						{ font: bold 9px Verdana; color: #666; line-height: 11px; text-align: right !important; }
.txt_justify				{ text-align: justify; }
.txt_normal					{ font-weight: normal; }
ul.list						{ list-style: none;	margin: 5px 0 0 10px; padding: 0;}
li.list						{ margin: 1px 0; font: normal 11px Verdana; color: #222; list-style: none; background: url(../img/bullet.gif) left 4px no-repeat; padding-left: 10px;}
li ul li.list				{ margin: 1px 0; font: normal 11px Verdana; color: #222; list-style: none; background: url(../img/bullet_2.gif) left 4px no-repeat; padding-left: 10px; }

ol.listagem					{ font: bold 11px Verdana; color: #e31f01; line-height: 13px; margin-top:0px; padding-top:0px; text-align: left;}
li.listagem					{ margin: 1px 0; font: normal 11px Verdana; color: #222; line-height: 13px;  text-align: left;}

ul.index					{ list-style: none;	margin: 5px 0 0 10px; padding: 0; }
li.index 					{ margin: 1px 0; font: normal 9px Verdana; color: #666; list-style: none; background: url(../img/bullet_3.gif) left 4px no-repeat; padding-left: 10px;}

ol.notas					{ list-style: none;	margin: 5px 0 0 10px; padding: 0; }
li.notas 					{ margin: 2px 0 4px 0; font: normal 9px Verdana; color: #666; list-style: none; padding-left: 10px;}

/* label noticias */
.newsLabel					{ position: absolute; left: 785px; top: 135px; background: url(../img/label_news_top.gif) left top no-repeat; width: 220px; }
.newsLabel .header			{ width: 220px; float: left; }
.newsLabel .header h3		{ font-size: 13px; color: #5ea7ce; font-weight: bold; margin: 10px 15px 0 15px; padding-bottom: 10px; border-bottom: 1px solid #b6dff5;}
.newsLabel .conteudo		{ float: left; background: url(../img/label_news.gif) left top repeat-y; width: 190px; padding: 5px 15px 0 15px;}
.newsLabel .conteudo h4		{ font-size: 11px; letter-spacing: -0.1em; font-weight: bold; margin-top: 10px; margin-bottom: 0 }
.newsLabel .conteudo p.txt_10px { font-weight: normal;letter-spacing: -0.05em; margin: 5px 0; line-height: 13px}
.newsLabel .conteudo p span	{ color: #6a6a6a; font-size: 9px}
.newsLabel .footer			{ float: left; background: url(../img/label_news_bot.gif) left top no-repeat; height:15px; width: 220px;}

/* newsletter */
.NewsletterEdicao			{ padding: 5px; width:90px; }
.NewsletterDescricao		{ padding: 18px 5px 5px 5px; }
.NewsletterEdicao_new		{ padding: 5px; width:90px; background: url(../img/whiteStripes.gif) left top repeat; }
.NewsletterDescricao_new	{ padding: 18px 5px 5px 5px; background: url(../img/whiteStripes.gif) left top repeat;}
.NrNewsletter				{ font: normal 12px Verdana; color: #3181AC; line-height: 12px; }
.NrNewsletter_big			{ font: bold 14px Verdana; color: #3181AC; line-height: 12px; }
.newsletter_note			{ font: normal 9px Verdana; line-height: 11px; }
.newsletter_link ul			{ list-style: none;	margin: 6px 0 0 0; padding: 0; }
.newsletter_link li			{ margin: 2px 0; font: normal 9px Verdana; color: #222; line-height: 13px;list-style: none;  background: url(../img/icon_PDF.gif) left 3px no-repeat; padding-left: 20px; }
.newsletter_link a			{ color: #e31f01 !important; text-decoration: none; }
.newsletter_link a:hover	{ color: #222 !important; text-decoration: underline ; }

/* imagens  e BG's*/
.fotoProduto				{ margin: 0px 0px 0px 10px; }
.bg1						{background: #B6DFF5 !important}



/* livrarias */
.padding_livrarias				{ padding: 10px 30px;}

a.download 					{ height: 37px; padding-left: 35px; float: left; background: url(../img/download.gif) left top no-repeat; color: red; text-transform: uppercase; font-size: 8px; line-height: 10px}
a:hover.download 					{ height: 37px; padding-left: 35px; float: left; background: url(../img/download_over.gif) left top no-repeat; color: red; text-transform: uppercase; font-size: 8px; line-height: 10px}
.downloadSize				{ color: #222 !important;}

a.btn					{ background: #7EBCDC url(../img/bullet_4.gif) 5px 7px no-repeat; color: #fff; border-top:1px solid #bedae8; border-right: 1px solid #61b2dc; border-bottom:1px solid #61b2dc; border-left: 1px solid #bedae8; display: inline-block; padding: 3px 5px 5px 13px; text-transform: uppercase; font-weight: bold; font-size:9px}
a.btn:hover				{ background-color: #54aedc}
/* Download PDF ver video */
.downloadPDF ul, .vervideo ul		{ list-style: none;	margin: 6px 0 0 0; padding: 0; }
.downloadPDF li, .vervideo li		{ margin: 2px 0; font: normal 9px Verdana; color: #222; line-height: 13px;list-style: none;  background: url(../img/icon_PDF.gif) left 3px no-repeat; padding-left: 20px; }
.vervideo li { background: url(../img/icon_video.gif) left 3px no-repeat; }
.downloadPDF a, .vervideo a			{ color: #e31f01 !important; text-decoration: none; }
.downloadPDF a:hover, .vervideo a:hover	{ color: #222 !important; text-decoration: underline ; }




/* video */
.video		{ margin: 30px 0 20px 0; background: #7ebcdc; padding: 10px; font-size: 11px; font-weight: bold; color: #222222; text-transform: uppercase;}
.video div	{ margin-bottom: 8px; }
.smallvideo { background: #7ebcdc; padding: 3px; display: block; float:left; overflow:hidden; width:70px; margin: 6px 6px 0  0}

#conteudo2 .video { padding: 5px; font-size: 10px; font-weight: normal; text-transform: none; margin-top: 10px; letter-spacing: -0.02em; text-align: left;}
#conteudo2 .video div	{ margin-bottom: 4px; }


/* home destaque Cursos */
table.destaque_cursos					{ width: 96% !important; border: 0px; margin: 15px 0}
table.destaque_cursos td				{ padding: 8px 10px; background: #dbeffa; vertical-align: top}
table.destaque_cursos td.main			{ background: none; padding-bottom: 0}
table.destaque_cursos td.titulo			{ background: #7ebcdc; padding: 0 10px; border-bottom: 2px solid #b6dff5;}
table.destaque_cursos td.titulo p span	{ color: #fff !important; }
table.destaque_cursos td.data			{ border-bottom: 1px solid #b6dff5; width:100px; }
table.destaque_cursos td.curso			{ border: 1px solid #b6dff5; border-top: none; }
table.destaque_cursos td.curso a		{ color: #222222; text-decoration: underline; }
table.destaque_cursos td.curso a:hover	{ color: #e31f01; text-decoration: none }
table.destaque_cursos td.pdf			{ border-bottom: 1px solid #b6dff5; text-align: right }

/* home destaque Cursos */
table.destaque_cursos					{ width: 100%; border: 0px;}
table.destaque_cursos td.titulo p span	{ color: #fff !important; }

/*MARGEM DIREITA ********************************************************************************************************* */
/***************************************************************************************************************************/
#rightMargin				{ background: url(../img/rightMargin_bg.gif) left top repeat; }


/* FOOTER ******************************************************************************************************************/
/***************************************************************************************************************************/
#credits					{ text-align: right; padding: 5px 10px; font: normal 9px Arial; color: #b3b3b3; }
.credits					{ font: normal 9px Arial; color: #b3b3b3; }

