/* Default CSS Stylesheet for a new Web Application project */
/* SOUZANET.COM */
https://youtu.be/sZQQi2fhAgU
/*
masterPage: snGestor.master
masterPageConfig: snGestor.master
masterPageDefault: snGestor.master
masterPageGestor: snGestor.master
masterPageErro: snGestor.master
*/

html, form {
    width: 100%;
    height: 100%;
    min-height: 100%;
}

#tblNenhuma { 
    background-color: rgba(255,255,255,.7); 
    height: 100%;
    min-height: 100%;
}

#tblNenhuma td { 
    height: 100%;
    min-height: 100%;
    vertical-align: top;
}

BODY
{
	overflow: auto;
	margin: 0px;
	font-family: sans-serif;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

@font-face { font-family: euro35; src: url("fonts/eurof35.ttf"), url("fonts/eurof35.eot") }
@font-face { font-family: euro36; src: url("fonts/eurof36.ttf"), url("fonts/eurof36.eot") }
@font-face { font-family: euro55; src: url("fonts/eurof55.ttf"), url("fonts/eurof55.eot") }
@font-face { font-family: euro56; src: url("fonts/eurof56.ttf"), url("fonts/eurof56.eot") }
@font-face { font-family: euro75; src: url("fonts/eurof75.ttf"), url("fonts/eurof75.eot") }
@font-face { font-family: euro76; src: url("fonts/eurof76.ttf"), url("fonts/eurof76.eot") }
@font-face { font-family: Adolphus; src: url("fonts/Adolphus.ttf"), url("fonts/Adolphus.eot") }
@font-face { font-family: amerika_sans; src: url("fonts/amerika_sans.ttf"), url("fonts/amerika_sans.eot") }
@font-face { font-family: asymek; src: url("fonts/asymek.ttf"), url("fonts/asymek.eot") }
@font-face { font-family: importGeometr706; src: url(fonts/placcond.ttf), url(fonts/placcond.eot); font-weight: 100; }
@font-face { font-family: importArchivoNarrow; src: url(fonts/ArchivoNarrow-Regular.ttf), url(fonts/ArchivoNarrow-Regular.eot); }
@font-face { font-family: "Lato"; font-style: normal; font-weight: 300; src: local("Lato Light"), local("Lato-Light"), url("fonts/EsvMC5un3kjyUhB9ZEPPwg.woff2") format("woff2"), url("fonts/KT3KS9Aol4WfR6Vas8kNcg.woff") format("woff"); }

#areaCabecalho {
    display: none;
    visibility: hidden;    
}

#areaCabecalhox:before {
    content: url(https://esg.souzanet.com.br/img/logoimp.jpg);
    align-content: center;
    justify-content: center;
}

        
#areaMenu {
padding-right: 20px;
padding-left: 20px;
    *border-bottom: solid 1px dimgray;
    -webkit-box-shadow: 0px 9px 5px -6px rgba(138,138,138,1);
    -moz-box-shadow: 0px 9px 5px -6px rgba(138,138,138,1);
    box-shadow: 0px 9px 5px -6px rgba(138,138,138,1);

 
    order: 2; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-ordinal-group: 2; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2; /* OLD - Firefox 19- */
    -ms-flex-order: 2; /* TWEENER - IE 10 */
    -webkit-order: 2; /* NEW - Chrome */
    width: 100%;
    
    animation-name: montar;
    animation-duration: 0.5s;    
    -webkit-animation-name: montar;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: montar;
    -moz-animation-duration: 0.5s;

    text-align: center;
    background-color: #ffffff;
}

#areaMenuSecundario {
    display: none;
    visibility: hidden;
}

#areaLogin {
    xheight: 10px;
    xbackground-color: #b6ff00; /* verde */
    order: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-ordinal-group: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1; /* OLD - Firefox 19- */
    -ms-flex-order: 1; /* TWEENER - IE 10 */
    -webkit-order: 1; /* NEW - Chrome */
    width: 100%;
    
    animation-name: montar;
    animation-duration: 0.5s;
    -webkit-animation-name: montar;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: montar;
    -moz-animation-duration: 0.5s;
}

#areaBanner {
    display: none;
    visibility:hidden;
}

#areaCorpo {
    xheight: 550px;
    order: 4; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-ordinal-group: 4; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 4; /* OLD - Firefox 19- */
    -ms-flex-order: 4; /* TWEENER - IE 10 */
    -webkit-order: 4; /* NEW - Chrome */
    width: 100%;
    
    animation-name: montar;
    animation-duration: 0.5s;
    -webkit-animation-name: montar;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: montar;
    -moz-animation-duration: 0.5s;
    text-align: center;
}

#areaRodape {
    width: 100%;
    height: 373px;

    order: 5; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-ordinal-group: 5; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 5; /* OLD - Firefox 19- */
    -ms-flex-order: 5; /* TWEENER - IE 10 */
    -webkit-order: 5; /* NEW - Chrome */
        
    animation-name: montar;
    animation-duration: 0.5s;
    -webkit-animation-name: montar;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: montar;
    -moz-animation-duration: 0.5s;
}


input[type="text"]:not(.not).container:not(.not).form-control, input[type="password"]:not(.not).container:not(.not).form-control {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border: solid 1px #999999;
}

select:not(.not).container {
    height: 25px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border: solid 1px #999999;
}

textarea:not(.not).container {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border: solid 1px #999999;
}

/* 
=============================================================================================== 
==                            Configura��es do cabecalho                                     ==
===============================================================================================

/* C�lula onde fica a tabela do cabe�alho cabe�alho */
.linhaCabecalho 
{
	background-imagex: url(http://www.esg.souzanet.com.br/img/2014/cabecalho.png);
	background-repeat: no-repeat;
    background-position: center top;
	height: 85px;
}

/* moldura do cabe�alho */
.colunaCabecalhoTituloCelulaEsq {}
.colunaCabecalhoTituloCelula {}
.colunaCabecalhoTituloCelulaDir {}
.colunaCabecalhoCelulaEsq {}
.colunaCabecalhoCelula { width: 100%; }
.colunaCabecalhoCelulaDir {}
.colunaCabecalhoRodapeCelulaEsq {}
.colunaCabecalhoRodapeCelula {}
.colunaCabecalhoRodapeCelulaDir {}
/* Parte direita da tabela */
.colunaCabecalhoDireita { padding-right: 6px; }
/* Parte do meio da tabela */
.colunaCabecalhoEsquerda 
{
      text-align: center;
      width: 100%;
}
/* Parte esquerda da tabela, onde configuram-se os idiomas */
.colunaCabecalhoIdioma {}
/* RadioButtomList dos idiomas */
.idioma 
{
	display: none;
	visibility: hidden;
	height: 0px;
	width: 0px;
}

.linhaPropagandaCabecalho {}
/* moldura do cabe�alho propaganda */
.propagandaCabecalhoTituloCelulaEsq {}
.propagandaCabecalhoTituloCelula {}
.propagandaCabecalhoTituloCelulaDir {}
.propagandaCabecalhoCelulaEsq {}
.propagandaCabecalhoCelula {}
.propagandaCabecalhoCelulaDir {}
.propagandaCabecalhoRodapeCelulaEsq {}
.propagandaCabecalhoRodapeCelula {}
.propagandaCabecalhoRodapeCelulaDir {}
/*
===============================================================================================
==                                  Propaganda movel                                         ==
===============================================================================================
*/
/* moldura do cabe�alho propaganda */
.propagandaTituloCelulaEsq {}
.propagandaTituloCelula {}
.propagandaTituloCelulaDir {}
.propagandaCelulaEsq {}
.propagandaCelula {}
.propagandaCelulaDir {}
.propagandaRodapeCelulaEsq {}
.propagandaRodapeCelula {}
.propagandaRodapeCelulaDir {}
/* 
=============================================================================================== 
==                   configura��es not�cias de destaque cabecalho                            ==
===============================================================================================

*/
/* Linha onde entrar�o as not�cias de destaque  */
.linhaPropaganda {}
.tblDestaque {}
/* 
=============================================================================================== 
==                              configura��o estrutural do site                              ==
===============================================================================================

*/
.tblCabecalhoMenu
{
	background-color: #FFF;
	box-shadow: 0px 0px 10px -5px;
	z-index: 1000;
	width: 100%;
}

.cabecalhoMenuCelulaEsq { width: 50%; }
.cabecalhoMenuCelulaDir { width: 50%; }

.tblCabecalho
{
	width: 273px;
	height: 126px;
	display: inline-table inline;
}

.tblMenu 
{
	width: 100%;
	height: 126px;
	display: inline-table inline;
}

.tblFaleConosco { display: none; visibility: hidden; }

.tblRodape
{
        width: 100%;
}

.linhaRodape {}

.linhaLogo {}

.rodapeTituloCelula
{
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #DDDDDD;
}

.rodapeCelulaEsq
{
    display: none;
    visibility: hidden;
}

.rodapeCelula
{
    height: 53px;
    width: 100%;
    text-align: center;
}

.rodapeCelulaDir
{
    display: none;
    visibility: hidden;
}

.tblLogin
{
	width: 100%;
	text-align: center;
	display: inline-table inline;
    height: 40px;
}

.tblCorpo
{
	width: 100%;
	text-align: center;
	display: inline-table inline;
}

.tblCorpoTotal
{
	text-align: center;
	margin: 0px;
    vertical-align: top;
	overflow: visible;
	font-family: sans-serif;
	font-size: 10pt;
}

/* Utilizado para layout 0002 - Tabela onde se encaixa o menu. */
.tblCorpoMenu {}
/* Utilizado para layout 0002 - Tabela onde se encaixa o restante do site: cabe�alho, not�cias e barra de menu util. */
.tblCorpoCelAreaLivre 
{
	vertical-align: top;
}

.tblAreaLivreFundo {}

.tblAreaLivre
{
	width: 990px;
	vertical-align: top;
	height: 400px;
}

.tblAreaLivreCabecalho {
	display: none;
	visibility: hidden;
}

.tblAreaLivreRodape {
	display: none;
	visibility: hidden;
}

.tblAreaDefault
{
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	height: 450px;
	vertical-align: top;
	background-image: url(http://www.souzanet.com.br/img/paginaPrincipalVermelho.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.anuncioEspa�o {}

.anuncioPropaganda
{
	
}
/*
===============================================================================================
==                                    configura��es de Login                                 ==
===============================================================================================

*/

.tblLoginLinha { width: 100% }
.tblLoginLinhaCelula { width: 100%; }

.linhaLogin {
	-webkit-box-shadow: 0px 8px 3px -5px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 8px 3px -5px rgba(0,0,0,0.20);
	box-shadow: 0px 8px 3px -5px rgba(0,0,0,0.20);
	width: 100%;
        *max-width: 1280px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #FFF;
	background-imagex: url(https://esg.souzanet.com.br/img/2014/areaRestrita.png);
	background-repeat: no-repeat;
    height: 39px;
    border-left: solid 1px #EFEFEF;
    border-right: solid 1px #EFEFEF;
    border-bottom: solid 1px #EFEFEF;
 }

.linhaLoginCelula
{
	color: #FFFFFF;
    width: 100%;
    text-align: center;
 
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    align-items: center;
    -webkit-align-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;

}

.tblLoginLinha { width: 100%; }

.tblLoginTitulo {
 
    order: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-ordinal-group: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1; /* OLD - Firefox 19- */
    -ms-flex-order: 1; /* TWEENER - IE 10 */
    -webkit-order: 1;
    *display: none;
    *visibility: hidden;

}

@media screen {
    .tblLogin {
        width: 1280px;
 
        order: 2; /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-ordinal-group: 2; /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-ordinal-group: 2; /* OLD - Firefox 19- */
        -ms-flex-order: 2; /* TWEENER - IE 10 */
        -webkit-order: 2;

    }

    linhaLoginCelula {}
    linhaLogin {}
}

@media ( max-width: 1280px ) {
    .tblLogin {
        width: 100%;
 
        order: 2; /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-box-ordinal-group: 2; /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-ordinal-group: 2; /* OLD - Firefox 19- */
        -ms-flex-order: 2; /* TWEENER - IE 10 */
        -webkit-order: 2;

    }

    linhaLoginCelula { width: 100% }
    linhaLogin { width: 100% }
}

.tblLoginRodape {
 
    order: 3; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-ordinal-group: 3; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 3; /* OLD - Firefox 19- */
    -ms-flex-order: 3; /* TWEENER - IE 10 */
    -webkit-order: 3;

}

.labelDadosLogin
{
	font-weight: bold;
	font-size: 8pt;
	font-family: verdana;
	color: #FFFFFF;
}

.loginCelulaDiv
{
	color: #336666;
}


.loginTituloCelulaEsq
{
	padding-left: 10px;
}

.loginTituloCelula
{
	height: 5px;
	width: 100%;
	border-top: solid 1px #EFEFEF; 
}

.loginTituloCelulaDir
{
	padding-right: 10px;
}

.loginCelulaEsq
{
	xpadding-left: 10px;
}

.loginCelula
{
    width: 100%;
	padding-left: 15px;
    padding-right: 15px;
	font-size: 8pt;
	color: #336666;
    height: 31px;

    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;

padding-top: 5px;
padding-bottom: 5px;
}

.loginCelulaDir
{
	xpadding-right: 10px;
}

.loginRodapeCelulaEsq
{
	padding-left: 10px;
}

.loginRodapeCelula
{
	width: 100%;
}

.loginRodapeCelulaDir
{
	padding-right: 10px;
}

.principalLogin {
	width: 100%;
	max-width: 350px;
	min-width: 250px;
	display: inline-block;
}

/* 
=============================================================================================== 
==                                    configura��es do menu                                  ==
===============================================================================================
*/

/*POP UP AGUARDE QUE APARECE NO MEIO DA TELA */


.aguardeImagem
{
	background-image: url(http://www.souzanet.com.br/site/img/Aguarde.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	height: 40px;
}

.aguardeTexto
{
	font-weight: bold;
	color: #00005E;
	font-family: arial;
	font-variant: small-caps;
	font-size: 10pt;
}

.aguardeFundo
{
	position:absolute;
	z-index: 999999;
	top: 200px;
	left: 45%;
	border-right: #00005E 2px solid;
	padding-right: 5px;
	border-top: #00005E 2px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #00005E 2px solid;
	padding-top: 5px;
	border-bottom: #00005E 2px solid;
	background-color: #8B8CF7;
}


/* MENU HORIZONTAL */

.barraPropaganda
{
	PADDING-LEFT: 14px; 
	PADDING-TOP: 5px; 
	VERTICAL-ALIGN: top; 
	WIDTH: 120px
}

/* Barra menu control */	
#mnMenu { display: inline-block; }
#MenuLinha1_tdMenu { width: 100%; text-align: right;  }
#dvMenu { text-align: right; width: 100%; }

.barraMenuCtrl
{
	background-imagex: url(http://www.esg.souzanet.com.br/img/2014/menu.png);
    background-repeat: no-repeat;
    text-align: right;
	width: 867px;
    height: 126px;
}

.menuCtrlTituloCelulaEsq {}
.menuCtrlTituloCelula {}
.menuCtrlTituloCelulaDir {}
.menuCtrlCelulaEsq {
        padding-left: 300px;
        background: url(https://esg.souzanet.com.br/img/2015/header_logo.jpg) no-repeat center center;
        background-size: 293px;
        *height: 100px;
    }

.menuCtrlCelula
{
	width: 100%;
	text-align: right;
	cursor: hand;
	height: 126px;
}

.menuCtrlCelulaDir {}

.menuCtrlCelulaEspacoEsq { visibility: hidden; display: none; }

.menuCtrlCelulaEspacoCentro { visibility: hidden; display: none; }

.menuCtrlCelulaEspacoDir { visibility: hidden; display: none; }

.menuCtrlRodapeCelulaEsq  {}

.menuCtrlRodapeCelula  {}

.menuCtrlRodapeCelulaDir  {}

A:Menu
{
    cursor: hand;
    padding-right: 5px;
    padding-left: 5px;
    font-family: Arial;
    font-size: 10pt;
    letter-spacing: 0px;
    text-align: center;
    color: #FFFFFF;
    height: 126px;
}

.menuCtrlItemGestor {font-size: 12pt;}
.menuCtrlItemSite {font-size: 14pt;}

.menuCtrlItem
{
	
    display: block;
    line-height: 126px;
    cursor: hand;
    padding-right: 5px;
    padding-left: 5px;
    font-family: Lato;
	letter-spacing: 0px;
    text-align: center;
    color: #222;
    height: 126px;
}

.sf-menu a /* complementa menuCtrlItem */
{
    padding-right: 8px;            
    padding-left: 8px;
}

#tdMenuSair
{
    float: right; 
    display: none; /* inline-table inline; */
    visibility: hidden;
}

#mnSair 
{
    padding-right: 0px;            
}
       
.menuCtrlItemHover, .menuCtrlItem:Hover
{
	background: #E61C23 url("http://www.esg.souzanet.com.br/img/2015/marca_dagua2.png") repeat scroll center top;
	color: #FFF;
}

.menuCtrlItemCelula 
{
	cursor: hand;
}

.menuCtrlItemCelula:hover
{
	background: #E61C23 url("http://www.esg.souzanet.com.br/img/2015/marca_dagua2.png") repeat scroll center top;
}

.menuCtrlSubItemGestor {font-size: 12pt;}
.menuCtrlSubItemSite {font-size: 14pt;}

.menuCtrlSubItem
{
	display: block;
	line-heightx: 34px;
	font-family: Lato;
	color: #222;
	text-decoration: none;
	background-color: #EEE;
	heightx: 34px;
	z-index: 9999999;
}

.sf-menu ul a /* complementa menuCtrlSubItem */
{
    padding-top: 3px;
    padding-right: 20px;
    padding-left: 20px;       
}
        
.menuCtrlSubItemHover, .menuCtrlSubItem:Hover
{
	cursor: hand;
	background-color: #CCCCCC;
}

.menuCtrlSubItemCelula
{
	cursor: hand;
	font-family: arial;
	font-size: 8pt;
	text-align: left;
	z-index: 9999999;
}

.menuCtrlSubItemCelula:hover
{
	background-color: #CCCCCC;
}

.sf-menu, .sf-menu *   /*** ESSENTIAL STYLES ***/
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li
{
    position: relative;
}
.sf-menu ul
{
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    position: absolute;
    display: none;
    x-top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li
{
    float: left;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul
{
    display: block;
}
.sf-arrows .sf-with-ul:after
{
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    vertical-align; baseline;
    height: 0;
    width: 0; /* order of following 3 rules important for fallbacks to work */
    x-border: 5px solid transparent;
    border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(255,255,255,.5);
}
.sf-arrows ul .sf-with-ul:after
{
    x-padding-left: 10px;
    x-margin-top: -5px;
    margin-right: -13px;
    border-color: transparent;
    border: 5px solid transparent;
    border-left-color: #222; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(2,2,2,.5);
}
.sf-menu ul ul
{
    top: 0;
    left: 100%;
}
.sf-menu li
{
    white-space: nowrap; /* no need for Supersubs plugin */ 
    *white-space:normal;/* ...unless you support IE7 (let it wrap) */
    -webkit-transition:background.2s;
    transition: background.2s;
}

/* Barra menu cecund�ria */
.barraMenuSecCtrl
{
	background-image: url(http://www.esg.souzanet.com.br/img/2014/menuSec.png);
    background-repeat: no-repeat;
	width: 990px;
    height: 30px;
}

.menuSecCtrlTituloCelulaEsq {}
.menuSecCtrlTituloCelula {}
.menuSecCtrlTituloCelulaDir {}

.menuSecCtrlCelulaEsq { width: 50% }

.menuSecCtrlCelula
{
    font-family: arial;
    font-size: 8pt;
    font-weight: bold;
    cursor: hand;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

#dvMenuSec { /* text-align: center; display: inline-table inline; */ }

#MenuSecLinha1_mnuMenuSec { /* display: inline; */}

.menuSecCtrlCelulaDir { width: 50% }

.menuSecCtrlRodapeCelulaEsq  {}

.menuSecCtrlRodapeCelula  { height: 10px; }

.menuSecCtrlRodapeCelulaDir  {}

.menuSecCtrlItem
{
    display: block;
    line-height: 30px;
    cursor: hand;
    padding-right: 5px;
    padding-left: 5px;
    font-family: Arial;
    font-size: 9pt;
    letter-spacing: 0px;
    text-align: center;
    color: #FFFFFF;
    height: 30px;
}

.menuSecCtrlItemHover, .menuSecCtrlItem:Hover
{
	color: #CCCCCC;
	cursor: hand;
}

.menuSecCtrlItemCelula 
{
	cursor: hand;
}

.menuSecCtrlSubItem
{
    display: block;
    line-height: 27px;
    font-family: Arial;
    font-size: 9pt;
    color: white;
    text-decoration: none;
    background-color: #B73E41;
    height: 27px;
    padding-left: 3px;
    padding-right: 5px;
    z-index: 9999999;
}

.menuSecCtrlSubItemHover, .menuSecCtrlSubItem:Hover
{
	cursor: hand;
	color: #666666;
}

.menuSecCtrlSubItemCelula
{
	cursor: hand;
	font-family: arial;
	font-size: 8pt;
	text-align: left;
	z-index: 9999999;
}

/* Menu lateral */
.barraMenu
{
	display: none;
	visibility: hidden;
}

/* configura��es da barra de t�tulos do menu */
.menuTitulo {}
.menuTituloCelulaEsq {}
.menuTituloCelula {}
.menuTituloCelulaDir {}
.menuLink {}
.menuLink:hover {}
.menuLinkCelulaEsq {}
.menuLinkCelula  {}
.menuLinkCelulaDir {}
.menuLinhaCelulaEsq {}
.menuLinhaCelula {}
.menuLinhaCelulaDir {}
.menuRodapeCelulaEsq {}
.menuRodapeCelula {}
.menuRodapeCelulaDir {}

/*
    Banner
*/

.linhaBanner {
    height: 220px;
}

.bannerCelulaDiv
{
    display: block;
    overflow: hidden;
    width: 990px;
    height: 220px;
}

.bannerCelulaDir {}
.bannerRodapeCelula { height: 10px; }

/* 
=============================================================================================== 
==                                  configura��es do menu util                               ==
===============================================================================================

*/
.barraUtil
{
	table-layout: fixed;
	vertical-align: top;
	width: 178px;
	border-collapse: separate;
	padding-top: 5px;
	padding-left: 2px;
	padding-bottom: 5px;
}

.utilColuna
{
       background-image: url(http://www.esg.souzanet.com.br/img/2013/utilAzulv.png);
       background-repeat: no-repeat;
       background-position: center top;
       width: 307px;
       vertical-align: top;
}

.utilTitulo /* label do t�tulo */
{
	display: none;
        visibility: hidden;
}

.utilTituloCelulaEsq /* C�lula esquerda utilizada para colocar o peda�o esquerdo da imagem */
{
	padding-left: 5px;
}

.utilTituloCelula /* C�lula central utilizada para colocar o peda�o central da imagem e o label do t�tulo */
{
	width: 100%;
}

.utilTituloCelulaDir /* C�lula direita utilizada para colocar o peda�o direita da imagem */
{
	padding-right: 5px;
}

/* configura��es dos itens do menu */
.utilLink
{
	font-family: Arial Narrow;
	font-size: 12pt;
	color: #FFFFFF;
	text-decoration: none;
}

.utilLink:hover /* ao passar por cima */
{
	color: #AAAAAA;
}

.utilLinkCelulaEsq /* C�lula esquerda utilizada para colocar o peda�o esquerdo da imagem */
{
	padding-left: 5px;
}

.utilLinkCelula
{
	width: 100%;
        background-image: url(http://www.esg.souzanet.com.br/img/2014/menuLateral.png);
        background-repeat: no-repeat;
        background-position: center center;
        text-align: center;
        height: 35px;
}

.utilLinkCelulaDir /* C�lula esquerda utilizada para colocar o peda�o esquerdo da imagem */
{
	padding-right: 5px;
}

/* configura��es da linha que divide os links do menu */
.utilLinhaCelulaEsq /* C�lula esquerda utilizada para colocar o peda�o esquerdo da imagem */
{
	padding-left: 15px;
}

.utilLinhaCelula
{
	width:100%;
	height: 12px;
	
}

.utilLinhaCelulaDir /* C�lula direita utilizada para colocar o peda�o direito da imagem */
{
	padding-right: 15px;
}

/* configura��es da barra de rodap� do menu */
.utilRodapeCelulaEsq /* C�lula esquerda utilizada para colocar o peda�o esquerdo da imagem */
{
	padding-left: 15px;
}

.utilRodapeCelula { height: 30px; }

.utilRodapeCelulaDir /* C�lula direita utilizada para colocar o peda�o direito da imagem */
{
	padding-right: 15px;
}


/* 
=============================================================================================== 
==                               configura��es da barra central                              ==
===============================================================================================

*/
.tblBarraCentral {
	width: 100%
	max-width: 1024px;
	display: inline-table;
}

.barraCentral
{
	vertical-align: top;
	width: 500px;
}

.barraCentralTituloCelulaEsq
{
}
.barraCentralTituloCelula
{
	width: 100%;
}
.barraCentralTituloCelulaDir
{
}

.barraCentralCelulaEsq
{
}
.barraCentralCelula
{
	width: 100%;
}
.barraCentralCelulaDir
{
}

.barraCentralCelula .coluna {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 60px;
}

.barraCentralRodapeCelulaEsq
{
}
.barraCentralRodapeCelula
{
	width: 100%;
}
.barraCentralRodapeCelulaDir
{
}

.barraCentralB
{
	vertical-align: top;
	width: 200px;
}

.barraCentralBCelula
{
		width: 300px;
}

.barraCentralBTituloCelulaEsq
{
}
.barraCentralBTituloCelula
{
	width: 100%;
	height: 170px;
}
.barraCentralBTituloCelulaDir
{
}

.barraCentralBCelulaEsq
{
}
.barraCentralBCelula
{
	width: 300px;
}
.barraCentralBCelulaDir
{
	padding-right: 80px;
}

/* 
/* Configurando not�cias */
/* Noticias */

#x-tdNoticias 
{
       background-image: url(http://www.esg.souzanet.com.br/img/2014/destaques.png);
       background-position: center top;
       background-repeat: no-repeat;
       vertical-align: top;
       padding-top: 30px;
}

.noticiaLinInteira {}
.noticiaColEsquerda
{
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
	width: 33%;
}

.noticiaColMeio
{
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
	width: 33%;
}

.noticiaColDireita
{
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
	width: 33%;
}

.noticiaTitulo
{
        font-size: 10pt;
        font-weight: bold;
        color: #336688;
}

.noticiaTituloCelulaEsq {}
.noticiaTituloCelula {}
.noticiaTituloCelulaDir {}

.noticiaLink
{
	cursor: hand;
	text-decoration: none;
	font-size: 10pt;
	font-family: arial;
	color: #336699;
}

.noticiaLink:hover
{
	color: #999999;
}

.noticiaDiv 
{
        height: 50px;
        overflow: hidden;
}

.noticiaCelulaEsq {}
.noticiaCelula
{
	text-align: justify;
	width: 300px;
        height: 300px;
        padding-top: 10px;
	color: black;
	background-image: url(http://www.esg.souzanet.com.br/img/2014/noticia.png);
        background-repeat: no-repeat;
        vertical-align: top;
	padding-left: 10px;
        padding-right: 10px;
}

.noticiaCelulaDir {}
.noticiaRodapeCelulaEsq {}
.noticiaRodapeCelula 
{
    height: 0px;
}
.noticiaRodapeCelulaDir {}

.noticiaFoto
{
	width: 300px;
}

.noticiaFotoTituloCelulaEsq {}

.noticiaFotoTituloCelula {}

.noticiaFotoTituloCelulaDir {}

.noticiaFotoCelulaEsq {}

.noticiaFotoCelula
{
	width: 270px;
	height: 150px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

.noticiaFotoCelulaDir {}

.noticiaFotoRodapeCelulaEsq {}

.noticiaFotoRodapeCelula
{
	height: 3px;
}

.noticiaFotoRodapeCelulaDir {}

.noticiaResumo
{
	font-size: 10pt;
	padding-left: 5px;
	padding-right: 5px;
	color: dimgray;
	text-decoration: none;
}

/* Lista */

.nlistaTitulo
{
    font-family: arial;
    color: #336699;
    font-weight: bold;
    font-size: 10pt;
}

.nlistaTitulo:hover
{
	color: #000000;
}

.nlistaTituloJanela
{
	display: none;
	visibility: hidden;
	padding-right: 5px;
	color: #FFFFFF;
}

.nlistaResumo
{
    font-family: arial;
    font-size: 10pt;
    color: #3366CC;
}

.nlistaTituloCelulaEsq { padding-left: 10px; }
.nlistaTituloCelula 
{
        background-image: url(http://www.esg.souzanet.com.br/img/2014/maisnoticiascab.png);
	background-repeat: no-repeat;
	background-position: center top;
        width: 100%;
        height: 37px;
}
.nlistaTituloCelulaDir { padding-right: 10px; }

.nlistaCelulaEsq { padding-left: 10px; }
.nlistaCelula
{
	width: 620px;
	height: 210px;
	x-padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
        background-image: url(http://www.esg.souzanet.com.br/img/2014/maisnoticias.png);
        background-repeat: no-repeat;
        background-position: center top;
}

.nlistaItemCelula
{
    padding-left: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url(http://www.esg.souzanet.com.br/img/2014/news.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.nlistaCelulaDir { padding-right: 10px; }
.nlistaRodapeCelulaEsq {}
.nlistaRodapeCelula { height: 15px; }
.nlistaRodapeCelulaDir {}


/* Lista de not�cias na mat�ria */

.ColunanlistaMateria
{
        background-color: #DFEBF1;
    padding-bottom: 5px;
}

.tblnlistaMateria
{
    width: 250px;
}

.nlistaMateriaTitulo
{
    font-family: arial;
    color: #336699;
    font-weight: normal;
    font-size: 10pt;
}

.nlistaMateriaTitulo:hover
{
	color: #000000;
}

.nlistaMateriaTituloJanela
{
	display: none;
	visibility: hidden;
	padding-right: 5px;
	color: #FFFFFF;
}

.nlistaMateriaTituloCelulaEsq {}
.nlistaMateriaTituloCelula 
{
        background-image: url(http://www.esg.souzanet.com.br/img/2014/maisnoticiascab.png);
	background-repeat: no-repeat;
	background-position: center top;
        width: 100%;
        height: 37px;
}
.nlistaMateriaTituloCelulaDir {}

.nlistaMateriaCelulaEsq {}
.nlistaMateriaCelula
{
	width: 620px;
	height: 210px;
	x-padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
        background-image: url(http://www.esg.souzanet.com.br/img/2014/maisnoticias-.png);
        background-repeat: no-repeat;
        background-position: center top;
}

.nlistaMateriaItemCelula
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-position: left top;
}

.nlistaMateriaCelulaDir {}
.nlistaMateriaRodapeCelulaEsq {}
.nlistaMateriaRodapeCelula {}
.nlistaMateriaRodapeCelulaDir {}


/* Canais */
.linhaCanal 
{
}

.tblCanal {}

#tdCanal { text-align: center }

.canalLinInteira {}
.canalColEsquerda
{
	padding-top: 10px;
    padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
	width: 16%;
}

.canalColMeio
{
	padding-top: 10px;
    padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
	width: 16%;
}

.canalColDireita
{
	padding-top: 10px;
    padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	width: 16%;
}

.canalTitulo
{
    font-size: 10pt;
    color: #B33537;
    text-transform: uppercase;
    padding-left: 4px;
    padding-right: 4px;
}

.canalTitulo:hover
{
    color: #003366;
}

.canalTituloCelulaEsq {}
.canalTituloCelula {}
.canalTituloCelulaDir {}

.canalLink
{
	cursor: hand;
	text-decoration: none;
	font-size: 10pt;
	font-family: arial;
	color: #336699;
}

.canalLink:hover
{
	color: #999999;
}

.canalDiv 
{
}

.canalCelulaEsq {}
.canalCelula
{
	text-align: center;
	width: 136px;
	height: 150px;
    padding-bottom: 10px;
	color: black;
	background-image: url(http://www.esg.souzanet.com.br/img/2014/canal02.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    vertical-align: top;
}

.canalCelulaDir {}
.canalRodapeCelulaEsq {}
.canalRodapeCelula 
{
    height: 20px;
}
.canalRodapeCelulaDir {}

.canalFoto
{
	width: 136px;
}

.canalFotoTituloCelulaEsq {}

.canalFotoTituloCelula {}

.canalFotoTituloCelulaDir {}

.canalFotoCelulaEsq {}

.canalFotoCelula
{
    border: 2px solid #B33537;
    width: 128px;
    height: 80px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    background-color: White;
}

.canalFotoCelulaDir {}

.canalFotoRodapeCelulaEsq {}

.canalFotoRodapeCelula
{
	height: 10px;
}

.canalFotoRodapeCelulaDir {}

.canalResumo
{
	font-size: 10pt;
	padding-left: 5px;
	padding-right: 5px;
	color: dimgray;
	text-decoration: none;
}

/* Destaques */
.linhaDestaque 
{
}

.destaqueFrame
{}

.destaqueTitulo
{
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	font-variant: small-caps;
	color: #cc6600;
}

.destaqueTituloCelulaEsq
{
	padding-left: 5px;
	visibility: hidden;
	display: none;
}

.destaqueTituloCelula
{
	height: 25px;
	width: 100%;
	text-align: center;
	visibility: hidden;
	display: none;
}

.destaqueTituloCelulaDir
{
	padding-right: 5px;
	visibility: hidden;
	display: none;
}

.destaqueLink
{	
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	visibility: hidden;
	display: none;
}

.destaqueLink:hover
{
	color: #999999;
}

.destaqueDiv
{
	color: Black;
	/*padding-right: 6px;
	padding-left: 3px;
	padding-top: 15px;*/
}

.destaqueCelulaEsq
{
}

.destaqueCelula
{
	color: #000000;
	width: 100%;
}

.destaqueCelulaDir
{
}	


.destaqueRodapeCelulaEsq
{	
	padding-left: 5px;
	visibility: hidden;
	display: none;
}


.destaqueRodapeCelula
{
	width: 100%;
	height: 5px;
	visibility: hidden;
	display: none;
}

.destaqueRodapeCelulaDir
{	
	padding-right: 5px;
	visibility: hidden;
	display: none;
}


.destaqueFoto
{
	
	height: 100px;
	padding: 3px;
	visibility: hidden;
	display: none;
}


.destaqueFotoTituloCelulaEsq
{
	padding-left: 3px;
}

.destaqueFotoTituloCelula
{
	height: 3px;
	width: 100%;
}

.destaqueFotoTituloCelulaDir
{
	padding-right: 3px;
}

.destaqueFotoCelulaEsq
{
	padding-left: 3px;
}

.destaqueFotoCelula
{
	width: 100px;
	height:100px;
	overflow: hidden;
}

.destaqueFotoCelulaDir
{
	padding-right: 3px;
}

.destaqueFotoRodapeCelulaEsq
{
	padding-left: 3px;
}

.destaqueFotoRodapeCelula
{
	height: 3px;
}

.destaqueFotoRodapeCelulaDir
{
	padding-right: 3px;
}

.destaqueResumo
{
	color: dimgray;
	font-family: arial;
}

/* 
    Redes Sociais 
*/

.redeSocialTituloCelulaEsq
{}

.redeSocialTituloCelula {}


.redeSocialCelula
{
    background-image: url(http://www.esg.souzanet.com.br/img/2013/redeSocialv.png);
    background-repeat: repeat-y;
    background-position: top right;
    width: 307px;
    height: 230px;
}

.redeSocialRodapeCelula {}

/*
=================================================================================================
=================================================================================================
*/
.barraBotaoTituloCelulaEsq
{
}

.barraBotaoTituloCelula
{
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	height: 3px;
}

.barraBotaoTituloCelulaDir
{
}

.barraBotaoCelulaEsq
{
}

.barraBotaoCelula
{
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	width: 100%;
	padding-bottom: 4px;
	padding-top: 4px;
}

.barraBotaoCelulaDir
{
}

.barraBotaoRodapeCelulaEsq
{
}

.barraBotaoRodapeCelula
{
	padding-left: 5px;
	padding-right: 5px;
	height: 3px;
	width: 100%;
}

.barraBotaoRodapeCelulaDir
{
}



/*
	Barra de bot�o do rodap�
*/
.barraRBotaoTituloCelulaEsq
{
	padding-left: 1px;
}

.barraRBotaoTituloCelula
{
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	height: 3px;
}

.barraRBotaoTituloCelulaDir
{
}

.barraRBotaoCelulaEsq
{
}

.barraRBotaoCelula
{
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	width: 100%;
	padding-top: 4px;
}

.barraRBotaoCelulaDir
{
}

.barraRBotaoRodapeCelulaEsq
{
}

.barraRBotaoRodapeCelula
{
	padding-left: 5px;
	padding-right: 5px;
	height: 3px;
	width: 100%;
}

.barraRBotaoRodapeCelulaDir
{
}

/* Configurando Zoom de not�cias */
/* Mat�rias */
.materiaTituloCelulaEsq {}

.materiaTituloCelula
{
    width: 100%;
    text-align: left;
    color: #222;
    font-weight: bold;
    font-family: Lato,sans-serif;
    font-size: 18pt;
    font-variant: small-caps;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 90px;
    background-image: url(http://www.esg.souzanet.com.br/img/2014/materiaTitulo.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 76px;
}

.materiaTituloCelulaDir {}

.materiaTitulo 
{
	color: #222;
	font-family: Lato,sans-serif;
	font-size: 18pt;
	font-variant: small-caps;

}

#cphCorpo_fvwMateria_lbMateriaTitulo
{
	color: #666666;
	font-weight: normal;
	font-family: arial;
	font-size: 14pt;
	font-variant: small-caps;

}

.materiaCelulaEsq {}

.materiaCelula
{
	width: 100%;
	vertical-align: top;
	padding-left:10px;
	padding-right:10px;
}

.materiaCelulaDir {}

.materiaDiv
{
	padding-top: 20px;
	text-align: justify;
	color: dimgray;
	padding-bottom: 100px;
    background-image: url(http://www.esg.souzanet.com.br/img/2014/materiaRodape.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.materiaTexto
{
	font-family: Lato,sans-serif;
	font-size: 12pt;
    line-height: 20px;
}

.materiaTextoCelula {}
.materiaRodapeCelulaEsq {}

.materiaRodapeCelula
{
	width: 100%;
}

.materiaRodapeCelulaDir {}

.materiaCurtirTitulo {}
.materiaCurtirRodape { padding-top: 20px }

.materiaFotoTabela
{
	display: inline-table inline;
}

.materiaFoto
{
	height: 120px;
}

.materiaFotoTituloCelulaEsq
{
	padding-left: 3px;
}

.materiaFotoTituloCelula
{
	height: 3px;
}

.materiaFotoTituloCelulaDir
{
	padding-right: 3px;
}

.materiaFotoCelulaEsq
{
	padding-left: 3px;
}

.materiaFotoCelula
{
}

.materiaFotoDiv
{
     width: 135px;
     height: 120px;
     overflow: hidden;
     text-align: center;
     vertical-align: center;
}

.materiaFotoCelulaDir
{
	padding-right: 3px;
}

.materiaFotoRodapeCelulaEsq
{
	padding-left: 3px;
}

.materiaFotoRodapeCelula
{
	height: 3px;
}

.materiaFotoRodapeCelulaDir
{
	padding-right: 3px;
}

.materiaTextoFoto
{
	width: 450px;
	font-family: arial;
	font-style: italic;
	font-size: 7pt;
	text-align: center;
}

.materiaTextoFotoDiv
{
}

.materiaTextoFotoCelula
{
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 10px;
	width: 450px;
	padding-top: 3px;
	text-align: center;
}

.materiaLinksTitulo /* label do t�tulo */
{
	color: orange;
	font-family: arial;
	font-size: 14pt;
	font-variant: small-caps;
}

.materiaLinksTituloCelulaEsq {}

.materiaLinksTituloCelula /* C�lula central utilizada para colocar o peda�o central da imagem e o label do t�tulo */
{
	width: 100%;
        text-align: left;
        padding-bottom: 10px;
}

.materiaLinksTituloCelulaDir {}

/* configura��es dos itens do menu */
.materiaLinksLink
{
	font-family: Arial Narrow;
	font-size: 12pt;
	color: #336699;
	text-decoration: none;
}

.materiaLinksLink:hover 
{
	color: #AAAAAA;
}

.materiaLinksLinkCelulaEsq {}

.materiaLinksLinkCelula
{
	width: 100%;
        text-align: left;
        height: 25px;
}

.materiaLinksLinkCelulaDir {}

/* configura��es da linha que divide os links do menu */
.materiaLinksLinhaCelulaEsq {}

.materiaLinksLinhaCelula {}

.materiaLinksLinhaCelulaDir /* C�lula direita utilizada para colocar o peda�o direito da imagem */
{
	padding-right: 15px;
}

/* configura��es da barra de rodap� do menu */
.materiaLinksRodapeCelulaEsq /* C�lula esquerda utilizada para colocar o peda�o esquerdo da imagem */
{
	padding-left: 15px;
}

.materiaLinksRodapeCelula { height: 30px; }

.materiaLinksRodapeCelulaDir /* C�lula direita utilizada para colocar o peda�o direito da imagem */
{
	padding-right: 15px;
}


/*
		Configura��es da dados
*/
.textBoxDados
{
	font-size: 9pt;
	color: #2A285A;
	font-family: sans-serif;
}

.textBoxPesquisa
{
	font-family: sans-serif;
	font-size: 9pt;
}

.textBoxCem
{
	font-size: 9pt;
	width: 100%;
	color: #2A285A;
	font-family: sans-serif;
	height: 100%;
}

.textFaleConosco
{
	font-size: 8pt;
	width: 100%;
	color: #222054;
	font-family: arial;
	height: 190px;
}

.labelDados
{
	font-weight: bold;
	font-size: 9pt;
	color: DimGray;
	font-family: sans-serif;
}

.labelPesquisa
{
	font-weight: bold;
	font-size: 9pt;
	color: maroon;
	font-family: sans-serif;
}

.botaoWingdings
{
	text-decoration: none;
	font-family: arial;
	font-size: 8pt;
	color: orange;
}

.botaoWingdings:hover
{
	color: Aqua;
}

.dataHora
{
	display: none;
	visibility: hidden;
}

.dataGrid
{
	width: 100%;
	color: #222054;
	font-family: 300863;
	font-size: 10pt;
}

.dataGridTelefoneDiv
{
	overflow: auto;
	width: 100%;
	height: 290px;	
}

.dataGridDiv
{
	overflow: auto;
	width: 100%;
	height: 520px;	
}

.dataGridTextBox
{
	width: 100%;
	color: #222054;
	background-color: transparent;
}

.dataGridLabel
{
}

.dataGridHeader
{
	font-weight: bold;
	color: DimGray;
	font-family: sans-serif;
	font-size: 8pt;
	height: 20px;
	font-variant: small-caps;
	background-color: gainsboro;
}

.dataGridItem
{
}

.dataGridAlternating
{
	background-color: gainsboro;
}

.dataGridEdit
{
}

.dataGridSelected
{
}

.ajaxPanel
{
	overflow: visible;
	width: 100%;
	height: 100%;
}

.iFrame
{
	width: 100%;
	height: 700px;
	display: inline;
}

.botao
{    
	color: darkred;
    font-family: sans-serif;
    font-size: 11pt;
    text-decoration: none;
    x-font-weight: bold;
}

.botao:hover
{
	color: dimgray;
}

.botaoFundo { border-radius: 25px; }

.botaoFundo a
{
	
	background: rgba(240,107,86,1);
	background: -moz-linear-gradient(top, rgba(240,107,86,1) 0%, rgba(231,51,35,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,107,86,1)), color-stop(100%, rgba(231,51,35,1)));
	background: -webkit-linear-gradient(top, rgba(240,107,86,1) 0%, rgba(231,51,35,1) 100%);
	background: -o-linear-gradient(top, rgba(240,107,86,1) 0%, rgba(231,51,35,1) 100%);
	background: -ms-linear-gradient(top, rgba(240,107,86,1) 0%, rgba(231,51,35,1) 100%);
	background: linear-gradient(to bottom, rgba(240,107,86,1) 0%, rgba(231,51,35,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f06b56', endColorstr='#e73323', GradientType=0 );

	border-x: 1px solid #800000;
	border-radius: 5px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 7px rgba(0, 0, 0, 0.2);
	text-align: center;
	display: block;
	position: relative;
	color: #FFF;
	font-family: sans-serif;
	font-size: 9pt;
	text-decoration: none;
	font-weight-x: bold;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
}

.botaoFundo a:hover
{
	
	
	background: rgba(207,207,207,1);
	background: -moz-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(191,191,191,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(207,207,207,1)), color-stop(100%, rgba(191,191,191,1)));
	background: -webkit-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(191,191,191,1) 100%);
	background: -o-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(191,191,191,1) 100%);
	background: -ms-linear-gradient(top, rgba(207,207,207,1) 0%, rgba(191,191,191,1) 100%);
	background: linear-gradient(to bottom, rgba(207,207,207,1) 0%, rgba(191,191,191,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#bfbfbf', GradientType=0 );
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 2px 7px rgba(0, 0, 0, 0);
	color: dimgray;
}

.guia
{
	color: orange;
	font-family: arial;
	font-size: 8pt;
}

.guia:hover
{
	color: dimgray;
}

.guiaFundo
{
	border-right: orange 1px solid;
	padding-right: 2px;
	border-top: orange 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 5px;
	border-left: orange 1px solid;
	padding-top: 2px;
	border-bottom: orange 1px solid;
	background-color: whitesmoke;
	text-align: center;
}

.guiaFundoPressionado
{
	border-right: orange 1px solid;
	padding-right: 2px;
	border-top: orange 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 5px;
	border-left: orange 1px solid;
	padding-top: 2px;
	text-align: center;
	border-bottom-color: orange;
	border-bottom-style: solid;
}

.guiaVazioFundo
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 5px;
	padding-top: 2px;
	border-bottom: orange 1px solid;
	background-color: whitesmoke;
	text-align: center;
}

.guiaEsqFundo
{
	border-right: orange 1px solid;
	padding-right: 2px;
	border-top: orange 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 5px;
	border-left: orange 1px solid;
	padding-top: 2px;
	border-bottom: orange 1px solid;
	background-color: whitesmoke;
	text-align: center;
}

.guiaEsqFundoPressionado
{
	padding-right: 2px;
	border-top: orange 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 5px;
	border-left: orange 1px solid;
	padding-top: 2px;
	border-bottom: orange 1px solid;
	text-align: center;
}

.guiaEsqVazioFundo
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 5px;
	padding-top: 2px;
	border-bottom: orange 1px solid;
	background-color: whitesmoke;
	text-align: center;
}

.guiaDirFundo
{
	border-right: orange 1px solid;
	padding-right: 2px;
	border-top: orange 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 5px;
	border-left: orange 1px solid;
	padding-top: 2px;
	border-bottom: orange 1px solid;
	background-color: whitesmoke;
	text-align: center;
}

.guiaDirFundoPressionado
{
	border-right: orange 1px solid;
	padding-right: 2px;
	border-top: orange 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 5px;
	padding-top: 2px;
	border-bottom: orange 1px solid;
	text-align: center;
}

.guiaDirVazioFundo
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 5px;
	padding-top: 2px;
	border-bottom: orange 1px solid;
	background-color: whitesmoke;
	text-align: center;
}

.botaoFundo:hover
{
	background-color: #fbf5eb;
}

.botaoEspaco
{
	/*width: 100%;*/
}

.janelaUtilTitulo
{
	font-weight: bold;
	color: white;
	font-family: arial;
	font-size: 8pt;
	height: 100%;
	text-align: center;
	font-variant:small-caps;
}

.janelaUtilTituloCelulaEsq
{
	padding-left: 5px;
}

.janelaUtilTituloCelula
{
	width: 100%;
	height: 22px;
	text-align: center;
	background-repeat: repeat-x;
}

.janelaUtilTituloCelulaDir
{
	padding-right: 5px;
}

.janelaUtilCelulaEsq
{
	padding-left: 5px;
}

.janelaUtilCelula
{
	vertical-align: top;
	height: 21px;;
	width: 100%;
	text-align: left;
	padding-left: 5px;
	background-color: #FFE0E0;
}

.janelaUtilCelulaDir
{
	padding-right: 5px;
}

.janelaUtilRodapeCelulaEsq
{
	padding-left: 5px;
}

.janelaUtilRodapeCelula
{
	height: 10px;
	width: 100%;
}

.janelaUtilRodapeCelulaDir
{
	padding-right: 5px;
}

.janelaLoginDiv
{
	vertical-align: baseline;
	color: orange;
}

.janelaLoginCelula
{
	vertical-align: top;
	width: 100%;
	height: 130px;
	font-weight: bold;
	color: orange;
}

.janelaUtilDiv
{
	overflow: auto;
	width: 100%;
	height: 126px;
}

.janelaNoticia
{
	width: 100%;
	height: 350px;
}

.enquete
{
	width: 200px;
}

.enqueteLinkCelula
{
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	width: 100%;
}

.enqueteFoto
{
	width: 100px;
	text-align: left;
}

.linhaDivisoriaCelulaEsq 
{
    padding-left: 20px;
}

.linhaDivisoriaCelula
{
	width: 100%;
}

.linhaDivisoriaCelulaDir 
{
    padding-left: 20px;
}

A:link	{	
	text-decoration:	none;
	}
		
A:visited	{	
	text-decoration:	none;
	}
		
A:active	{	
	text-decoration:	none;
	}
		
A:hover
{
	text-decoration: none;
}

/* ---------------------------- */
/* Configura��es padr�o do .NET */

/*
H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	}
*/
.tableLinhaCampo { display: inline-block; padding-left: 3px; padding-right: 3px; padding-bottom: 15px; }
#tdMenuMobile { display: none; visibility: hidden; }
.pesquisaCelula { background: url(rar/lupaBarraPesquisa.png) no-repeat right center; padding-right: 60px; background-size: contain; }
@media screen { .hrLinhaMobile { visibility: hidden; display: none } } @media (max-width: 680px) { .hrLinhaMobile { visibility: visible; display: block } }
@media screen {
    .dataGrid td {}
    .dataGrid tr {}
    .dataGrid .dataGridHeader {}
    .dataGrid .labelGrid { visibility: hidden; display: none; }
}@media (max-width: 680px) {
    .dataGrid td {
        display: inline-block;
        padding-left: 3px;
        padding-right: 3px;
        text-align: center;
    }
    .dataGrid tr { border-bottom: solid 1px #999999; text-align: left }
    .dataGrid .dataGridHeader { visibility: hidden; display: none; }
    .dataGrid .labelGrid { visibility: visible; display: block; color: dimgray; font-weight: bold; }
}
.PesquisaCemPorCento { background: url(rar/lupaBarraPesquisa.png) no-repeat left center; background-size: 25px; padding-left: 30px; width: calc(100% - 30px); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: solid 1px #999999; }
.PesquisaPixel { background: url(rar/lupaBarraPesquisa.png) no-repeat left center; background-size: 25px; padding-left: 30px; }
.divListaPesquisa { max-height: calc(50% - 30px); width: calc(100% + 200px); overflow: auto; list-style-type : none; border: solid 1px #999; background: #ffffe3; padding: 2px; text-align: left;}
.divListaPesquisaItem { color: #014c31; background: #ffffe3; height: 15pt; line-height: 15px; display: block; overflow: hidden; width: 100%; text-align: left; }
.divListaPesquisaItem:hover { height: 15pt; line-height: 15px; display: block; overflow: hidden; cursor: hand; width: 100%; text-align: left; }
.divListaPesquisaSelected { background: #DDD; line-height: 15pt; height: 15pt; display: block; overflow: hidden; width: 100%; text-align: left;}
option:not(.not).container { background-color: white; }
option[selected="selected"] { background-color: rgba(207,207,207,1); }
input:focus, textarea:focus, select:focus, input[type="password"]:focus { background-color: #ffffe3; }
input[type="text"]:disabled, select:disabled, textarea:disabled, input[readonly="readonly"], select[readonly="readonly"], textarea[readonly="readonly"] { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid 1px #999999; background-color: rgba(245,245,245,1); }
.dataGrid td, .dataGrid th { border: solid 1px #999999; padding-left:  3px; padding-right: 3px; }
.dataGrid Table td, .dataGrid table th { border:  0px; padding: 0px; }
.botaoInformativo { padding-bottom: 8px; padding-right: 4px; width: 80px; padding-left: 4px; text-align: center; display: inline-block; vertical-align: top; padding-top: 8px; }
.barraBotaoInformativo { text-align: center; }
.cemPorCento { width: calc(100% - 6px); }
.Tab .ajax__tab_header { font-family: Sans-Serif; font-size: 16px; display: block; color: dimgray; letter-spacing: 0.5px; font-stretch: condensed; text-align: left; }
.Tab .ajax__tab_header a span { color: #fff; text-shadow: 1px 1px 1px #000; }
.Tab .ajax__tab_header .ajax__tab_outer { border-color: #222; color: #222; border: solid 1px #d7d7d7; background-color: rgb(167, 165, 165); border-top-left-radius: 6px; border-top-right-radius: 6px; }
.Tab .ajax__tab_header .ajax__tab_inner { border-color: #666; color: #666; padding: 10px 10px 10px 10px; }
.Tab .ajax__tab_hover .ajax__tab_outer { background-color: dimgray; }
.Tab .ajax__tab_hover .ajax__tab_outer .ajax__tab_inner a span{ color: white; text-shadow: 1px 1px 1px #000; }
.Tab .ajax__tab_hover .ajax__tab_inner { color: #fff; }
.Tab .ajax__tab_active .ajax__tab_outer { border-color: #7a7a7a; border-bottom-color: #ffffff; background-color: #ffffff; }
.Tab .ajax__tab_active .ajax__tab_outer a span { font-size: 20px; color: dimgray; text-shadow: 1px 1px 1px #fff; }
.Tab .ajax__tab_active .ajax__tab_inner { color: #000; border-color: #333; }
.Tab .ajax__tab_body:not(.not).container { font-family: sans-serif; font-size: 10pt; background-color: #fff; border: solid 1px #7a7a7a; margin-top: 3px; height: 50px; }
.Tab .ajax__tab_body:not(.not).container .ajax__tab_panel { padding: 10px; height: 450px; max-height: 450px; overflow: auto;  }

/* https://icofont.com */
@font-face {
    font-family: 'FontAwesome2';
    src: url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff') format('woff'), url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*bot�o que abre o menu*/
/*#740404 - Vermelho*/
/*#040674 - Azul*/
/*#744c04 - Laranja*/
/*#6c7404 - Amarelo*/
/*#d1d1d1 - cinza*/
/*#4a4a4a - grafite*/
/*#066b27 - verde*/
#fxViewMenu {
    color: #333; 
    background: #d1d1d1; 
    padding: 10px 20px 10px 20px; 
    position: fixed; 
    top: 0; 
    right: 20px; 
    text-align: center; 
    vertical-align: central; 
    border-radius: 0px 0px 10px 10px; 
}

/*Barra do menu*/
/*#740404 - Vermelho*/
/*#050674 - Azul*/
/*#744c04 - Laranja*/
/*#744c04 - Amarelo*/
/*#d1d1d1 - cinza*/
/*#6d6d6d - grafite*/
/*#066b27 - verde*/
.menu-content {
    width: 100%;
    top: 0;
    left: 0;
    *bottom: 0;
    position: relative;
    height: 100%;
    text-align: left;
    background-color: #d1d1d1;
    z-index: 9999999999999999999999999999999999999999999999999999;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100% - 0px);
}

/*Item do menu*/
/*#750000 - Vermelho*/
/*#0c0075 - Azul*/
/*#755200 - Laranja*/
/*#756b00 - Amarelo*/
/*#d1d1d1 - cinza*/
/*#6f6f6f - grafite*/
/*#007523 - Verde*/
.red.jquery-accordion-menu .jquery-accordion-menu-footer, .red.jquery-accordion-menu .jquery-accordion-menu-header, .red.jquery-accordion-menu ul li a {
    background: #d1d1d1;
}

/*Item do menu hover*/
/*#490101 - Vermelho*/
/*#020149 - Azul*/
/*#493101 - Laranja*/
/*#484901 - Amarelo*/
/*#828282 - cinza*/
/*#4d4d4d - grafite*/
/*#014909 - verde*/
.red.jquery-accordion-menu > ul > li.active > a, .red.jquery-accordion-menu > ul > li:hover > a {
    background: #828282;
}

/*item do menu borda*/
/*#231516 - Vermelho*/
/*#161523 - Azul*/
/*#232015 - Laranja*/
/*#232315 - Amarelo*/
/*#343431 - cinza*/
/*#2c2c2c - grafite*/
/*#152317 - verde*/
.red.jquery-accordion-menu > ul > li > a {
    border-bottom-color: #343431;
}

/*Submenu*/
/*#560c0c - Vermelho*/
/*#0f0c56 - Azul*/
/*#56450c - Laranja*/
/*#56540c - Amarelo*/
/*#b5b5b4 - cinza*/
/*#525252 - grafite*/
/*#0c561d - verde*/
.jquery-accordion-menu ul ul.submenu li a {
    width: 100%;
    float: left;
    font-size: 11pt;
    background: #b5b5b4;
    border-top: none;
    position: relative;
    border-left: solid 6px transparent;
    transition: border .2s linear;
}

/*hover do submenu*/
/*#f0f0f0 - branca*/
/*#333    - grafite*/
.red.jquery-accordion-menu ul ul.submenu li:hover > a {
    border-left-color: #333;
}

/*#f0f0f0 - letra branca*/
/*#333    - letra grafite*/
.jquery-accordion-menu ul li a {
    width: 100%;
    padding: 14px 22px;
    float: left;
    text-decoration: none;
    color: #333;
    font-size: 13pt;
    background: #414956;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    transition: color .2s linear, background .2s linear;
}

/*#f0f0f0 - letra branca*/
/*#333    - letra grafite*/
.jquery-accordion-menu .jquery-accordion-menu-footer, .jquery-accordion-menu .jquery-accordion-menu-header {
    width: 100%;
    height: 50px;
    padding-left: 22px;
    float: left;
    line-height: 50px;
    font-weight: 600;
    color: #333;
    background: #414956;
}

.fa {
    display: inline-block;
    font-family: FontAwesome2 !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#demo-list a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.jquery-accordion-menu, .jquery-accordion-menu * {
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
    outline: 0;
}

.jquery-accordion-menu {
    min-width: 260px;
    float: left;
    position: relative;
    box-shadow: 0 20px 50px #333;
}

.jquery-accordion-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.jquery-accordion-menu ul li {
    width: 100%;
    display: block;
    float: left;
    position: relative;
}

.jquery-accordion-menu > ul > li.active, .jquery-accordion-menu > ul > li:hover > a {
    color: #fff;
    background: #3b424d;
}

.jquery-accordion-menu > ul > li > a {
    border-bottom: solid 1px #3b424d;
}

.jquery-accordion-menu ul li a i {
    width: 34px;
    float: left;
    line-height: 18px;
    font-size: 16pt;
    text-align: left;
}

.jquery-accordion-menu .submenu-indicator {
    float: right;
    right: 22px;
    position: absolute;
    line-height: 19px;
    font-size: 20pt;
    transition: transform:not(.not).container .3s linear;
}

.jquery-accordion-menu ul ul.submenu .submenu-indicator {
    line-height: 16px;
}

.jquery-accordion-menu .submenu-indicator-minus > .submenu-indicator {
    transform: rotate(45deg);
}

.jquery-accordion-menu ul ul.submenu, .jquery-accordion-menu ul ul.submenu li ul.submenu {
    width: 100%;
    display: none;
    position: static;
}

.jquery-accordion-menu ul ul.submenu li {
    clear: both;
    width: 100%;
}

.jquery-accordion-menu ul ul.submenu li:hover > a {
    border-left-color: #414956;
}

.jquery-accordion-menu ul ul.submenu > li > a {
    padding-left: 30px;
}

.jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > a {
    padding-left: 45px;
}

.jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > ul.submenu > li > a {
    padding-left: 60px;
}

.jquery-accordion-menu ul li .jquery-accordion-menu-label, .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
    min-width: 20px;
    padding: 1px 2px 1px 1px;
    position: absolute;
    right: 42px;
    top: 14px;
    font-size: 11pt;
    font-weight: 800;
    color: #555;
    text-align: center;
    line-height: 18px;
    background: #f0f0f0;
    border-radius: 100%;
}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
    top: 12px;
}

.ink {
    display: block;
    position: absolute;
    background: rgba(255,255,255,.3);
    border-radius: 100%;
    transform: scale(0);
}

.animate-ink {
    animation: ripple .5s linear;
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

#fxSistema {
    background-image: url(https://esg.souzanet.com.br/img/2015/marca-dagua-home.png);
    background-position: center bottom;
	background-repeat: no-repeat;
}

#fxSistema::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

#fxSistema::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#fxSistema::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

#fxSistema::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.table-responsive::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #555;
}


::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}


#cardLogin { max-width: 300px !important; min-width: 300px !important; width: 300px; display: inline-block; }