﻿/* 	CSS Document  */


/* 	CSS Styles for AICEP / NetworkContacto
	WEB DESIGN: Filipe Preto / Create IT
--------------------------------------------------------- */



/* ELEMENTOS MASTER
--------------------------------------------------------- */

html { height:100%; }

body {
	font-family: Trebuchet MS;
	line-height:1em;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
}


.master {
	width:840px;
	margin:0px auto 0px auto;
	text-align:left;
}

.masterW {
	width:650px;
	text-align:left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 300px;
}


a img{ border:0; }
a { color:#669; text-decoration: none; }
a:hover { color: #27B0CC; text-decoration: underline; }
a:visited { color: #1D437A; text-decoration: none; }
a:visited:hover { color: #27B0CC; text-decoration: underline; }

td { color:#666; }


h1, h2, h3, h4, h5 { margin:10px 0px 5px; }


p { margin:0px 0px 12px 0px; }

.bold { font-weight:bold; }

.clear { clear:both; }

.fleft { float:left; }

.float01 { float: left; }

.float02 {
	float: right;
	width: 450px;
}

.center { text-align:center; }

.right { text-align:right; }

.hide { display:none; }

.lnk1 { text-decoration:none; }

.lnk1:hover { text-decoration:underline; }

.lnk2 { text-decoration:none; }




/* ELEMENTOS BASE DE LAYOUT
--------------------------------------------------------- */

.txt10 { font-family: Trebuchet MS; font-size:10px; }
.txt11 { font-family: Trebuchet MS; font-size:11px; }
.txt12 { font-family: Trebuchet MS; font-size:12px; }
.txt13 { font-family: Trebuchet MS; font-size:13px; }
.txt14 { font-family: Trebuchet MS; font-size:14px; }
.txt16 { font-family: Trebuchet MS; font-size:16px; }
.txt18 { font-family: Trebuchet MS; font-size:18px; }

.cor01 { color:#666666; }
.cor02 { color:#00A1DE; }
.cor03 { color:#D2E600; }
.cor04 { color:#FFFFFF; }
.cor05 { color:#27B0CC; }
.cor06 { color:#999999; }
.cor07 { color:#00A1E3; }
.cor08 { color:#F89401; }
.cor09 { color:#98D9E7; }
.cor10 { color:#9D9896; }
.cor11 { color:#999999; }

.bg01 { background-color:#666666; }
.bg02 { background-color:#00A1DE; }
.bg03 { background-color:#D2E600; }
.bg04 { background-color:#FFFFFF; }
.bg05 { background-color:#27B0CC; }
.bg06 { background-color:#999999; }
.bg07 { background-color:#00A1E3; }
.bg08 { background-color:#F89401; }
.bg09 { background-color:#98D9E7; }
.bg10 { background-color:#B4AFAD; }
.bg11 { background-color:#999999; }

.pad01 { padding-right:120px; }
.pad02 { padding-right:30px; }
.pad03 { padding-right:25px; }
.pad04 { padding-right:10px; }
.pad05 { padding-top:2px; }
.pad06 { padding-right:20px; }
.pad07 { padding-top:7px; }
.pad08 { padding-top:5px; }
.pad09 { padding-left:10px; }
.pad10 { padding-left:20px; }
.pad11 { padding-left:30px; }
.pad12 { padding-left:40px; }
.pad13 { padding-left:50px; }
.pad14 { padding-left:60px; }
.pad15 { padding-left:70px; }
.pad16 { padding-left:100px; }
.pad17 { padding-left:120px; }




/* ELEMENTOS DOS CONTEUDOS
--------------------------------------------------------- */


.formTable{
	font-family: Trebuchet MS;
	height: 15px;
	padding: 0px 0px 5px 0px;
}


.Evento{
	font-family: Trebuchet MS;
	padding: 0px 0px 20px 0px;
}

.dataEvento{
	font-family: Trebuchet MS;
	float: left;
	margin: 0px 15px 5px 0px;
	padding:0px;
	width: 100px;
	border-right: 1px solid #999;
}

.titleEvento{
	font-family: Trebuchet MS;
	padding:0px;
	font-size: 12px;
	font-weight: bold;
	color: #00A1DE;
}

.titleEvento a {
	color: #00A1DE;
	text-decoration: none;
}

.titleEvento a:hover {
	color: #27B0CC;
	text-decoration: underline;
}

.titleEvento a:visited {
	color: #00A1DE;
	text-decoration: none;
}

.titleEvento a:visited:hover {
	color: #27B0CC;
	text-decoration: underline;
}

.txtEvento{
	font-family: Trebuchet MS;
	clear:both;
	padding:0px;
}

.txtEvento img{
	align:right;
	text-align: right;
	margin-left: 10px;
}


form, dl, dt, dd{
	font-family: Trebuchet MS;
	margin:0px;
	padding:0px;
}


.formTextBox {
	width: 130px;
	clear: both;
	font-family: Trebuchet MS;
	color:#27B0CC;
	margin-top: 5px;
	margin-bottom: 5px;
	padding:0px;
}

.formButton {
	clear: both;
	font-family: Trebuchet MS;
	color:#00A1DE;
	margin-top: 2px;
	margin-bottom: 5px;
	padding:0px 3px 0 3px;
	border: 1px solid #CCC;
}

.inputbox {
	border: 1px solid #CCCCCC;
	background-color: #F6F6F6;
	margin-bottom:5px;
	margin-top:2px;
}

.inputbox:hover, .inputbox:focus {
	background-color: #EAFCF7;
}

.ul1{
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
}

.li1{
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
}


.mar1 p { margin:0px; }

#map1{ height:160px; }

#map2{ height:350px; }




.txtTop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFF;
	height: 20px;
	text-decoration: none;
}

.txtContents01{
	color:#999;
	font-size:0.9em;
	margin:10px 0 4px 0;
	padding-left: 10px;
}

.txtContentsLateral{
	text-align:right;
	color:#808999;
	font-size:0.7em;
	margin:10px 0 4px 0;
	line-height: 1.3em;
}


.contentsImg {
	float: right;
	width: 140px;
	background-color: #EBF8FB;
	border-left: 1px dotted #43B4CF;
	padding-left: 10px;
	margin:0 0 8px 8px;
}

.contentsBox {
	width: 137px;
	font-weight: bold;
	background-color: #EDFAFF;
	display: block;
	float: right;
	border-left: 1px dotted #43B4CF;
	padding:10px 3px 10px 10px;
	margin:0 0 8px 8px;
}


.sep1 {
	width:15px
	height:2px;
	background-color:#FFFFFF;
	margin:10px 0px 8px 0px;
	height: 2px;
}

.sep2 {
	width:15px;
	height:2px;
	background-color:#0099CC;
	margin:5px 0px 5px 0px;
}




/* HEADER
--------------------------------------------------------- */

#header {
	float: left;
	width:840px;
	height: auto;
	padding: 20px 0px 15px 0px;
}

.borderTop {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #D2E600;
	display: block;
	clear: both;
	float: left;
	width: 840px;
}

.cityTime {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: right;
	font-size: 0.7em;
	margin: 30px 5px 5px 150px;
}

.logo {
	width: 550px;
	text-align: left;
	margin-top: 10px;
	float: left;
}

.logo2 {
	float:left;
	width: 280px;
	text-align: left;
	background-color: #D2E600;
}

.membros {
	font-family: Arial, Helvetica, sans-serif;
	color: #00A1DE;
	text-align: right;
	font-size: 0.7em;
	width: 450px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: right;
}

.membrosOne {
	float: left;
	width: 100px;
}


/* MENU TOP
--------------------------------------------------------- */

.menuTop {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	text-align: right;
	font-size: 0.7em;
	width: 450px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: right;
}

.menuTop a { text-decoration: none; color:#666; }
.menuTop a:visited { text-decoration: none; color:#666; }
.menuTop a:hover { color:27B0CC; text-decoration: underline; }
.menuTop a:visited:hover { color:27B0CC; text-decoration: underline; }


/* MENU + SUBMENU AREAS
--------------------------------------------------------- */

.menuAreas {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	text-align: left;
	width: 280px;
	border:solid 2px #D2E600;
	height: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


.menuNav ul { list-style: none; padding: 0; margin: 0; }
.menuNav li { float: left; } 

.menuNav li a, menuNav li a:visited {
	float: left;
	display: block;
	height: 18px;
	color: #D2E600;
	text-decoration: none;
	padding:3px 8px 0px 6px;
} 

.menuNavActive li a {
	float: left;
	display: block;
	height: 18px;
	color: #666666;
	text-decoration: none;
	padding:3px 8px 0px 6px;
} 

.menuNav li a:hover, menuNav li a:visited:hover { 
	color: #FFF;
	display: block;
	height: 18px;
	text-decoration: none;
	background-color:#D2E600;
	padding:3px 8px 0px 6px;
}

.menuNav1 ul { list-style: none; padding: 0; margin: 0; }
.menuNav1 li { float: left; } 

.menuNav1 li a, menuNav1 li a:visited {
	float: left;
	display: block;
	height: 18px;
	color: #D2E600;
	text-decoration: none;
	padding:3px 8px 0px 6px;
} 

.menuNav1 li a:hover, menuNav1 li a:visited:hover { 
	color: #FFF;
	display: block;
	height: 18px;
	text-decoration: none;
	background-color:#F89401;
	padding:3px 8px 0px 6px;
}


.menuNavSelected ul { list-style: none; padding: 0; margin: 0; }
.menuNavSelected li { float: left; } 

.menuNavSelected li a, menuNavSelected li a:visited {
	float: left;
	display: block;
	height: 17px;
	color: #666666;
	text-decoration: none;
	padding:3px 8px 0px 6px;
} 

.menuNavSelected li a:hover, menuNavSelected li a:visited:hover { 
	color: #666666;
	display: block;
	height: 17px;
	text-decoration: none;
	background-color:#FFFFFF;
	padding:3px 8px 0px 6px;
}



.menuNavActive1 a {
	color: #666666;
	text-decoration: none;
} 

.menuNav2 ul { list-style: none; padding: 0; margin: 0; }
.menuNav2 li { float: left; } 

.menuNav2 li a, menuNav1 li a:visited {
	float: left;
	display: block;
	height: 18px;
	color: #D2E600;
	text-decoration: none;
	padding:3px 8px 0px 6px;
} 

.menuNavActive2 li a {
	float: left;
	display: block;
	height: 18px;
	color: #666666;
	text-decoration: none;
	padding:3px 8px 0px 6px;
} 

.menuNav2 li a:hover, menuNav2 li a:visited:hover { 
	color: #FFF;
	display: block;
	height: 18px;
	text-decoration: none;
	background-color:#00A1DE;
	padding:3px 8px 0px 6px;
}


/* Hide from IE5-Mac \*/
.menuNav li a { float: none; }
/* End hide */ 

.menuNav { width:17em}



.submenuAreas {
	float:left;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 0.8em;
	height: 20px;
	width: 100%;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

.submenuAreasContent {
	float:left;
	height:18px;
	border-top:solid 1px #D1C9CF;
	border-bottom:solid 1px #D1C9CF;
	width: auto;
}	

#submenuNav ul { list-style: none; padding: 0; margin: 0; }

#submenuNav li { float: left; } 

#submenuNav li a, submenuNav li a:visited {
	float: left;
	display: block;
	color: #999;
	text-decoration: none;
	padding:1px 10px 1px 10px;
} 

#submenuNav li a:hover, submenuNav li a:visited:hover { 
	display: block;
	color: #5B6066;
	text-decoration: none;
	background-color:#E9EAEC;
}

/* Hide from IE5-Mac \*/
#submenuNav li a { float: none; }
/* End hide */ 



/* DESTAQUE HOMEPAGE
--------------------------------------------------------- */


.destaqueHome {
	z-index: 30;
	position: absolute;
	width: 350px;
	height: 72px;
	margin: 130px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	background-color: #FFF;
	border-right:solid 1px #EAEAEA;
}

.destaqueBorderTop {
	height: 10px;
	border-top: solid 8px #D2E600;
	margin:0 25px 0 180px;
}


/* CAIXAS HOMEPAGE
--------------------------------------------------------- */

.caixaLogin {
	z-index: 30;
	float:right;
	width: 350px;
	margin: 20px 0px 0 0;
	padding:0 0 0 10px;
}

.caixasHome {
	z-index: 30;
	float:left;
	width: 820px;
	margin: 60px 0 0 0;
	padding:0 0 0 10px;
}

.cx1_bloco {
	background-color: #FFF;
	float:left;
	width: 254px;
	margin: 0px 16px 20px 0px;
	padding: 0px;
}

.cx2_bloco {
	background-color: #FFF;
	float:left;
	width: 276px;
	margin: 0px 16px 20px 0px;
	padding: 0px;
}
	
.cx1-seta {
	width:20px;
	height:17px;
	float:right;
}

.cx1-top{
	margin-top:15px;
	width:254px;
	height:5px;
	background-image:url(/PublishingImages/cx1-top.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}

.cx1-fnd{
	width:234px;
	background-image:url(/PublishingImages/cx1-fundo.gif);
	background-repeat:repeat-y;
	padding:0px 10px 2px 10px;
}

.cx1-bot{
	width:254px;
	height:5px;
	background-image:url(/PublishingImages/cx1-bot.gif);
	background-repeat:no-repeat;
}

.cx2-top{
	width:306px;
	height:5px;
	background-image:url(/PublishingImages/cx2-top.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}

.cx2-fnd{
	width:270px;
	background-image:url(/PublishingImages/cx2-fundo.gif);
	background-repeat:repeat-y;
	padding:0px 20px 4px 20px;
}

.cx2-bot{
	width:306px;
	height:5px;
	background-image:url(/PublishingImages/cx2-bot.gif);
	background-repeat:no-repeat;
}



/* CAIXAS SAIBA MAIS
--------------------------------------------------------- */

.cxSaibaMais {
	color:#666666;
	float: right;
	width: 500px;
	padding-top: 20px;
	bottom: 0px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	position: relative;
}

.cxTxtSeparador {
	margin-top: 10px;	
	margin-left: 20px;
}


.cxTxt {
	font-size:0.6em;
	list-style:none;
	color:#666666;
	width: 455px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}

.cxSaibaMais a { color: #00A1DE; text-decoration: underline; }
.cxSaibaMais a:visited { color: #00A1DE; text-decoration: underline; }
.cxSaibaMais a:hover { color: #27B0CC; text-decoration: underline; }
.cxSaibaMais a:visited:hover { color: #27B0CC; text-decoration: none; }


.cxBarra {
	float:left;
	width:11px;
	background-image: url(/PublishingImages/cx-bullet2.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
	padding-top: 10px;
	margin-right:10px;
	padding-bottom: 50px;
	height:auto;
}



/* PATHLINE
--------------------------------------------------------- */


.path { 
	padding:0 0 15px 0;
	color: #9CA3AD;
}

.path ul {
	padding: 0;
	margin: 0;
	font-size: 1em;
}

.path ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

.path ul li a {
	color: #666;
	text-decoration: none;
}

.path ul li a:visited {
	color: #666;
	text-decoration: none;
}

.path ul li a:hover {
	color: #27B0CC;
	text-decoration: underline;
}

.path ul li a:visited:hover {
	color: #27B0CC;
	text-decoration: underline;
}

.path ul li a {
	background-image: url(/PublishingImages/path-line.gif);
	background-repeat: no-repeat;	
	background-position:right;
	padding-right: 10px;
}




/* CONTENT DIVs
--------------------------------------------------------- */




#content { margin-top:140px; }

#contentW {
	float: left;
	width: 820px;
	margin: 10px;
}

#content_a0 {
	float:left;
	width:510px;
	padding-left:0px;
}

#content_a1 {
	width:250px;
	background:#FFFFFF;
	padding:0px 40px 0px 0px;
}

#content_a2 {
	float:left;
	padding-top:112px;
}

#content_b0 {
	float:right;
	width:600px;
	padding-left:16px;
	padding-bottom:15px;
}

#content_b1 {
	width:500px;
	background:#FFFFFF;
	padding:23px 30px 0px 22px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E2F4F7;
}

#content_b2 {
	float:left;
	padding-top:12px;
}

#hpage {
	width:400px;
	height:90px;
}

#bottom { padding-left:55px; }

.footer {
	clear: both;
	width: 820px;
	display: block;
	font-family: Arial, Helvetica, "sans-serif #999";
	font-size: 9px;
	color: #666;
	float: left;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}



/* NUMEROS DE PAGINA NAVEG */


#pages {
	width:400px;
	font-family:verdana;
	font-size:10px;
	align:center;
	padding-top:10px;
}
		
#pag_esq {
	width:75px;
	float:left;
	text-align:left;
}

#pag_cent {
	width:250px;
	float:left;
	text-align:center;
}

#pag_dir {
	width:75px;
	float:left;
	text-align:right;
}

/* MENUS DE NIVEL 1
---------------------------------------------------------*/ 

.menuCanais {
	float:left;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-transform: uppercase;
	text-align: center;
	width: 320px;
	height: 20px;
	margin: 0 0 5px 0;
}

#menuCanal1 ul { list-style: none; padding: 0; margin: 0; }
#menuCanal1 li { float: left; } 

#menuCanal1 li a, menuNav li a:visited {
	float: left;
	display: block;
	height: 18px;
	text-decoration: none;
	padding:5px 8px 0px 8px;
	color: #FFF;
	background-color: #D2E600;

} 

.menuCanal1Active li a {
	display: block;
	height: 18px;
	text-decoration: none;
	padding:5px 8px 0px 8px;
	color: #D2E600;
	background-color:#FFF;
} 

#menuCanal1 li a:hover, menuCanal1 li a:visited:hover { 
	display: block;
	height: 18px;
	text-decoration: none;
	padding:5px 8px 0px 8px;
	color: #D2E600;
	background-color:#FFF;
}




#menuCanal2 ul { list-style: none; padding: 0; margin: 0; }
#menuCanal2 li { float: left; } 

#menuCanal2 li a, menuCanal2 li a:visited {
	float: left;
	display: block;
	height: 18px;
	text-decoration: none;
	padding:5px 8px 0px 8px;
	color: #FFF;
	background-color: #5D56A1;
} 

.menuCanal2Active li a {
	color: #FFF;
	display: inline;
	height: 18px;
	text-decoration: none;
	padding:5px 8px 0px 8px;
	color: #5D56A1;
	background-color: #FFF;
} 

#menuCanal2 li a:hover, menuCanal2 li a:visited:hover { 
	color: #5D56A1;
	display: block;
	height: 18px;
	text-decoration: none;
	padding:5px 8px 0px 8px;
	color: #5D56A1;
	background-color: #FFF;
}



#menuCanal3 ul { list-style: none; padding: 0; margin: 0; }
#menuCanal3 li { float: left; } 

#menuCanal3 li a, menuCanal3 li a:visited {
	float: left;
	display: block;
	height: 18px;
	text-decoration: none;
	padding:5px 8px 0px 8px;
	color: #FFF;
	background-color: #00A6E1;
}

.menuCanal3Active li a {
	display: block;
	height: 18px;
	text-decoration: none;
	padding:5px 8px 0px 8px;
	color: #00A6E1;
	background-color: #FFF;
} 

#menuCanal3 li a:hover, menuCanal3 li a:visited:hover { 
	display: block;
	height: 18px;
	text-decoration: none;
	padding:5px 8px 0px 8px;
	color: #00A6E1;
	background-color: #FFF;
}





/* MENU + SUBMENU AREAS
--------------------------------------------------------- */
.ms-rteCustom-BlueSmall
{
font-family: Trebuchet MS; font-size:10px;
color: #00A1DE;
}

.ms-rteCustom-OrangeSmall
{
font-family: Trebuchet MS; font-size:10px;
color:#F89401; 
}

.ms-rteCustom-BlueNormal
{
font-family: Trebuchet MS; font-size:12px;
color: #00A1DE;
}

.ms-rteCustom-OrangeNormal
{
font-family: Trebuchet MS; font-size:12px;
color:#F89401; 
}

.ms-rteCustom-BlueLarge
{
font-family: Trebuchet MS; font-size:16px;
color: #00A1DE;
}

.ms-rteCustom-OrangeLarge
{
font-family: Trebuchet MS; font-size:16px;
color:#F89401; 
}



