a {
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
/* 	margin-right: 10px; */
}

*:focus {
    outline: 0;
}

h1 {
	font-size: 14px;	
}

/* .body { */
/* 	padding: 10 5px; */
/* 	min-height: 100px;	 */
/* } */

.footer {
	border-top: 1px solid;	
}

.root {
	width: 100%;	
}
.head {
    background-color: white;
    height: 85px;
}
.subContenedor {
    height: 100%;
    margin: 0 auto;
    min-width: 950px;
}
#isologo {
    float: left;
    width:  35%;
    /*     margin: 20px auto auto;  */
    visibility: visible;
}
.menu {
    background-color: rgb(0, 105, 178);
    height: 30px;
    vertical-align: bottom;
}

.subMenu {
    background-color: rgb(0, 105, 178);
    position: relative;
    padding:14px;
	top:5px;
	left:5px;
    height: 30px;
    vertical-align: bottom;
}



/* estilos particulares */

@font-face{ 
	font-family: 'WebSymbolsLigaRegular';
	font-style: normal;
    font-weight: 400;
	src: url('websymbolsligaregular.woff') format('woff');
}

/* ESTILO DE TEST */
div, form, td {
    margin: auto;
}
/* FIN ESTILO DE TEST */

/* html, body { */
/* 	height: 100%; */
/* } */

body {
	background: url("./img/wrapper.png") repeat scroll 0 0 transparent;
    margin: auto;
}
#yellowline {
    background-color: #F7BA40;
    height: 5px;
    width: 100%;
}
#whiteline {
	height: 3px;
	width: 100%;
	background-color: white;
}

.cuerpo {
    background-color: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
/*     height: 1500px; */
    padding: 20px;
    width: 910px;
    margin: 20px auto;
}
.opciones {
	transition: all 0.3s ease-in-out 0s;
    color: rgb(255, 255, 255);
    float: right;
    font-family: Alegreya Sans SC,Helvetica,Arial;
    height: 100%;
}

.opciones TD {
	transition: all 0.3s ease-in-out 0s;
    color: rgb(255, 255, 255);
	text-align: center;
	vertical-align: middle;	
    min-width: 110px;
}

.opcion {
    color: rgb(255, 255, 255);
	text-align: center;
    width: 110px;
    text-decoration: none;
    outline: none;
}

.opciones TD:hover {
	transition: all 0.3s ease-in-out 0s;
    background-color: #0092D5;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.opciones td:hover a{
	transition: all 0.3s ease-in-out 0s;
    color: white;
    text-shadow: none;
}

.opcion:hover {
    background-color: #0092D5;
    color: white;
    text-shadow: none;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.opciones:hover a {
	transition: all 0.3s ease-in-out 0s;
    color: transparent;
    text-shadow: 0 0 2px white;
}

.pie {
    background-image: linear-gradient(to bottom, rgb(247, 186, 64) 0%, rgb(184, 138, 48) 100%);
    height: 200px;
    width: 100%;
}

.menuPie {
	height: 100%;
	width: 100%
}

h1#appTitulo {
    margin-top: 10px;
}
.titulo{
	width: 100%;
}


h1 {
    background: url("./img/punteado.png") repeat-x scroll 0 100% transparent;
    color: #0069B2;
    font-family: Alegreya Sans SC,Helvetica,Arial;
    font-size: 35px;
    font-weight: 100;
    letter-spacing: 2px;
    text-shadow: 0 0 10px #0069B2;
    margin-top: 0;
}

h2 {
	background: url("./img/punteadoPie.png") repeat-x scroll 0 100% transparent;
    color: black;
    font-family: Alegreya Sans SC,Helvetica,Arial;
    font-size: 25px;
    font-weight: 100;
    letter-spacing: 2px;
    text-shadow: 0 0 10px #0069B2;
    margin: 0;
    margin-bottom: 10px;
    
}

h3 {
	background: url("./img/punteadoPie.png") repeat-x scroll 0 100% transparent;
    color: black;
    font-family: Alegreya Sans SC,Helvetica,Arial;
    font-size: 20px;
    font-weight: 100;
    letter-spacing: 2px;
    text-shadow: 0 0 10px #0069B2;
    margin: 0;
}


#texto p {
    color: rgb(51, 51, 51);
    font-family: Alegreya Sans, Arial, Helvetica;
    line-height: 170% !important;
    margin: 0;
}
.subCuerpo {
    width: 100%;
}
#cuerpoLinks {
    width: 400px;
    vertical-align: top;
    height: 300px;
    overflow: auto;
    position: relative;
    
    /* atencion efecto colateral revisar */	
}
#separador {
    background-color: #0092D5;
    height: 340px;
    margin: 0 10px;
    width: 1px;
}
.separador {
    background-color: #0092D5;
    height: 225px;
    margin: 0 15px;
    width: 2px;
}
.separadorNuevoUsuario {
    background-color: #0092D5;
    height: 158px;
    margin: 0 15px;
    width: 2px;
}
#linkProductos {
    padding-top: 5px;
}
#linkFabrica {
    padding-bottom: 5px;
}
#linkFabrica, #linkProductos {
    margin-right: 5px;
}
.textoLinks {
    color: rgb(51, 51, 51);
    font-family: Alegreya Sans;
    font-size: 12px;
/*     margin: 10px; */
}
.noticiaLinks {
    color: rgb(51, 51, 51);
    font-family: Alegreya Sans;
    font-size: 12px;
    margin-left: 5px;
    text-overflow: ellipsis;
	overflow: hidden;
	white-space: no-wrap;
	height: 90px;


  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;

}
.noticiaLinksBold {
    color: rgb(51, 51, 51);
    font-family: Alegreya Sans;
    font-size: 12px;
    font-weight: bold;
}

.tituloNovedades {
    font-weight: bold;
    color: rgb(51, 51, 51);
    font-family: Alegreya Sans;
    font-size: 12px;
    margin: 0;
    padding: 5px 0px 0px 0px;
}

.subPie {
	height: 100%;
	width: 950px;
}
.colPie{
	width: 33%;
	height: 100%;
	margin: auto;
	padding-right: 20px;
}

.imgLink {
/* 	transition: background-image 0.3s linear; */
/* 	-moz-transition: background-image 0.3s linear; */
/* 	-ms-transition: background-image 0.3s linear; */
/* 	height: 60px; */
/* 	width: 60px; */
/* 	margin: auto; */
/* 	transform: scale(0.9); */
/* 	-ms-transform: scale(0.9); */
/* 	-webkit-transform: scale(0.9); */
/* 	overflow: hidden; */
/* 	float: left; */

	font-family: WebSymbolsLigaRegular;
	transition: all 0.2s ease-in-out 0s;
	font-size: 35px
}

.imgLink:hover {
	margin: auto;
	color: #0069B2;
/* 	transform: scale(1); */
/* 	filter: grayscale(0%); */
}

.listaPie {
    font-size: 12px;
    line-height: 12px;
    list-style: none outside none;
    margin: 3px 0 0;
    padding: 0;
    width: 100px;
}

.listaPie li {
	font-family: Alegreya Sans,Helvetica,Arial;
	font-weight: 100;
	transition: all 0.2s ease-in-out 0s;
}

.listaPie li:BEFORE {
	font-family: WebSymbolsLigaRegular;
	content: "] "
}

.listaPie li:HOVER {
	color: #0069B2;
}

#dataFiscal {
	position: absolute;
	bottom: 4px;
	right: 4px;
}

.menuPie p {
	font-family: Alegreya Sans,Helvetica,Arial;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

.reclamo p {
	font-family: Alegreya Sans,Helvetica,Arial;
	padding: 0;
	font-size: 16px;
}

.mensaje {
	font-family: Alegreya Sans,Helvetica,Arial;
	padding: 0;
	font-size: 16px;
	text-overflow: ellipsis;
	vertical-align: center;
}


.direccionPie {
	margin-top: 6px
}

#tel:BEFORE {
	font-family: WebSymbolsLigaRegular;
	content: "| "
}

#mail:BEFORE {
	font-family: WebSymbolsLigaRegular;
	content: "8 "
}


/*               ESTILOS PABLO 03/04/2014               */

button {
    background: linear-gradient(to bottom, #F5F5F5 0%, #DFDFDF 100%) repeat scroll 0 0 transparent;
    border: 1px solid #B9B9B9;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #D8D8D8;
    color: #666666;
    font-family: Alegreya Sans SC;
    font-size: 15px;
    height: 25px;
    margin: 5px 12px 5px 0;
    padding: 0 10px;
    vertical-align: middle;
    -moz-user-select: none;
}

button:focus {
	
	background: linear-gradient(to bottom, #3D3D3D 0%, #272727 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #010101;
    color: #FFFFFF;
}

button:active {
    background: linear-gradient(to bottom, #DFDFDF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent;
    box-shadow: none;
    padding: 1px 9px 0 11px;
/*     top: 1px; */
/*     left: 1px; */
/*     position: relative; */
}

button:hover {
    background: linear-gradient(to bottom, #FFFFFF 0%, #E8E8E8 100%) repeat scroll 0 0 transparent;
}

button:focus:hover {
    background: linear-gradient(to bottom, #474747 0%, #303030 100%) repeat scroll 0 0 transparent;
}

button:focus:active {
    background: linear-gradient(to bottom, #272727 0%, #3D3D3D 100%) repeat scroll 0 0 transparent;
}



.btnDisabled, .btnDisabled:FOCUS, .btnDisabled:active, .btnDisable:hover {
	background: linear-gradient(to bottom, #FFFFFF 0%, #E8E8E8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 0 10px;
    color: #8F8F8F;
}


.buscar {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    font-family: Alegreya Sans;
    font-size: 16px;
    font-weight: normal;
    width: 92%;
    margin-bottom: 2px;
}


.buscar input[type="text"] {
	background: none no-repeat scroll 0 0 transparent;
	border: none;
	font: inherit;
	margin: 2px;
	width: 100%;
}

.tabHeader{
	background-image: linear-gradient(to bottom, #F4BC4C 0%, #D19D36 100%);
/* 	border-radius: 5px 0 0 5px; */
	border-radius: 5px 5px 5px 5px;
	width: 400px;
	height: 30px;
	font-family: Alegreya Sans SC;
	font-weight: bold;
}

.tabHeaderReclamos {
    background-image: linear-gradient(to bottom, #f4bc4c 0%, #d19d36 100%);
    border-radius: 5px 0 0 5px;
    font-family: Alegreya Sans SC;
    font-weight: bold;
    height: 30px;
    width: 400px;
}
.tabHeaderSeguimiento{
	background-image: linear-gradient(to bottom, #F4BC4C 0%, #D19D36 100%);
/* 	border-radius: 5px 0 0 5px; */
	border-radius: 5px 5px 5px 5px;
	width: 100%;
	height: 30px;
	font-family: Alegreya Sans SC;
	font-weight: bold;
}

.tableContent {
	height: 100%;
	width: 100%;
	vertical-align: middle;
}
.tableContent2 {
	height: 100%;
	vertical-align: middle;
}



.tableContent td {
    padding-left: 4px;
}

.tabSeccion {
	
	background-color: #CCC;
	margin: 10px 0 0;
	padding: 4px 0;
	width: 400px;
	height: 40px;
/* 	border-radius: 5px 0 0 5px; */
	border-radius: 5px 5px 5px 5px;
	position: relative;
	z-index: 2;
	outline:none;
	font-family: Alegreya Sans;
	font-weight: normal;
	font-size: 16px;
}


.tabSeccionSeguimiento {
	
	background-color: #CCC;
	margin: 10px 0 0;
	padding: 4px 0;
/* 	width: 400px; */
/* 	height: 40px; */
/* 	border-radius: 5px 0 0 5px; */
	border-radius: 5px 5px 5px 5px;
	position: relative;
	z-index: 2;
	outline:none;
	font-family: Alegreya Sans;
	font-weight: normal;
	font-size: 16px;
}

.tabSeleccionada {
	background-image: none;
    background-color: #FFF;
    border-radius: 5px 0 0 5px !important;
    position: relative;
	box-shadow: -3px 1px 4px -1px rgba(0, 0, 0, 0.3);
	outline: none;
}

.cuerpoTabs {
    background-color: white;
    padding: 20px;
    width: 510px;
    height: 550px;
    z-index: 1;
  	
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}

.detalleReclamo {
    height: 475px;
    overflow-y: scroll;
    width: 470px;
}

.tabSpace {
/* 	padding-top: 10px; */
}

.btnReclamo {
	float: right;
}

.consultaViewPanel {
	width: 100%;
}


.buscarIcono {
	background: url("./img/buscar.png") no-repeat scroll 50% 50% transparent;
	height: 26px;
	width: 24px;
}
.editarIcono {
	background: url("./img/edit.png") no-repeat scroll 50% 50% transparent;
	height: 26px;
	width: 24px;
}
.editarIcono:HOVER {
	background: url("./img/edit.png") no-repeat scroll 50% 50% transparent;
	height: 26px;
	width: 24px;
}

.publicarOnIcono {
	background: url("./img/publicar_on.png") no-repeat scroll 50% 50% transparent;
	height: 26px;
	width: 24px;
}
.publicarOffIcono {
	background: url("./img/publicar_off.png") no-repeat scroll 50% 50% transparent;
	height: 26px;
	width: 24px;
}

.icono {
	height: 28px;
    width: 28px;
    outline: none;
    cursor: pointer;
    margin: 0;
}

.avanzadoIcono {
    background: url("./img/gear.png") no-repeat scroll center transparent;
}

.excelIcono {
	background: url("./img/excel.png") no-repeat scroll center transparent;
}
.pdfIcono {
	background: url("./img/pdf.png") no-repeat scroll center transparent;
	width: 20px;
}
.uploadIcono {
	background: url("./img/add.png") no-repeat scroll center transparent;
	width: 20px;
}
.searchIcono {
	background: url("./img/buscar.png") no-repeat scroll center transparent;
	height: 26px;
	width: 24px;
}




.historialIcono {
    background: url("./img/historial.png") no-repeat scroll center transparent;
    height: 20px;
    width: 20px;
    outline: none;
    margin: 0 8px 0 0;
    cursor: pointer;
}


.backColors {
	background: url("./img/backColors.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.bold {
	background: url("./img/bold.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.createLink {
	background: url("./img/createLink.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.fonts {
	background: url("./img/fonts.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.fontSizes {
	background: url("./img/fontSizes.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.foreColors {
	background: url("./img/foreColors.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.hr {
	background: url("./img/hr.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.indent {
	background: url("./img/indent.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.insertImage {
	background: url("./img/insertImage.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.italic {
	background: url("./img/italic.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.justifyCenter {
	background: url("./img/justifyCenter.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.justifyLeft {
	background: url("./img/justifyLeft.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.justifyRight {
	background: url("./img/justifyRight.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.ol {
	background: url("./img/ol.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.outdent {
	background: url("./img/outdent.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.removeFormat {
	background: url("./img/removeFormat.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.removeLink {
	background: url("./img/removeLink.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.strikeThrough {
	background: url("./img/strikeThrough.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.subscript {
	background: url("./img/subscript.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.superscript {
	background: url("./img/superscript.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.ul {
	background: url("./img/ul.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}
.underline {
	background: url("./img/underline.gif") no-repeat scroll center transparent;
	width: 20px;
	height: 20px;
}












/* .addAttachIcono { */
/*     background: url("./img/addAttachIcon.png") no-repeat scroll center transparent; */
/*     height: 20px; */
/*     width: 20px; */
/*     outline: none; */
/*     margin: 0 8px 0 0; */
/*     cursor: pointer; */
/* } */

.attachIcono {
    background: url("./img/attachIcon.png") no-repeat scroll right center transparent;
    height: 20px;
	width: 16px;
    outline: none;
	margin: 0;
    cursor: pointer;
}

.reclamoAttachIcono {
	background: url("./img/reclamoAttachIcon.png") no-repeat scroll center transparent;
	width: 20px;
	margin: 0 8px 0 0;
}

/*       ESTILOS SERGIO       */


.login p, .consulta p {
    font-family: Alegreya Sans,Helvetica,Arial;
    font-size: 16px;
}

/* .usuario { */
/* /*     color: #FFFFFF; */ */
/* /*     font-family: Alegreya Sans SC,Helvetica,Arial; */ */
/* /*      padding-left: 30px; */ */
/* /*     padding-right: 70px; */ */
/*     width: 100%; */
/* } */



/*             ESTILOS DATEPICKER             */
.gwt-DatePicker {
  border: 1px solid #ccc;
  border-top:1px solid #999;
  cursor: default;
  font-family: Alegreya Sans,Helvetica,Arial;
  
}

.gwt-DatePicker td, .datePickerMonthSelector td:focus {
  outline: none;
}

.datePickerMonthSelector td:focus {
  outline: none;
}

.datePickerDays {
  width: 100%;
  background: white;
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 85%;
  text-align: center;
  padding: 4px;
  outline: none;
  font-weight:bold;
  color:#333;
  border-right: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}

.datePickerWeekdayLabel, .datePickerWeekendLabel {
  background: #fff;
  padding: 0px 4px 2px;
  cursor: default;
  color:#666;
  font-size:70%;
  font-weight:normal;
}

.datePickerDay {
  padding: 4px 7px;
  cursor: hand;
  cursor: pointer;
}

.datePickerDayIsWeekend {
  background: #f7f7f7;
}

.datePickerDayIsFiller {
  color: #999;
  font-weight:normal;
}

.datePickerDayIsValue {
  background: #d7dfe8;
}

.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}

.datePickerDayIsHighlighted {
  background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
  background: #d7dfe8;
}

.datePickerDayIsToday {
/*   padding: 3px; */
  color: #3a6aad;
/*   background: url(images/hborder.png) repeat-x 0px -2607px; */
}

.datePickerMonthSelector {
  width: 100%;
  padding: 1px 0 5px 0;
  background: #fff;
}

.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: #3a6aad;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  padding: 0px 4px;
  outline: none;
}

td.datePickerMonth {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 100%;
  font-weight: bold;
  color: #333;
}


.preguntaError {
	color: red !important;
}

/* .gwt-DateBox { */
/*   padding: 5px 4px; */
/*   border: 1px solid #ccc; */
/*   border-top: 1px solid #999; */
/*   font-size: 100%; */
/* } */

.gwt-DateBox input {
  width: 190px;
}

/* .dateBoxFormatError { */
/*   background: #ffcccc; */
/* } */

.dateBoxPopup {
	z-index: 100;
}

/*               fin estilos datepicker               */


/*       POPUP       */

.popup {
    background-color: #FFFFFF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.698);
    color: #000000;
    height: 80px;
    padding: 10px;
    width: 300px;
    font-family: Alegreya Sans,Helvetica,Arial;
    font-size: 16px;
    z-index: 2;
}

.popupAmpliarInfo {
	height: 315px;
	width: 426px;
}

.glassPopup {
    background-color: black;
    opacity:0.3;
    z-index: 2;
    -webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	transition:opacity 0.3s linear;
}

.glassPopupOff{
	opacity:0;
}

.popupTratar {
    background-color: #FFFFFF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.698);
    color: #000000;
    padding: 10px;
    font-family: Alegreya Sans,Helvetica,Arial;
    font-size: 16px;
    z-index: 2;
    display: in
}

.detalleInfo {
	resize: none;
	height: 150px;
	width: 420px;
	text-overflow: ellipsis;
}


/*       FIN POPUP       */

/*         NAVEGADOR PAGINAS TAB          */


.navigation {
    margin-right: 4px;
    margin-top: 2px;
}

.labelPage {
    font-family: Alegreya Sans SC,alegreya sans,Helvetica,Arial;
    margin-left: 5px;
}

.navigButton {
	-moz-user-select: none;
	border: 1px solid #C2C2C2;
	border-radius: 3px;
	color: rgba(0, 0, 0, 0) !important;
	display: inline-block;
	line-height: 20px !important;
	vertical-align: middle;
	width: 20px;
	transition: all 0.3s ease-in-out 0s;
	height: 20px;
	outline-color: #FFFFFF;
	position: relative;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	margin: 1px;
}

.navigation .gwt-Label {
    margin-right: 4px;
}

.navigButton:hover {
	border: 1px solid #666666;
}


.navigButton.disabled {
	border: 1px solid #DCDCDC;
	cursor: default !important;
}

.prev {
    background: url("./img/previous.png") no-repeat scroll center center #FFFFFF !important;
}

.next {
    background: url("./img/next.png") no-repeat scroll center center #FFFFFF !important;

}

.prev.disabled {
    background: url("./img/previous-disabled.png") no-repeat scroll center center #FFFFFF !important;
}

.next.disabled {
    background: url("./img/next-disabled.png") no-repeat scroll center center #FFFFFF !important;


/*         FIN NAVEGADOR PAGINAS TAB          */
}
.tituloh2 {
    width: 100%;
}

.salirIcono {
    background: url("./img/close.png") no-repeat scroll center transparent;
    height: 28px;
    width: 28px;
    outline: none;
    padding: 5px;
}
.anteriorIcono {
    background: url("./img/previous.png") no-repeat scroll center transparent;
    height: 13px;
    width: 18px;
    outline: none;
    padding: 5px;
    padding-right: 0px;
}
.siguienteIcono {
    background: url("./img/next.png") no-repeat scroll center transparent;
    height: 13px;
    width: 18px;
    outline: none;
    padding: 5px;
    padding-left: 0px;
}
.anteriorIconoDeshabilitado {
    background: url("./img/previous-disabled.png") no-repeat scroll center transparent;
    height: 13px;
    width: 18px;
    outline: none;
    padding: 5px;
    padding-right: 0px;
}
.siguienteIconoDeshabilitado {
    background: url("./img/next-disabled.png") no-repeat scroll center transparent;
    height: 13px;
    width: 18px;
    outline: none;
    padding: 5px;
    padding-left: 0px;
}

.cerrarIcono {
	background: url("./img/close.png") no-repeat scroll center transparent;
    height: 15px;
    width: 15px;
    outline: none;
    margin: 0;
	cursor: pointer;
}

.anioTxt {
	width: 117px;
	text-align: right;
}

/*         ESTILOS DE TABLA INVERTIDA         */

.headInv {
	border-radius: 0 5px 5px 0;
	width: 512px;
}

.toolbar {
	height: 30px;
	width: 100%;
}

.tabInv {
	border-radius: 0 5px 5px 0;
    width: 512px;
}

/*         FIN ESTILOS DE TABLA INVERTIDA         */

.histWidget {
	border-radius: 5px;
	width: auto;
}

.contenHist {
	max-height: 500px;
	overflow-y: auto;
}

.excelPopup {
	height: auto;
	width: auto;
}

.dateBoxPopup {
    font-family: alegreya sans,helvetica,arial;
}

.grilla {
    border: 1px solid #F4BC4C;
    border-radius: 0 0 5px 5px;
    width: 320px;
    
}

.rowHighlight {
	background-color: #E3E3E3;
}

.tabPanel {
    width: 96%;
}

.gwt-TabPanelBottom {
    margin: 0;
    width: 95.5%;
    background-color: #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 20px;
    position: relative;
    z-index: 1;
}

.gwt-TabBarItem {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 5px 5px 0 0;
    font-family: Alegreya Sans SC;
    margin-right: 2px;
/*     padding: 0 3px 2px; */
    padding: 0 35px 2px;

}


.gwt-TabBarItem-selected {
	background-image: none;
    background-color: #FFF;
    position: relative;
	box-shadow: -2px -1px 3px -1px rgba(0, 0, 0, 0.3);
	outline: none;
	z-index: 2;
}




.gwt-DisclosurePanel {
}
.gwt-DisclosurePanel-open {
}
.gwt-DisclosurePanel-closed {
}
.gwt-DisclosurePanel .header,
.gwt-DisclosurePanel .header a,
.gwt-DisclosurePanel .header td {
  text-decoration: none;  /* Remove underline from header */
  color: black;
  cursor: pointer;
  cursor: hand;
}
.gwt-DisclosurePanel .content {
  border-left: 3px solid #e7e7e7;
  padding: 4px 0px 4px 8px;
  margin-left: 6px;
}

.gwt-Button[disabled] {
  cursor: default;
  color: #888;
}
.gwt-Button[disabled]:hover {
  border: 1px outset #ccc;
}



.tabHeaderProduccion{
	border-radius: 5px 5px 5px 5px;
}

.registrosTabla {
	border-radius: 5px 5px 5px 5px;
}
.registrosResumen {
	font-weight: bold;
}

.gwt-HTML{
	font-family: Alegreya Sans,Arial,Helvetica;	
	color: rgb(51, 51, 51);
	line-height: 140%;
}
.gwt-Label {
	font-family: Alegreya Sans,Arial,Helvetica;
	color: rgb(51, 51, 51);
	line-height: 140%;
}
.gwt-FileUpload {
	font-family: Alegreya Sans,Arial,Helvetica;
	color: rgb(51, 51, 51);
	line-height: 140%;
}
.gwt-Label2 {
	font-family: Alegreya Sans,Arial,Helvetica;
	color: rgb(51, 51, 51);
	line-height: 140%;
}
.gwt-DateBox {
	font-family: Alegreya Sans,Arial,Helvetica;
	color: rgb(51, 51, 51);
	line-height: 140%;
}
.gwt-TextBox{
	font-family: Alegreya Sans,Arial,Helvetica;
	color: rgb(51, 51, 51);
	line-height: 140%;
}

.gwt-RichTextArea html body {
	font-family: Alegreya Sans,Arial,Helvetica;
	color: rgb(51, 51, 51);
	line-height: 140%;
	
}

.richTextArea{
	font-family: Alegreya Sans,Arial,Helvetica;
	color: rgb(51, 51, 51);
	line-height: 140%;
}
.gwt-TextArea{
	font-family: Alegreya Sans,Arial,Helvetica;
	color: rgb(51, 51, 51);
	line-height: 140%;
}
.gwt-ListBox{
	font-family: Alegreya Sans,Arial,Helvetica;
}

input[type="text"] {
	font-family: Alegreya Sans,Arial,Helvetica;
	color: rgb(51, 51, 51);
	/*line-height: 140%;*/
}

.gwt-LabelBold {
	font-family: Alegreya Sans,Arial,Helvetica;
	font-weight: bold;
}

.gwt-PopupPanel-Loading-off{
	background-color: white;
 	z-index: 99999; 
	opacity:0;
	-webkit-transition: opacity 0.20s linear;
	-moz-transition: opacity 0.20s linear;
	transition:opacity 0.20s linear;
/* 	padding: 2px 2px; */
}

.gwt-PopupPanel-Loading-on {
/* 	glass */
	opacity:1;
	-webkit-transition: opacity 0.20s linear;
	-moz-transition: opacity 0.20s linear;
	transition:opacity 0.20s linear;
	
/* 	sombra */
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
	
/* 	borde */
/* 	border-radius: 5px 5px 5px 5px; */
/* 	-moz-border-radius: 5px 5px 5px 5px; */
/* 	-webkit-border-radius: 5px 5px 5px 5px; */
	border: 1px solid #000000;
}

.contenedor {
	padding: 2px 2px;
	padding-right: 5px;
}

.contenedorEspacioGestion {
	width: 100%;
}

.contenedorFiltrosGestion {
	width: 100%;
}

.variacionPositiva {
	color: green;
	font-family: Alegreya Sans,Arial,Helvetica;
}

.variacionNegativa {
	color: red;
	font-family: Alegreya Sans,Arial,Helvetica;
}





.opcionesSubMenu TD {
/* 	transition: all 0.3s ease-in-out 0s; */
    color: rgb(255, 255, 255);
	text-align: center;
	vertical-align: middle;	
    min-width: 110px;
}
.opcionesSubMenu {
/* 	transition: all 0.3s ease-in-out 0s; */
    color: rgb(255, 255, 255);
    float: right;
    font-family: Alegreya Sans SC,Helvetica,Arial;
    z-index: 100;
}



.opcionesSubMenu TD:hover {
/* 	transition: all 0.3s ease-in-out 0s; */
    background-color: #0092D5;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.opcionesSubMenu td:hover a{
/* 	transition: all 0.3s ease-in-out 0s; */
    color: white;
    text-shadow: none;
}

.opcionesSubMenu:hover a {
/* 	transition: all 0.3s ease-in-out 0s; */
    color: transparent;
    text-shadow: 0 0 2px white;
}

/*ESTILOS CONSULTA RECLAMOS*/
.tabSeccionReclamos {
	
	background-color: #CCC;
	margin: 10px 0 0;
	padding: 4px 0;
	width: 400px;
	height: 40px;
	border-radius: 5px 0 0 5px;
	position: relative;
	z-index: 2;
	outline:none;
	font-family: Alegreya Sans;
	font-weight: normal;
	font-size: 16px;
}

/*ESTILOS CONSULTA RECLAMOS*/
.tableGrid  {
	border-collapse: unset;
	margin: 10px;
    border-spacing: 0px 10px;
}

.tableGrid  tr td {
    padding: 5px;
    margin: 5px;
	background-color: #CCC;
	padding: 4px 5px;
	z-index: 2;
	outline:none;
	font-family: Alegreya Sans;
	font-weight: normal;
	font-size: 16px;
}

.tableGrid  tr:first-child td {
	background-image: linear-gradient(to bottom, #f4bc4c 0%, #d19d36 100%);
	font-family: Alegreya Sans SC;
	font-weight: bold;
}


.tableGrid  tr td:first-child {
    border-left: 0px solid #bbb;
}

.tableGrid  tr td:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    
}
.tableGrid  tr td:last-child {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.tableGridLeft tr td:last-child {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.tableGridRight  tr td:first-child {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    
}

.formContenido {
    width: 300px;
    margin-left : 10px;
}

.analisisLinks {
    color: rgb(51, 51, 51);
    font-family: Alegreya Sans;
    font-size: 12px;
    margin-left: 5px;
    text-overflow: ellipsis;
	overflow: hidden;
	white-space: no-wrap;
	height: 350px;
/*     margin-bottom: 5px; */


  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;

}

.noticiaScroll{
    text-overflow: ellipsis;
	overflow: hidden;
	white-space: no-wrap;
	height: 350px;

	display: block;
	display: -webkit-box;
	max-width: 100%;
	line-height: 1;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.noticia {
    color: rgb(51, 51, 51);
    font-family: Alegreya Sans, Arial, Helvetica;
    line-height: 170%;
    margin: 0;
}
.analisisLinks:hover {
	overflow: auto;
}
.noticiaScroll:hover {
	overflow: auto;
}



.noticia:hover div{
	display: block;	
}

.noticiaScroll:hover div{
	display: block;	
}
.relative{
	position: relative;
}
.relative:hover div{
	display: block;	
}
.noticiaTitulo {
   	color: black;
	font-family: Alegreya Sans,Arial,Helvetica;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px;
}
.contractIcono{
	display:none;
	background: url("./img/contract.png") no-repeat scroll 50% 50% transparent;
	background-color:white;
	height: 26px;
	width: 24px;
	bottom: 0;
    position: absolute;
    right: 25px;
    background-size:cover;
}
.expandIcono{
	display:none;
	background: url("./img/expand.png") no-repeat scroll 50% 50% transparent;
	background-color:white;
	height: 26px;
	width: 24px;
	bottom: 0;
    position: absolute;
    right: 25px;
    background-size:cover;
}
.noticiaExpandIcono{
	display:none;
	background: url("./img/expand.png") no-repeat scroll 50% 50% transparent;
	background-color:white;
	height: 26px;
	width: 24px;
	bottom: 0;
    position: absolute;
    right: 5px;
    background-size:cover;
}
.seleccionImagen{
	max-width: 530px;
	max-height: 330px;
}

.inputPlanDeshabilitado{
	background-color: white;
    border: 2px solid white;
    color: black;
    font-weight: normal;	
}

.mensajeScroll{
	overflow: auto;
	max-height: 70px; 
}

.labelBackend {
    font-family: Alegreya Sans SC,alegreya sans,Helvetica,Arial;
    color: black;
    margin-left: 5px;
}

.contenedorFiltrosTabla{
	padding-top: 8px;
}

.edit {
    background: url("./img/edit.png") no-repeat scroll center center !important;
	height: 18px;
	width: 15px;
	background-size: 20px 20px !important;
}
.terminar {
    background: url("./img/terminar.png") no-repeat scroll center center !important;
	height: 18px;
	width: 15px;
	background-size: 20px 20px !important;
}
.publicar {
    background: url("./img/publicar.png") no-repeat scroll center center !important;
	height: 18px;
	width: 15px;
	background-size: 20px 20px !important;
}
.delete {
    background: url("./img/delete.png") no-repeat scroll center center !important;
	height: 18px;
	width: 15px;
	background-size: 20px 20px !important;
}
.verificado {
    background: url("./img/verificarS.png") no-repeat scroll center center !important;
	height: 18px;
	width: 15px;
	background-size: 20px 20px !important;
}
.verificar {
    background: url("./img/verificarS1.png") no-repeat scroll center center !important;
	height: 18px;
	width: 15px;
	background-size: 20px 20px !important;
}

.consultar {
    background: url("./img/buscar.png") no-repeat scroll center center !important;
	height: 20px;
	width: 15px;
	background-size: 20px 20px !important;
}

.upload {
	background: url("./img/upload.png") no-repeat scroll center !important;
	height: 18px;
	width: 15px;
	background-size: 20px 20px !important;
}
.totvs {
	background: url("./img/totvs.png") no-repeat scroll center !important;
	height: 18px;
	width: 15px;
	background-size: 20px 20px !important;
}

.no-action {
	background: rgba(195,195,195, 0.0) no-repeat scroll center !important;
	height: 18px;
	width: 15px;
	background: 
	background-size: 20px 20px !important;
}

.ic_folder {
	background: url("./img/ic_folder.png") no-repeat scroll center !important;
	height: 18px;
	width: 15px;
	background-size: 20px 20px !important;
}
.ic_folder_open {
	background: url("./img/ic_folder_open.png") no-repeat scroll center !important;
	height: 18px;
	width: 15px;
	background-size: 20px 20px !important;
}






/* .noticiaCopete{ */
/* 	display: block; */
/* 	color: #666666; */
/* 	padding: 10px; */
/* 	font-family: Alegreya Sans, Arial, Helvetica; */
/*     line-height: 170% !important; */
/*     width: 875px; */
/* } */




.noticiaCopeteExpand{
	display: block;
	color: #666666;
/* 	padding-left: 30px; */
	font-family: Alegreya Sans, Arial, Helvetica;
	font-style: italic;
    line-height: 170% !important;
    font-size: 20px;
/*     width: 400px; */
}
.noticiaCopeteCompact{
	display: block;
	color: #666666;
	font-family: Alegreya Sans, Arial, Helvetica;
	font-style: italic;
    line-height: 170% !important;
}
.noticiaFechaHoraExpand{
	display: block;
	padding-top: 5px;
/* 	padding-left: 30px; */
	font-family: Alegreya Sans, Arial, Helvetica;
    line-height: 170% !important;
    font-size: 15px;
/*     width: 400px; */
}

.noticiaImagenExpand{
	padding-right: 15px;
}

.noticiaFechaHoraCompact{
	display: block;
	font-family: Alegreya Sans, Arial, Helvetica;
    line-height: 170% !important;
    font-size: 15px;
}



.noticiaSeparador{
	background: url("./img/punteado.png") repeat-x scroll 0 100% transparent;
	height: 1px;
	padding: 10px;
}

.contenedorTablaAnalisis{
	width: 770px;
}
.centerText{
	text-align: center;
	font-weight: bold;
	line-height: 123% !important;
}