/* ================================= */
/* Configuração de título            */
/* ================================= */
.TabelaCampoTitulo
{
	text-align: left;
	color: #666666;
}

.TabelaCampoTituloMVC
{
	text-align: left;
	color: #666666;
	font-size: small;
}

.TabelaCampoTituloCentro
{
	text-align: center;
	color: #666666;
}

.TabelaCampoTituloCentroBotton
{
	text-align: center;
	color: #666666;
	vertical-align: bottom;
}

.TabelaCampoTitulo30
{
	text-align: left;
	height: 30px;
	vertical-align: middle;
	color: #666666;
}

.TabelaCampoTitulo30MVC
{
	text-align: left;
	height: 30px;
	vertical-align: middle;
	color: #666666;
	font-size: small;
}


.TabelaCampoTitulo30RespostaMVC
{
	text-align: left;
	vertical-align: middle;
	color: #0066FF;
	font-size: small;
	font-family: Arial, Serif;
	
}


.TituloAzul
{
	margin: 0;
	padding: 0;
	width: 160px;
	border-bottom: 0px;
	color: #0c4da2;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}
/*==================================*/
/*      lista de icones             */
/*==================================*/

div.bigIcons div{margin:0 0 20px 30px;
			width:110px;height:120px;
			background-image:url('http://online.geribello.com.br/static/img/bgBigIcons.png');
			background-repeat:no-repeat;
			background-position:0;float:left;
			text-align:center;
			background-position:0 10px;
		}
		div.bigIcons div img{
			width:80px;
			margin:25px 15px 0 15px;
			border: none;
			background-image:none !important;
			}
		div.bigIcons div h6{
		padding-top:4px;
		font-size:14px;
		font-weight:bolder;
		color:#0C4DA2;}
		div.bigIcons div:hover {background-position:-110px 10px;}
		

/* ====================================== */
/* Configuração de controles (label, etc) */
/* ====================================== */
.TabelaCampoControle
{
	text-align: left;
	height: 35px;
	vertical-align: middle;
}

.TabelaCampoControle90
{
	text-align: left;
	height: 90px;
	vertical-align: top;
}


/* ================================= */
/* Configuração de Grid              */
/* ================================= */
.ControleGrid
{
	background-color: #fff;
	margin: 5px 0 10px 0;
	border: solid 1px #525252;
	border-collapse: collapse;
	font-size: 11px;
}


/* ================================= */
/* Configuração dos detalhes do grid */
/* ================================= */
.ControleGrid td
{
	padding-top: 2px;
	padding-left: 10px;
	border: solid 1px #c1c1c1;
	color: #717171;
	height: 15px;
}

.ControleGrid th
{
	padding-top: 4px;
	padding-right: 2px;
	padding-left: 10px;
	color: #2F6F8A;
	background-color: #CEDBE7;
	border-left: solid 1px #525252;
	height: 25px;
}


/* ============================================================== */
/* Configuração da cor que alterna na linha do grid (azul claro)  */
/* ============================================================== */
.ControleGridCorLinha
{
	background-color: #E4F1FA;
}


/* ============================================================== */
/* Configuração para ocultar a visualização de uma coluna do grid */
/* sem perder o valor da informação                               */
/* ============================================================== */
.ControleGridDesableColunGrid
{
	display: none;
}


/* ============================================================== */
/* Configuração do Botão (tipo oval)                              */
/* ============================================================== */
a.BotaoOval
{
	background: url('../img/botoes/oval-gray-left.gif') no-repeat left top;
	display: block;
	float: left;
	line-height: 16px;
	padding-left: 11px;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 13px;
	font-family: Tahoma;
}

a.BotaoOval span
{
	background: transparent url('../img/botoes/oval-gray-right.gif') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0;
}

a.BotaoOval:hover
{
	background-position: bottom left;
}

a.BotaoOval:hover span
{
	background-position: bottom right;
	color: black;
}

a:link.BotaoOval, a:visited.BotaoOval, a:active.BotaoOval
{
	color: #494949;
}


/* ============================================================== */
/* Configuração do grid para Lançamento da Medição (UFABC)        */
/* ============================================================== */
TABLE.gridLancMedicao
{
	background-color: #6699FF;
	font-family: Arial, Serif;
	border: solid 1px #525252;
	border-collapse: collapse;
}

TABLE.gridLancMedicao TR
{
	background-color: #fcfcfc;
	border-width: 0;
}

TABLE.gridLancMedicao TH
{
	padding-top: 4px;
	padding-right: 2px;
	padding-left: 2px;
	background: #424242 url(../img/bg_menu.png) repeat-x top;
	border-left: solid 1px #525252;
	height: 25px;
	color: #2F6F8A;
	background-color: #CEDBE7;
}

TABLE.gridLancMedicao TD
{
	padding: 4px;
	color: #717171;
}

TR.noFilhoLancMedicao TD
{
	padding-left: 4px;
	font-size: smaller;
}

TR.noPaiLancMedicao TD
{
	padding: 4px;
	text-decoration: bold;
	background-color: #E4F1FA;
}


/* ============================================================== */
/* Configuração do grid para Medição (UFABC)                      */
/* ============================================================== */
TABLE.gridMedicaoItem
{
	background-color: #6699FF;
	font-family: Arial, Serif;
	border: solid 1px #525252;
	border-collapse: collapse;
}

TABLE.gridMedicaoItem TR
{
	background-color: #fcfcfc;
	border-width: 0;
}

TABLE.gridMedicaoItem TH
{
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	background: #424242 url(../img/bg_menu.png) repeat-x top;
	border-left: solid 1px #525252;
	height: 25px;
	color: #2F6F8A;
	background-color: #CEDBE7;
}

TABLE.gridMedicaoItem TD
{
	padding: 4px;
	color: #717171;
}

TR.noFilho TD
{
	padding-left: 4px;
	font-size: smaller;
}

TR.noPai TD
{
	padding: 4px;
	text-decoration: bold;
	background-color: #E4F1FA;
}


/* =================================================== */
/* Configuração do Título do Form                      */
/* =================================================== */
div.tituloForm
{
}

div.tituloForm-noresult
{
	min-height: 1px; /*([IE<=6]*/
	height: auto;
}

div.tituloForm-noresult div.message
{
	margin: 12px;
}

div.tituloForm div.top
{
	background: transparent url(../imgV2/my-account-top-bg.gif) no-repeat 100% -260px;
	height: 107px;
	margin-top: 20px;
	margin-bottom: 30px; /*([IE<=6]*/
	overflow: hidden;
}

div.tituloForm div.box
{
	width: 31%;
	height: 107px;
	background: transparent url(../imgV2/my-account-top-bg.gif) no-repeat;
	padding-left: 35px;
	padding-top: 15px;
	font-size: 0.90em;
}

div.tituloForm h1
{
	font-size: 1.8em;
	font-weight: normal;
	color: #E63B29;
	text-transform: lowercase;
	font-family: Trebuchet MS,Tahoma,sans serif;
}

div.tituloForm h1 em
{
	font-style: normal;
	color: #999;
}

div.tituloForm div.box, div.tituloForm h1, div.tituloForm div.description
{
	float: left;
}

div.tituloForm div.description
{
	background: transparent url(../imgV2/my-account-top-bg.gif) no-repeat 0 -140px;
	width: 55%;
	height: 96px;
	margin-top: 5px;
	padding-left: 55px;
}

div.tituloForm div.description p
{
	margin: 5px;
}

div.tituloForm div.description p strong
{
	color: #666;
	font-size: 0.90em;
}

div.tituloForm h3 a, div.tituloForm h3 a:hover
{
	color: inherit;
}


/* =================================================== */
/* Configuração Div Line */
/* =================================================== */
/*([IE<=6]*/div.form div.line
{
	min-height: 1px;
}
/*)*/
/*([!IE]*/div.form div.line:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*)*/

div.form div.line
{
	min-height: 1px;
	clear: both;
	padding: 0 0 8px 20px;
}

div.form div.lineCenter
{
	min-height: 1px;
	clear: both;
	padding: 0 0 8px 20px;
	text-align: center;
}

div.form div.lineRight
{
	clear: both;
	min-height: 1px;
	clear: both;
	padding: 0 0 8px 20px;
	text-align: right;
}


div.line-phones
{
	background: transparent url(../imgV2/line-dotted.gif) repeat-x scroll 0 0;
	margin-top: 15px;
	padding-top: 15px;
}


/* =================================================== */
/* Configuração Form/Controles                         */
/* =================================================== */
div.form
{
	padding: 0 15px;
	font-size: 12px;
	text-align: left;
}

div.form h3
{
	background: transparent url(../imgV2/form-title-bg.gif) no-repeat 100% 0;
	height: 27px;
	clear: both;
	margin: 20px 0 10px 0;
}

div.form h3 strong
{
	background: transparent url(../imgV2/form-title-bg.gif) no-repeat 0 -30px;
	line-height: 1.3em;
	float: left;
	padding: 5px 0 5px 20px;
	font-size: 14px;
}

div.form h4
{
	background: transparent url(../imgV2/line-dotted.gif) repeat-x 0 100%;
	height: 22px;
	clear: both;
	font-size: 1.3em;
	margin: 8px 0 10px 50px;
}

/*([IE<=6]*/div.form div.line
{
	min-height: 1px;
}
/*)*/
/*([!IE]*/div.form div.line:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*)*/

div.form div.line
{
	min-height: 1px;
	clear: both;
	padding: 0 0 8px 20px;
}

div.form div.lineCenter
{
	min-height: 1px;
	clear: both;
	padding: 0 0 8px 20px;
	text-align: center;
}

div.form div.lineRight
{
	clear: both;
	min-height: 1px;
	clear: both;
	padding: 0 0 8px 20px;
	text-align: right;
}

div.line-phones
{
	background: transparent url(../imgV2/line-dotted.gif) repeat-x scroll 0 0;
	margin-top: 15px;
	padding-top: 15px;
}

div.form div.control
{
	float: left;
	margin: 0 20px 0 0;
}

div.form div.control input, div.form div.control select, div.form div.control textarea, div.form div.control span.text
{
	float: left;
	text-transform: uppercase;
}

div.form div.control span.text
{
	padding: 3px;
}

div.form div.control a.button-confirm, div.form div.control a.button-cep
{
	float: left;
	margin: 2px;
}

div.form div.control label
{
	font-size: 0.9em;
	line-height: 2.1em;
	color: #666;
	font-weight: bold;
	padding: 0 5px 0 0;
	margin-bottom: 3px;
}

div.form div.control label em
{
	display: inline;
	font-style: normal;
	font-size: 1em;
	font-weight: normal;
}

div.form div.required label
{
	background: transparent url(../imgV2/form-required.gif) no-repeat 0 4px;
	padding-left: 8px;
}

div.form input, div.form select, div.form textarea
{
	color: #0072C9;
	padding: 3px;
	font-size: 12px !important;
}

div.form select
{
	padding: 1px;
	height: 21px;
}

div.form div.select1-full
{
}

div.form div.select1-full span
{
	clear: both;
	float: left;
	margin-top: 2px;
}

div.form div.select1-full span *
{
	float: left;
}

div.form div.select1-full span label
{
	padding-top: 1px;
	background: none;
	padding-left: 0;
}

div.form div.select-full *
{
	float: left;
}

div.form div.select-full label input
{
	margin-top: 0;
}


/* ======================================== */
/* Configuração da MasterPage               */
/* ======================================== */
*
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

body
{
	color: #414142;
	font: 62.5% tahoma, arial, verdana, helvetica;
	background: #CCC;
}

p
{
	font-size: 1.2em;
	line-height: 15px;
	margin-bottom: 10px;
	color: #575757;
	letter-spacing: 0.2pt;
	font: tahoma, arial, verdana, helvetica;
}

.cabecalho
{
	margin: 0 auto 0 auto;
	width: 980px;
	position: absolute;
}

.centraliza
{
	margin: 0 auto 0 auto;
	width: 980px;
}

.menuAtalho
{
	position: absolute;
	top: 0;
	right: 250px;
	z-index: 1;
	height: 16px;
	width: 980px;
	text-align: right;
	color: white;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}

.menuAtalho li
{
	display: inline;
	margin-right: 0px;
	list-style: none;
}

.menuAtalho img
{
	border: 0px;
}

.logo
{
	position: absolute;
	right: 0px;
	left: 19px;
	top: 15px;
	bottom: 0;
	z-index: 10;
}


.logo2
{
	position: absolute;
	right: 0px;
	left: 750px;
	top: 15px;
	bottom: 0;
	z-index: 10;
}



.NomeUsuario
{
	font-size:14px;
	text-align:center;
	position: absolute;
	left: 270px;
	top: 170px;
	z-index: 99;
}

.NomeSite
{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	position: absolute;
	left: 270px;
	top: 140px;
	z-index: 99;
	}

.slogan
{
	position: absolute;
	top: 80px;
	left: 30px;
	z-index: 9;
}

.slogan p
{
	font-size: 1.1em;
	font-weight: bold;
	color: #757575;
}

.obra
{
	width: 100px;
	height: 70px;
	position: absolute;
	right: 40px;
	top: 60px;
	z-index: 8;
}

.obra p
{
	font-size: 1.1em;
	font-weight: bold;
	color: #034EA2;
}

.mascara
{
	position: absolute;
	top: 0;
	z-index: 0;
}

.container_horizontal
{
	float: inherit;
	width: 100%;
	height: 32px;
	padding-left: 0px;
}

.container_geral_home
{
	width: 980px;
	display: table;
	margin: 0 auto 0 auto;
	padding: 200px 0 50px 0px;
	background: url(../App_Themes/LayoutV2/imgV2/bg_container_geral_home.jpg) #FFF no-repeat;
	background-position: bottom;
}

.container_geral_home:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

ul#primary-nav, ul#primary-nav ul
{
	margin: 0;
	padding: 0;
	width: 160px; /* Width of Menu Items */
	border-bottom: 0px;
	background-color: #e4e5e6; /* IE6 Bug */
	font-size: 100%;
	font-weight: bold;
	display: inline;
}

ul#primary-nav li
{
	position: relative;
	list-style: none;
	display: inline;
}

ul#primary-nav li a
{
	text-decoration: none;
	color: #0c4da2;
	padding: 5px;
	border-top: 0px;
	border-left: 1px solid #e4e5e6;
	border-right: 1px solid #e4e5e6;
	border-bottom: 0px;
	font-size: 1.1em;
	background: #e4e5e6; /* essa parte faz com que a linha tracejada na cor branca, que aparece no menu horizontal, seja trocada pela cor cinza */
}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li
{
	float: left;
	height: 1%;
}
* html ul#primary-nav li a
{
	height: 1%;
}
/* End */

ul#primary-nav ul
{
	position: absolute;
	display: none;
	left: 161px; /* Set 1px less than menu width */
	top: 0;
}

ul#primary-nav li ul li a
{
	padding: 5px;
}
/* Sub Menu Styles */

ul#primary-nav li:hover ul ul, ul#primary-nav li:hover ul ul ul, ul#primary-nav li.over ul ul, ul#primary-nav li.over ul ul ul
{
	display: none;
}
/* Hide sub-menus initially */

ul#primary-nav li:hover ul, ul#primary-nav li li:hover ul, ul#primary-nav li li li:hover ul, ul#primary-nav li.over ul, ul#primary-nav li li.over ul, ul#primary-nav li li li.over ul
{
	display: block;
}
/* The magic */

ul#primary-nav li.parent
{
	background: transparent url(../imagens/seta.gif) right top no-repeat;
}

ul#primary-nav li.parent:hover, ul#primary-nav li.over
{
	background-color: #f9f9f9;
}

ul#primary-nav li a:hover
{
	color: #6ba2ea;
}


/* =================================================== */
/* Configuração de Botão (quadrado) */
/* =================================================== */
.BotaoQuadrado
{
	border-right: #104a7b 1px solid;
	border-top: #afc4d5 1px solid;
	font-size: 12px;
	background-image: none;
	border-left: #afc4d5 1px solid;
	cursor: hand;
	color: black;
	border-bottom: #104a7b 1px solid;
	background-repeat: repeat;
	font-family: Tahoma,Verdana;
	height: 20px;
	background-color: #CEDBE7;
	text-decoration: none;
	text-align: center;
}

#img_topo
{
	z-index: 0;
	position: absolute;
	top: 15px;
	left: 220px;
}

/* =================================================== */
/* Mensagem de Aguarde*/
/* =================================================== */

.mensagemInfo
{
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.mensagemInfo
{
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url(../imgV2/alert_info.png);
}

.minHeight
{
	min-height: 350px; /*([!IE]*/
	overflow: hidden; /*)*/
}


/* ================================= */
/* Configuração de título MVC           */
/* ================================= */

.CampoTituloAlbumMVC
{
    background-color: Gray;
    color: White;
    width: 220px;
    display: block;
    font-weight: bold;
    vertical-align: middle;
    padding: 2px 4px 4px 2px;
}
.CampoTituloDetalheAlbumMVC
{
    background-color: Gray;
    color: White;
    width: 600px;
    display: block;
    font-weight: bold;
    vertical-align: middle;
    padding: 2px 4px 4px 2px;
}

.fieldsetPesquisa
{
    margin: 10px 0;
    padding: 0 0 10px 16px;
}

.fieldsetLegend
{
    font-size: 1.3em;
    padding: 0 5px;
    color: #666; /* se não definir no IE será renderizado #0046d5(azul) */
}

.labelPesquisa
{
    float: left;
    clear: left;
    width: 90px;
    display: block;
    text-align: right;
    padding: 4px 4px 0 0;
    margin: 4px 0; /* há herança do elemento pai */
    height: 18px; /* Pra ficar com o mesmo tamanho do input    a altura do label deveria ser 22px (20px da altura + 2px da borda do input)    mas como existe um padding superior de 4px ele passa a ser 18px */
}

.linkAcompServico
{
    color:blue; 
    font-size:9px;
   
}
/*---------------------------MARCUS-------------------------*/
.listPortais {margin:0 auto;padding:0;overflow:auto;width:900px;}
    .listPortais ul {margin:0;padding:0;overflow:auto;list-style:none;}
    .listPortais ul li {margin: 25px 25px 5px 5px;padding:0;overflow:auto;width: 115px;height: 115px;float:left;border:2px solid #CCC;text-align:left;-webkit-border-radius:5px;-moz-border-radius:5px; background-color:#fff;}
        .listPortais ul li a {margin:0 0 0 5px;padding:0;text-decoration:none;float:left;width: 105px;color:#000;display:block;}
        .listPortais ul li a h6{margin:2px 0 2px 0 ;width:100%;text-align:center;font-weight:bold;font-size:12px;border-bottom:2px solid #ccc;}
        .listPortais ul li a img {margin: 2px 0 0 8px;padding:0;border:none;width: 80px;}
        .listPortais ul li a * {text-align:center;}
        .listPortais ul li a:link {margin:0;padding:0;}
        .listPortais ul li a:visited  {margin:0;padding:0;}
        .listPortais ul li a:hover  {margin:0;padding:0;}
        .listPortais ul li a:active {margin:0;padding:0;}
        .listPortais ul li:hover {border:2px solid #0C4DA2;background-color:#DDD;}
            .listPortais ul li:hover h6{border-bottom:2px solid #0C4DA2;}