/*
 * Document   : styles
 * Copyright (c) 2016 SOFTWARE GRUPO V (http://www.sgv.es) 
 */
 
 /* ------------------------------------------------------------------------------------------------------------
 * --- RESET 
 * --- Se resetean aquellos estilos propios de cada elemento HTML de forma
 * --- que estan todos los elementos limpios y preparados para ser definidos.
 * --- Basada en http://meyerweb.com/eric/tools/css/reset/
 * ------------------------------------------------------------------------------------------------------------
 */
* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
	p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
	dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
	sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	caption, center, u, b, i {
	margin: 			0;
	padding: 			0;
	border: 			0;
	outline: 			0;
	font-size: 			100%;
	vertical-align: 	baseline;
}

* p, b {
	margin: 			0;
	padding: 			0;
	border: 			0;
	outline: 			0;
	font-size: 			97%;
	vertical-align: 	baseline;
}

table, tbody, tfoot, tr, th, td {
	margin: 			0;
	border: 			0;
	outline: 			0;
	font-size: 			100%;
}

body {
	line-height: 		1;
}

ol, ul {
	list-style-type: 	none;
}

blockquote, q {
	quotes: 			none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: 			'';
	content: 			none;
}

blockquote, q {
	quotes: 			'' '';
}

/* remember to define focus styles! 
:focus {
	outline: 			0;
}
*/
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: 	collapse;
	border-spacing: 	0;
}

input, textarea {
	margin: 			0;
	padding: 			0;
}

hr {
	margin: 			0;
	padding: 			0;
	border: 			0;
	color: 				#000;
	background-color: 	#000;
	height: 			1px
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: 	none;
}

del {
	text-decoration: 	line-through;
}

/* ------------------------------------------------------------------------------------------------------------
 * --- FONTS 
 * --- Definir los estilos generales de tipografia para los distintos elementos de la aplicación.
 * ------------------------------------------------------------------------------------------------------------
 */
body {
	font-size: 			12px;
	font-family: 		'Open Sans', Helvetica, Arial, Lucida, sans-serif;
	/*color: 				#464B52;*/
}

select {
	font-size: 			12px;
	font-family: 		'Open Sans', Helvetica, Arial, Lucida, sans-serif;
	color: 				#000000;
}

p {
	font-family: 		'Open Sans', Helvetica, Arial, Lucida, sans-serif;
	color: 				#000000;
	line-height: 		24px;
	margin: 			4px 0px;
	/*text-align: 		justify;*/
}

h3 {
	font-size: 			160%;
	font-family:		'Raleway', Helvetica, Arial, Lucida, sans-serif;
	margin: 			10px auto;
	border-bottom: 		1px dotted #1EA698;
	width: 				95%;
	box-shadow: 		0px 1px 1px white;
	-ie-box-shadow: 	0px 1px 1px white;
	-moz-box-shadow: 	0px 1px 1px white;
	-webkit-box-shadow: 0px 1px 1px white;
	color: 				#007569; /*#1EA698;*/
	padding-bottom:		4px;
}
h3.noborder{
	border-bottom: 		none !important;
}

.dottedBorderGreen{
	border-bottom: 		1px dotted #1EA698;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#display_block{
    margin: 0px; 
    padding: 0px;    
    min-height: 100%;
}

#header_block{
    margin: 0px; 
    padding: 0px;
    clear: both;
}

#content_block{
    margin: 0px; 
    padding: 0px;
    clear: both;
    padding-bottom: 30px;
}

#footer_block{
    margin: 0px;
    clear: both;
    padding: 5px 0;
    width: 100%;
    height: 20px;
    margin-top: -30px;
}
#errors{
    padding-top: 15px;
}

form{
    margin: 0px;
}

a:visited{    
    background: inherit;
    color: #1E3F71;
    text-decoration: none;
}

.link-nounderline{
    text-decoration: none !important;
}

h1{
    margin-top: 2.5em;
    margin-bottom: 1.5em;
}

 h2{
	font-size:				105%;
}

div.franjaInferior span.margen4, span.franjaInferior span.margen4{
    margin: 0px 1px;
    height: 2px;
}

.messagesError span{
    color: red;
}

img.formateoSinDcha{border: 0; width: 186px; height: 56px;}

form.sinMargen {margin: 0px;}

.sinBorde{border:none;}

body.sinMargen{margin: 0px; padding: 0px;}

input{
    border: 1px solid #4567a6;
}
textarea{
    border: 1px solid #4567a6;
}
select{
    border: 1px solid #4567a6;
}

ol li{
    list-style: decimal outside none;
}

.contenido{
    margin: 1em 2em;
}

.frmEtiquetaCampo{
    margin-left: 			2px;
    color:					#666666; 
    background:				inherit;
    /*font-weight: bold*/
}

.frmValorCampo{
	background:				#eee;
	}
.frmValorCampoColor{
	background:				#E5F8F6;
	}
.frmValorCampo,.frmValorCampoColor{
	margin-top:				1px;
    margin-left: 			2px;
    /*
    color:					#000000; 
    background:				#FFFFFF;
	border: 				1px solid grey;
	border-radius: 			2px 0 0 2px;
	-moz-border-radius: 	2px 0 0 2px;
	-ms-border-radius: 		2px 0 0 2px;
	-webkit-border-radius: 	2px 0 0 2px;
	box-shadow: 			0px 1px 1px #DEDEDE inset;
	-moz-box-shadow: 		0px 1px 1px #DEDEDE inset;
	-ms-box-shadow: 		0px 1px 1px #DEDEDE inset;
	-webkitbox-shadow: 		0px 1px 1px #DEDEDE inset;
	*/
	min-height: 			22px;
	
	border:					none;
	border-bottom:			2px solid transparent;
	font-family: 			'Open Sans', Helvetica, Arial, Lucida, sans-serif;
	padding-left:			4px;
}

.frmValorCampo:focus{
	box-shadow: 			1px 1px 5px #B0C9F2;
	-moz-box-shadow: 		1px 1px 5px #B0C9F2;
	-ms-box-shadow: 		1px 1px 5px #B0C9F2;
	-webkitbox-shadow: 		1px 1px 5px #B0C9F2;
	border-bottom: 			2px solid #539FAD;
}


select.frmValorCampo { 
	color:					#000000; 
	background:				#eee;
} 

select.frmValorCampo option{
	background:				white;
	font-family: 			'Open Sans', Helvetica, Arial, Lucida, sans-serif;
}

.frmValorCampo[readonly="readonly"], .frmValorCampo[disabled="disabled"], frmValorCampoColor[readonly="readonly"], .frmValorCampoColor[disabled="disabled"]{
	
}

.frmCabeceraFormulario {
	color:#7692c6; 
	background:inherit;
	font-weight: bold;
}

select.frmValorCampo{
	min-height: 			20px;
}

table.conBorde{
    border: 1px solid #4567a6;
    border-collapse: collapse;
    width:100%;
}
table.conBorde td{
    border: 1px solid #4567a6;
    padding:2px;
}

table.conBorde td.conv{
    font-weight:        bold;
}

table.conBorde td.espec{
    padding-left: 30px;
}

.font-family-arial{
	font-family: 'Arial';
}

.font-size-8pt{
    font-size: 8pt;
}

.font-size-7pt{
    font-size: 7pt;
}

.textoAyuda {font-size: 12px; color: #000066; font-weight: normal; font-style: italic; text-align: center}

.textArea { border: 2px solid #000066; text-align:center;}

.textoNormal{ font-weight: normal;}

.text-bold{ font-weight: bold; }

.text-justify{
    text-align: justify;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}
.text-italic{
    font-style: italic; 
}

.text-size-12{
    font-size: 12px;
}

.text-size-14{
    font-size: 14px;
}

.text-size-16{
    font-size: 16px;
}

.text-weight-normal{
    font-weight: normal;
}

.text-size-105{
	font-size: 105%;
}

.list-style-none{ list-style: none;}

.rojoImportante{color:#CD2A2A !important;}

.rojoBorde{
    border: 1px solid #CD2A2A;
}

.amarilloSuave{
    color: #FFFF80;
}

.centrado{
    margin: 0 auto;
}
.vertical-middle{
    vertical-align: middle;
}

.vertical-top{
    vertical-align: top;
}

.vertical-bottom{
    vertical-align: bottom;
}

.frmValorCampo-lectura{
    background-color: #F0F0F0;
}

.frmValorCampo[readonly=readonly], .frmValorCampo[disabled=disabled],frmValorCampoColor[readonly=readonly], .frmValorCampoColor[disabled=disabled]{
    background-color: #F0F0F0;
    color: #6a6a6a;
}

.subrayado1GrisSuave{
    border-bottom: 1px solid lightgray;
}

.borderSup1Gris{
    border-top: 1px solid gray;
}

.borderSup1GrisSuave{
    border-top: 1px solid lightgray;
}

.borderLineasMarrones{
    border: 2px dashed brown;
}

.azul, .azul a:link, .azul a:visited, a.azul:link, a.azul:visited {
  background: inherit;
  color: blue;
}

.azulText {
  color: blue !important;
}

.azulBorde {
  border: 1px solid blue;
}

.validartexto  {
    text-align:left ;
}

.numero {
    text-align:right;
}

.fecha  {
    text-align:left;
}

.scroll { border: 0px solid #000066; overflow: scroll; }
.scrollAuto { overflow: auto;}
.font-size-200{ font-size: 200%;}
.font-size-150{ font-size: 150%;}
.font-size-110{ font-size: 110%;}
.font-size-96{ font-size: 96%;}
.font-size-90{ font-size: 90%;}
.font-size-85{ font-size: 85%;}

.alto1{height : 1px;}

.alto8{height : 8px;}

.alto12{height : 12px;}
.alto18{height : 18px;}

.alto20{height : 20px;}
.alto25{height : 25px;}
.alto27{height : 27px;}
.alto32{height : 32px;}

.min-alto20{min-height: 20px;}
.min-alto30{min-height: 30px;}

.alto75{height : 75px;}

.alto110{height : 110px;}

.alto100p{height: 100%;}

.alto200{height:200px;}

.alto500{height:500px;}

.alto700{height:700px;}

.ancho445{width: 445px;}

.ancho1{ width: 1%; }

.ancho3 { width: 3%; }

.ancho2 { width: 2%; }

.ancho5 { width: 5%; }

.ancho7 { width: 7%; }

.ancho10 { width: 10%; }

.ancho13 { width: 13%; }

.ancho15 { width: 15%; }

.ancho22 { width: 22%; }

.ancho25 { width: 25%; }

.ancho27 { width: 27%; }

.ancho30 { width: 30%; }

.ancho35 { width: 35%; }

.ancho38 { width: 38%; }

.ancho40 { width: 40%; }

.ancho42 { width: 42%; }

.ancho45 { width: 45%; }

.ancho48 { width: 48%; }

.ancho50 { width: 50%; }

.ancho55 { width: 55%; }

.ancho60 { width: 60%; }

.ancho62 { width: 62%; }

.ancho65 { width: 65%; }

.ancho68 { width: 68%; }

.ancho70 { width: 70%; }

.ancho75 { width: 75%; }

.ancho80 { width: 80%; }

.ancho90 { width: 90%; }

.ancho93 { width: 93%; }

.ancho95 { width: 95%;}

.ancho97 { width: 97%;}

.ancho98 { width: 98%;}

.ancho99 { width: 99%;}

.ancho100 { width: 100%;}

.ancho300 { width: 300px; }

.ancho55px { width: 55px; }

.ancho64px { width: 64px; }

.ancho80px { width: 80px; }

.ancho90px { width: 90px; }

.ancho120 { width: 120px; }

.ancho140 { width: 140px; }

.ancho160 { width: 160px; }

.ancho180 { width: 180px; }

.ancho220 { width: 220px; }

.rojoFondo{background:#CD2A2A;}

.rojoFondoSuave{background:#F5A9A9;}

.beigeFondo{background:#E1DDCD;}

.pendiente{background:#FBCDB2;}

.aportado{background:#FFF;}

.validado{background:#D6F6D6;}

.rechazado{background:#FFA7A7;}

.subsanar{background:#FFC666;}

.reubicadoFinalizado{background:#AB2A3E}

.redSelect > * {
    background: #FFA7A7;
      color: black;
}

.greenSelect > * {
    background: #D6F6D6;
      color: black;
}


.greySelect > * {
    background: #FFF;
      color: black;

}

/* PADDINGS */
.padding1{ padding:1px;}
.padding1Sup{ padding-bottom: 1px;}
.padding1Inf{ padding-bottom: 1px;}
.padding1Izq{ padding-left: 1px;}
.padding1Dch{ padding-right: 1px;}

.padding2{ padding: 2px;}
.padding2Sup{ padding-top: 2px;}
.padding2Inf{ padding-bottom: 2px;}
.padding2Izq{ padding-left: 2px;}
.padding2Dch{ padding-right: 2px;}

.padding3Sup{ padding-top: 3px;}

.padding3{ padding: 3px;}
.padding3Sup{ padding-top: 3px;}
.padding3Inf{ padding-bottom: 3px;}
.padding3Izq{ padding-left: 3px;}
.padding3Dch{ padding-right: 3px;}

.padding5{ padding:5px;}
.padding5Sup{ padding-top: 5px;}
.padding5Inf{ padding-bottom: 5px;}
.padding5Izq{ padding-left: 5px;}
.padding5Dch{ padding-right: 5px;}

.padding7Sup{ padding-top: 7px;}

.padding10{ padding: 10px;}
.padding10Sup{ padding-top: 10px;}
.padding10Inf{ padding-bottom: 10px;}
.padding10Izq{ padding-left: 10px;}
.padding10Dch{ padding-right: 10px;}

.padding15{ padding: 15px;}
.padding15Sup{ padding-top: 15px;}
.padding15Inf{ padding-bottom: 15px;}
.padding15Izq{ padding-left: 15px;}
.padding15Dch{ padding-right: 15px;}

.padding20Inf{ padding-bottom: 20px;}

/* MARGINS */
.margenAuto{ margin: auto;}
.margen0{ margin: 0;}
.margen0Sup { margin-top: 0px;}

.margen1Sup{ margin-top: 1px; }

.margen2 { margin: 2px;}
.margen2Sup { margin-top: 2px;}
.margen2Inf { margin-bottom: 2px;}
.margen2Dch { margin-right: 2px;}
.margen2Izq { margin-left: 2px;}

.margen3Sup { margin-top: 3px;}

.margen4 { margin: 4px;}
.margen4Sup { margin-top: 4px;}
.margen4Dch { margin-right: 4px;}
.margen4Izq { margin-left: 4px;}

.margen5 { margin: 5px; }
.margen5Sup { margin-top: 5px; }
.margen5Inf { margin-bottom: 5px; }
.margen5Dch { margin-right: 5px;}
.margen5Izq { margin-left: 5px;}

.margen10 { margin: 10px; }
.margen10Sup { margin-top: 10px; }
.margen10Inf { margin-bottom: 10px; }
.margen10Dch { margin-right: 10px;}
.margen10Izq { margin-left: 10px;}

.margen15 { margin: 15px; }
.margen15Sup { margin-top: 15px; }
.margen15Inf { margin-bottom: 15px; }
.margen15Dch { margin-right: 15px;}
.margen15Izq { margin-left: 15px;}


.margen20 { margin: 20px;}
.margen20Sup { margin-top: 20px; }
.margen20Inf { margin-bottom: 20px; }
.margen20Dch { margin-right: 20px;}
.margen20Izq { margin-left: 20px;}

.margen30    { margin: 30px;}
.margen30Sup { margin-top: 30px; }
.margen30Inf { margin-bottom: 30px; }
.margen30Dch { margin-right: 30px;}
.margen30Izq { margin-left: 30px;}

.margen45Dch { margin-right: 45px;}

.float-left{
    float:left;
}

.float-right{
    float:right;
}


/* ------------------------------------ Estilos de las simulaciones de tablas  ------------------------------------ */


/*Olvida la distribucion de bloques existentes hasta este momento e inicia nueva linea*/
.nuevaLinea{ clear : both;}

.seemTable{ padding: 5px 0px; width: 100%; clear : both;}
.seemTr{ padding:5px 0px 0px 0px;  width: 100%; clear : both;}

.seemTr > div{ min-height: 18px; }

/* Elemento que simula un td del 1% alineado a la izquierda... */
.seemTd1AlignIzq{ width : 1%; float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 99% alineado a la izquierda... */
.seemTd99AlignIzq{ width : 99%; float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 2% alineado a la izquierda... */
.seemTd2AlignIzq{ width : 2%; float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 98% alineado a la izquierda... */
.seemTd98AlignIzq{ width : 98%; float : left; color: inherit; background: inherit; }

/* Elemento que simula un td alineado a la izquierda... */
.seemTdAlignIzq{ float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 5% alineado a la izquierda... */
.seemTd5AlignIzq{ width : 5%; float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 7% alineado a la izquierda... */
.seemTd7AlignIzq{ width : 7%; float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 95% alineado a la izquierda... */
.seemTd95AlignIzq{ width : 95%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 10% alineado a la izquierda... */
.seemTd10AlignIzq{ width : 10%; float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 13% alineado a la izquierda... */
.seemTd13AlignIzq{ width : 13%; float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 90% alineado a la izquierda... */
.seemTd90AlignIzq{ width : 90%; float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 15% alineado a la izquierda... */
.seemTd15AlignIzq{ width : 15%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 85% alineado a la izquierda... */
.seemTd85AlignIzq{ width : 85%; float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 20% alineado a la izquierda... */
.seemTd20AlignIzq{ width : 20%; float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 80% alineado a la izquierda... */
.seemTd80AlignIzq{ width: 80%; float: left; color: inherit; background: inherit; }
/* Elemento que simula un td del 25% alineado a la izquierda... */
.seemTd25AlignIzq{ width : 25%; float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 75% alineado a la izquierda... */
.seemTd75AlignIzq{ width: 75%; float: left; color: inherit; background: inherit; }
/* Elemento que simula un td del 30% alineado a la izquierda... */
.seemTd30AlignIzq{ width : 30%; float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 70% alineado a la izquierda... */
.seemTd70AlignIzq{ width: 70%; float: left; color: inherit; background: inherit; }
/* Elemento que simula un td del 33% alineado a la izquierda... */
.seemTd33AlignIzq{ width : 33%; float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 40% alineado a la izquierda... */
.seemTd40AlignIzq{ width : 40%; float : left; color: inherit; background: inherit; }
/* Elemento que simula un td del 60% alineado a la izquierda... */
.seemTd60AlignIzq{ width: 60%; float: left; color: inherit; background: inherit; }
/* Elemento que simula un td del 50% alineado a la izquierda... */
.seemTd50AlignIzq{ width : 50%; float : left; color: inherit; background: inherit; }

/* Elemento que simula un td del 1% alineado a la derecha... */
.seemTd1AlignDch{ width : 1%; float : right; color: inherit; background: inherit; }
/* Elemento que simula un td del 99% alineado a la derecha... */
.seemTd99AlignDch{ width : 99%; float : right; color: inherit; background: inherit; }
/* Elemento que simula un td del 2% alineado a la izquierda... */
.seemTd2AlignDch{ width : 2%; float : right; color: inherit; background: inherit; }
/* Elemento que simula un td del 98% alineado a la izquierda... */
.seemTd98AlignDch{ width : 98%; float : right; color: inherit; background: inherit; }

/* Elemento que simula un td alineado a la derecha... */
.seemTdAlignDch{ float: right; color: inherit; background: inherit; }
/* Elemento que simula un td del 5% alineado a la derecha... */
.seemTd5AlignDch{ width : 5%; float : right; color: inherit; background: inherit; }
/* Elemento que simula un td del 95% alineado a la derecha... */
.seemTd95AlignDch{ width : 95%; float : right; color: inherit; background: inherit; }
/* Elemento que simula un td del 10% alineado a la derecha... */
.seemTd10AlignDch{ width : 10%; float : right; color: inherit; background: inherit; }
/* Elemento que simula un td del 90% alineado a la derecha... */
.seemTd90AlignDch{ width : 90%; float : right; color: inherit; background: inherit; }
/* Elemento que simula un td del 15% alineado a la derecha... */
.seemTd15AlignDch{ width : 15%; float : right; color: inherit; background: inherit; }
/* Elemento que simula un td del 85% alineado a la derecha... */
.seemTd85AlignDch{ width : 85%; float : right; color: inherit; background: inherit; }
/* Elemento que simula un td del 20% alineado a la derecha... */
.seemTd20AlignDch{ width : 20%; float : right; color: inherit; background: inherit; }
/* Elemento que simula un td del 80% alineado a la derecha... */
.seemTd80AlignDch{ width: 80%; float: right; color: inherit; background: inherit; }
/* Elemento que simula un td del 25% alineado a la derecha... */
.seemTd25AlignDch{ width : 25%; float : right; color: inherit; background: inherit; }
/* Elemento que simula un td del 75% alineado a la derecha... */
.seemTd75AlignDch{ width: 75%; float: right; color: inherit; background: inherit; }
/* Elemento que simula un td del 30% alineado a la derecha... */
.seemTd30AlignDch{ width : 30%; float : right; color: inherit; background: inherit; }
/* Elemento que simula un td del 70% alineado a la derecha... */
.seemTd70AlignDch{ width: 70%; float: right; color: inherit; background: inherit; }
/* Elemento que simula un td del 33% alineado a la derecha... */
.seemTd33AlignDch{ width : 33%; float : right; color: inherit; background: inherit; }
/* Elemento que simula un td del 40% alineado a la derecha... */
.seemTd40AlignDch{ width : 40%; float : right; color: inherit; background: inherit; }
/* Elemento que simula un td del 60% alineado a la derecha... */
.seemTd60AlignDch{ width: 60%; float: right; color: inherit; background: inherit; }
/* Elemento que simula un td del 50% alineado a la derecha... */
.seemTd50AlignDch{ width : 50%; float : right;color: inherit; background: inherit; }

.seemTd3AlignIzq{ width : 3%; float : left;}
.seemTd17AlignIzq{ width : 17%; float : left;}
.seemTd18AlignIzq{ width : 18%; float : left;}
.seemTd23AlignIzq{ width : 23%; float : left;}
.seemTd24AlignIzq{ width : 24%; float : left;}
.seemTd25AlignIzq{ width : 25%; float : left;}
.seemTd30AlignIzq{ width : 30%; float : left;}
.seemTd33AlignIzq{ width : 33%; float : left;}
.seemTd35AlignIzq{ width : 35%; float : left;}
.seemTd38AlignIzq{ width : 38%; float : left;}
.seemTd45AlignIzq{ width : 45%; float : left;}
.seemTd48AlignIzq{ width : 48%; float : left;}
.seemTd55AlignIzq{ width : 55%; float : left;}
.seemTd60AlignIzq{ width : 60%; float : left;}
.seemTd65AlignIzq{ width : 65%; float : left;}
.seemTd66AlignIzq{ width : 66%; float : left;}
.seemTd75AlignIzq{ width : 75%; float : left;}
.seemTd12AlignIzq{ width : 12%; float : left;}
.seemTd13AlignIzq{ width : 13%; float : left;}

.seemTableNoPad{ padding: 0px;}
.seemTableNoPad > .seemTr{ padding: 0px;}

/* ------------------------------------ Fin estilos de las simulaciones de tablas  ------------------------------------ */

.asAnchorMenu800{
    color:              #ffffff;
    background-color:   #2c5885;
    font-size:          1.1em;
    font-weight:        bold;
    margin:             0px;
    border:             0px;
    padding:            0px;
    cursor:             pointer;
}
/*
ul.nivel1_800{
	Chrome hack
    (-bracket-:hack;
            border-bottom: none;
    );

}
*/
li.nivel1_800Activo{
    border-bottom-width: 4px;
}

input.boton{
    cursor: pointer;
}

a.boton{
    cursor: pointer;
    background-color: #EEF1F5;
    padding: 1px 10px;
    color: #000000;
    text-decoration: none;
}

.linenobreak{
    white-space: nowrap;
}

.botonPestana{
    border: 0px;
    background-color: #EFF3F7;
    text-align: center;
    color: #4567a6;
    cursor: pointer;
    text-transform: capitalize;
}

.primeraMayuscula{
    text-transform: capitalize;
}

.position-relative{
    position: relative;
}

.position-absolute{
	position: absolute;
}

.display-block{
    display: block;
}

.display-inline{
    display: inline;
}

.display-inline-block{
    display: inline-block;
}

.display-none{
    display: none;
}

li.nivel2InactivoDeshabilitado{margin:0em 0em 0em 0em;padding:0.1em 0em 0.1em 0em;list-style-type: none;list-style-image: url(/img/estilos/nav_vinieta.gif); background:inherit;  color:#666666; }
li.nivel2ActivoDeshabilitado {margin:0em 0em 0em 0em;padding:0.1em 0em 0.1em 0em;list-style-type: none;list-style-image: url(/img/estilos/nav_vinieta.gif); background:#D9D9D9;  color:#666666; }

div.scrollWrapper{
    overflow: auto;
    height: 375px;
}

.cabeceraLogo2 {background:url('imagenes/logoDga.jpg') no-repeat scroll 0 0 #003153;color:inherit;height: 56px;}


div.tabla{
    display: table;
}

div.fila{
    display: table-row;
}

div.celda{
    display: table-cell;
}

.nivel1_800Inactivo input{
    font-weight: bold;
}

.nivel1_800Inactivo input.btn-no-style{
    color: white;
}

input.btn-no-style{
    background-color: transparent;
    border: none;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    cursor: pointer;
}

/* ACCESIBLE MODAL PANEL STYLES ---------------------------------------------- */

.background-dialog{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index: 6000;
}

.background-dialog-trans{
    width:100%;
    height:100%;
    background: #000000;
    z-index: 6001;
    opacity:0.6;
    filter:alpha(opacity=60);
}

.dialog-wraper { /* para que consiga centrarse el div*/
    position: absolute;
    top: 10%;
    left: 50%;
    width: 430px;  
    z-index: 6002;

}

.dialog { /* es el bloque general de la ventanita */
    border:3px solid #0C7EAC;
    width: 430px; 
    background: #FFFFFF;
    position: absolute;
    left: -215px;
    box-shadow: 0 0 16px black;
    -moz-box-shadow: 0 0 16px black;
    -ms-box-shadow: 0 0 16px black;
    -webkit-box-shadow: 0 0 16px black;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;

}

.dialog2 { /* es el bloque general de la ventanita */
    border:3px solid #0C7EAC;
    width: 430px; 
    background: #FFFFFF;
    position: absolute;
    left: -215px;
    box-shadow: 0 0 16px black;
    -moz-box-shadow: 0 0 16px black;
    -ms-box-shadow: 0 0 16px black;
    -webkit-box-shadow: 0 0 16px black;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    top:200px;
}

.dialog940px{
    left: -470px !important;
    width: 940px !important;
}

.dialog800px{
    left: -400px !important;
    width: 800px !important;
}

.dialog980px{
    left: -495px !important;
    width: 980px !important;
}

.dialog1015px{
    left: -495px !important;
    width: 1015px !important;
}

.dialog600px{
    left: -300px !important;
    width: 600px !important;
}

.dialog-header { /* es la barra superior */
    display: block;
    border-bottom: 1px solid #0C7EAC;
    padding-top: 5px;
    padding-left: 5px;
    font-weight: bold; 
    font-size: 110%; 
    height: 20px; 
    background-color: #0C7EAC; /*#EEEEEE;*/
    color: white; /*#0E8AB9;*/
    text-align: left;
    cursor: pointer;
}

.dialog-header:hover{
    background: #0B749C; /*#DDDDDD;*/
}

.dialog-header input{
	background-color: #0B749C;
}

.dialog-content { /* es el bloque inferior con el contenido */
    display: block;
    padding: 10px;
    font-weight: bold;
    font-size:105%; 
    /*text-align: center;*/
}

.dialog .dialog-header .close_button{
    background: url("imagenes/close.png.xhtml") no-repeat scroll 0 0 transparent !important;
    border: none;
    float: right;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 16px;
    cursor: pointer;
}

.dialog .dialog-header .close_button:hover{
    background: url("imagenes/close_hover.png.xhtml") no-repeat scroll 0 0 transparent !important;
}

.dialog ul.ayto_toolbar{
    list-style: none !important;
    padding: 0px;
    margin: 10px 0px;
    text-align: center;
}

.dialog ul.ayto_toolbar li{
    display: inline !important;
    margin: 0px 5px;
}

.dialog ul.toolbar{
    list-style: none !important;
    padding: 0px;
    margin: 10px 0px;
    text-align: center;
}

.dialog ul.toolbar li{
    display: inline !important;
    margin: 0px 5px;
}

/*
.dialog ul.ayto-toolbar li input{
    margin: 0px 4px;
    background-color: #EEF1F5;
    border-color: #003153 #EEF1F5;
    border-left: 1px solid #EEF1F5;
    border-right: 1px solid #EEF1F5;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
*/
.dialog .dialogModalLoaderLayer{
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    background-color: rgba(0, 0, 0, 0.2);
}

.dialog .dialogModalLoaderLayer > span{
    background-color: white;
    border: 1px solid black;
    border-radius: 2px;
    box-shadow: 1px 1px 4px grey;
    color: blue;
    display: block;
    font-weight: bold;
    left: 50%;
    margin-left: -100px;
    opacity: 100;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 200px;
}

div.dga_scroller{
    text-align: right;
    margin: 5px 0px;

    position: relative;
    height: 18px;
}

div.dga_scroller ul.dga_scroller{
    list-style: none outside none !important;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;

}

div.dga_scroller ul.dga_scroller li{
    display: inline !important;
    padding: 0px 2px;
}

div.dga_scroller p{
    margin: 0;
    position: absolute;
    right: 200px;
}

.strike {
    text-decoration: line-through;
}

.border-radio-2{
    -moz-border-radius:     2px 2px 2px 2px;
    -ms-border-radius:      2px 2px 2px 2px;
    -o-border-radius:       2px 2px 2px 2px;
    -webkit-border-radius:  2px 2px 2px 2px;
    border-radius:          2px 2px 2px 2px;
}
.border-radio-3{
    -moz-border-radius:     3px 3px 3px 3px;
    -ms-border-radius:      3px 3px 3px 3px;
    -o-border-radius:       3px 3px 3px 3px;
    -webkit-border-radius:  3px 3px 3px 3px;
    border-radius:          3px 3px 3px 3px;
}
.border-radio-top3{
    -moz-border-radius:     3px 3px 0px 0px;
    -ms-border-radius:      3px 3px 0px 0px;
    -o-border-radius:       3px 3px 0px 0px;
    -webkit-border-radius:  3px 3px 0px 0px;
    border-radius:          3px 3px 0px 0px;
}
.shadow{    
    box-shadow:                 0.2em 0.2em 0.5em #737373;
    -moz-box-shadow:            0.2em 0.2em 0.5em #737373;
    -ms-box-shadow:             0.2em 0.2em 0.5em #737373;
    -o-box-shadow:              0.2em 0.2em 0.5em #737373;
    -webkit-box-shadow:         0.2em 0.2em 0.5em #737373;
}
.loader{
    position:                   absolute;
    top:                        20px; 
    bottom:                     0px; 
    background-color:           rgba(0,0,0,0.1);
    width:                      100%;
    z-index:                    1000;
}
.loaderToolbar{
    vertical-align:             middle;
    margin-left:                20px;
}
.loader > img { 
    position:                   absolute;
    top:                        50%;
    left:                       50%;
    margin-top:                 -16px;
    margin-left:                -16px;
}
.fakeCheckbox{
    background:                 url("imagenes/checkbox.png.xhtml") no-repeat transparent;
    border:                     none;
    width:                      16px;
    height:                     16px;
    padding:                    0;
    margin:                     0;
}
.fakeCheckbox_selected{
    background:                 url("imagenes/checkbox_selected.png.xhtml") no-repeat transparent!important;
}

.bg-color-lightgrey{
    background-color:           lightgrey !important;
}

.bg-color-lightgreen{
	background-color:           #bdf9d2 !important;
	border-right:				2px solid white;
}

.bg-color-lightorange{
	background-color:           #FFDEC9 !important;
	border-right:				2px solid white;
}


.text-color-black{
    color:                      black !important;
}

.text-color-grey{
    color:                      grey !important;
}

.text-color-white{
    color:                      white !important;
}

.text-color-darkgrey{
    color:                      darkgrey !important;
}

.text-color-lightgray{
    color:                      #888888 !important;
}

.text-color-red{
    color:                      red;
}

.text-color-green{
    color:                      green;
}

.dynamic-entry{
    background-color:           #FFFFFF;
    border:                     1px solid #1E3F71;
    border-radius:              2px;
    padding:                    5px 4px;
    margin:                     0px auto;
    display:                    block;
    text-decoration:            none;
}

.dynamic-entry:hover{
    background-color:           #EEF1F5;
    box-shadow:                 0px 0px 2px #EEF1F5;
    text-decoration:            none;
    color:                      black;
    border:                     1px solid #484848;
}

.dynamic-entry span{
    text-decoration:            none;
}

.cursorHand{
    cursor: pointer;
    /*cursor: hand;*/
}

.fondoApl3{
	background-color: #EEF1F5;
}

.fondoApl4 {
    background-color: #4C9ED9;
    color: #FFFFFF;
}

.fondoSalud{
	background-color: #CFEBEF;
}

/* Buttons with icons ...................................................................... */

.btn-icon-add:after {
    background: url("imagenes/iconsalud/add.png.xhtml") no-repeat 1px center #eef1f5;
    content: " ";
    width: 16px;
    height: 16px;
}
.btn-icon-add{
    background: url("imagenes/iconsalud/add.png.xhtml") no-repeat 1px center #eef1f5;
    padding-left: 20px;
}

.btn-icon-clear{
    background: url("imagenes/edit-clear.png.xhtml") no-repeat 1px center #eef1f5;
    padding-left: 20px;
}

.btn-icon-delete{
    background: url(".imagenes/dialog-cancel.png.xhtml") no-repeat 1px center #eef1f5;
    padding-left: 20px;
}

.btn-icon-upload{
    background: url("imagenes/upload.png.xhtml") no-repeat 1px center #eef1f5;
    padding-left: 20px;
}

.btn-icon-nextstep{
    background: url("imagenes/finish.png.xhtml") no-repeat 1px center #eef1f5;
    padding-left: 20px;
}

.btn-icon-save{
    background: url("imagenes/filesave.png.xhtml") no-repeat 1px center #eef1f5;
    padding-left: 20px;
}

.btn-icon-return{
    background: url("imagenes/back.png.xhtml") no-repeat 1px center #eef1f5;
    padding-left: 20px;
}

.btn-icon-lighting{
    background: url("imagenes/lightning.png.xhtml") no-repeat 1px center #eef1f5;
    padding-left: 20px;
}

.btn-icon-documents{
    background: url("imagenes/documents.png.xhtml") no-repeat 1px center #eef1f5;
    padding-left: 20px;
}

a.lnk-icon-return{
    background-image: url("imagenes/back.png.xhtml");
    background-repeat: no-repeat;
    background-position: 1px center;
    padding-left: 20px;
}

/* DGA ICONS ................................................................................ */

.btn-dga{
    width: 16px; height: 16px; border: none; background-color: transparent; cursor: pointer;
}

.btn-dga:disabled{
    opacity:        0.2;
    filter:         alpha(opacity=20);
    -ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    cursor:         default;
}

.btn-dga[disabled="disabled"]{ /* Lo ponemos por separado del anterior para que funcione bien en el puñetero IE7-8 */
    opacity:        0.2;
    filter:         alpha(opacity=20);
    -ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    cursor:         default;
}

.btn-dga-papelera{
    background-image: url("imagenes/iconos/papelera.gif");
}
.btn-dga-imprimir{
    background-image: url("imagenes/iconos/impresora.gif");
}
.btn-dga-editar{
    background-image: url("imagenes/iconos/editar.gif");
}
.btn-dga-siguiente{
    background-image: url("imagenes/iconos/flechaSiguiente.gif");
}
.btn-dga-anterior{
    background-image: url("imagenes/iconos/flechaAnterior.gif");
}
.btn-dga-arriba{
    background-image: url("imagenes/iconos/flechaArriba.gif");
}
.btn-dga-abajo{
    background-image: url("imagenes/iconos/flechaAbajo.gif");
}
.btn-dga-acrobat{
    background-image: url("imagenes/iconos/documentoPdf.gif");
}
.btn-dga-word{
    background-image: url("imagenes/iconos/documentoDoc.gif");
}
.btn-dga-excel{
    background-image: url("imagenes/iconos/documentoXls.gif");
}
.btn-dga-powerpoint{
    background-image: url("imagenes/iconos/documentoPpt.gif");
}
.btn-dga-zip{
    background-image: url("imagenes/iconos/documentoZip.gif");
}
.btn-dga-access{
    background-image: url("imagenes/iconos/documentoMdb.gif");
}
.btn-dga-ayuda{
    background-image: url("imagenes/iconos/ayuda.gif");
}
.btn-dga-lupa{
    background-image: url("imagenes/iconos/lupa.gif");
}
.btn-dga-grafico{
    background-image: url("imagenes/iconos/grafico.gif");
}
.btn-dga-calendario{
    background-image: url("imagenes/iconos/calendario.gif");
}
.btn-dga-correo{
    background-image: url("imagenes/iconos/correo.gif");
}
.btn-dga-desconexion{
    background-image: url("imagenes/iconos/desconexion.gif");
}

.btn-dga-solicitud{
    background-image: url("imagenes/nodes/corrected-doc_16.png");
}

.btn-dga-registro{
    background-image: url("imagenes/nodes/registered-doc_16.png");
}

.btn-dga-resolucion{
    background-image: url("imagenes/pdf_r.png");
}

.btn-dga-babybottle{
    background-image: url("imagenes/nodes/document_baby_16.png");
}

.btn-dga-documentos{
    background-image: url("imagenes/copy_documents.png");
}

.btn-dga-firma{
    background-image: url("imagenes/tramitar_16.png");
}

div.select-one-radio-horizontal label{
    padding: 0px 5px;
}
div.select-one-radio-vertical label{
    padding: 2px 5px;
    display: block;
}

div.hidde-select-one-radio input.select-one-radio-vertical[disabled="disabled"]{
    display: none;
}

.modalidadRCIT{
    border:             1px solid #4567a6;
    background-color:   #92f0f0;
    color:              black;
    padding-right:      2px;
    padding-left:       2px;
    display:            block;
}
.modalidadRIPSV{
    border:             1px solid #1E6015;
    background-color:   #a6fba6;
    color:              black;
    padding-right:      2px;
    padding-left:       2px;
    display:            block;
}
.modalidadRIPSNV{
    border:             1px solid #701A1F;
    background-color:   #f5a9a9;
    color:              black;
    padding-right:      2px;
    padding-left:       2px;
    display:            block;
}

.botonServicio_activo {
    border: 2px solid #2C5885;
    padding: 1px;
}
.botonServicio_noactivo {
    padding: 3px;
}

.opacity25{
    opacity:        0.25;
    filter:         alpha(opacity=25);
    -ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
}
.opacity50{
    opacity:        0.5;
    filter:         alpha(opacity=50);
    -ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.opacity75{
    opacity:        0.75;
    filter:         alpha(opacity=75);
    -ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
}

.ui-picklist-list{
    width: 					400px !important;
}


fieldset{
	border: 				1px solid #CAD2D2;
	padding: 				8px;
	box-shadow: 			1px 1px 2px #DDD;
	-ms-box-shadow: 		1px 1px 2px #DDD;
	-moz-box-shadow: 		1px 1px 2px #DDD;
	-webkit-box-shadow: 	1px 1px 2px #DDD;
	border-radius:			2px;
	-ms-border-radius:		2px;
	-moz-border-radius:		2px;
	-webkig-border-radius:	2px;
}

fieldset legend{
	padding: 				0px 5px;
	color: 					#505a5a;
	font-size:				96%;
	font-weight: 			bold;
}

ul.ayto_toolbar{
	
}

ul.ayto_toolbar li{
	
}


div.ui-fileupload-buttonbar.ui-widget-header{
	background: #539FAD;
}

/* ------------------------------------------------------------------------------------------------------------ 
 * --- Estilo para los tabs generales ----- */

.simpleTabPanel{
	
}




 
.checkbox label {
    display: block;
    cursor: pointer;
    font-size: 120%;
    line-height: 150%;
    margin: -17px 0 0 18px;
    padding: 0 0 5px 0;
    color: #222222;
    width: 200%;
}


.selectOneButtonClass div{
	background: #DDDDDD;
}

.selectOneButtonClass div span{
	color: #959595;
}

.selectOneButtonClass div.ui-state-active{
	background: #539FAD;
}

.selectOneButtonClass div:hover{
	background: #FA7B07;
}

/*.selectOneButtonClass div span:hover{
	color:white;
}*/

.selectOneButtonClass div.ui-state-active span{
	color: white;
}

.pfModalNoBorder{
	margin-left: -20px;
	margin-top: 10px;
}

.pfModalNoBorder .ui-dialog-content{
	padding: 0px !important;
}

.pfUploadSimple{
	
}

.pfUploadSimple .ui-fileupload-buttonbar{
	padding: 0 !important;
	background: none !important;
	border: none;
}

.pfUploadSimple .ui-fileupload-content{
	display: none !important;
}

/* ------------------------------------------------------------------------------------------------------------ 
 * --- Estilo titulo factor 1----- */
.saludFuenteFactor1{
	padding-left: 50px !important;
	color: #aa2222;
	font-weight: bold;
}

.ui-icon-refresh {
	background: url('imagenes/menu/Refresh_16.png') no-repeat left center !important;
	padding-left: 20px;	
}

/* ------------------------------------------------------------------------------------------------------------ 
 * --- Estilo declaraciones----- */
.decSaludStyle{
	margin-left: 			2px;

    background:				inherit;
    font-size:				80%;
}


/* ------------------------------------------------------------------------------------------------------------ 
 * --- Estilo para las tablas primefaces----- */
 .primeSaludEval.ui-datatable table{
 	table-layout: auto;
 }
 
 .primeSaludEval.ui-datatable thead th {
    padding:		5px;
    text-align: 	left;
    color: 			white;
    background: 	blue;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    font-size:			80%;
}

.primeSaludEval.ui-datatable tbody td,
.primeSaludEval.ui-datatable tfoot td,
.primeSaludEval.ui-datatable tfoot th{
    padding:      5px;
    overflow:     hidden;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    text-align:   left;
    font-size:	  80%;
}
 
 .primeSalud.ui-datatable table {

   /* width: 100%;*/
	table-layout: auto;
}
.primeSalud.ui-datatable thead th {
    padding:		5px;
    text-align: 	left;
/*    border-right:	2px solid white;*/
    color: 			white;
    background: 	#737373;
/*    line-height: 		normal;*/
    font-size:			80%;
}

/*
.primeSalud.ui-datatable thead th{
    text-align: center;
    border-right: 2px solid white;
}
*/

.primeSalud.ui-datatable tbody td,
.primeSalud.ui-datatable tfoot td,
.primeSalud.ui-datatable tfoot th{
    padding:      5px;
    overflow:     hidden;
    border-width: 1px;
    border-style: solid;
    text-align:   left;
    font-size:	  80%;
    /*border-right: 2px solid white;*/
}

.primeSalud.ui-datatable-tablewrapper table { 
    overflow-x: auto;
    /*
    width: auto !important;
    height: 100% padding-bottom:    5px;
   */
}

.primeSalud.ui-datatable-scrollable-header-box{
margin-right: 15px!important;
}

.primeSalud.ui-datatable-scrollable-body {
overflow-y: scroll !important;
}

.primeSalud .ui-datatable-scrollable-header {
width: 100%;
}

.primeSalud.ui-datatable .ui-row-toggler{
	border: 				1px solid #A8B5B5;
	-webkit-border-radius: 	3px;
	color: 					#0090BF !important;
	padding: 				2px 10px;
	cursor: 				pointer;
	-webkit-box-shadow: 	1px 1px 2px lightgrey;
	/* background: 			url('imagenes/btn_grad.png.xhtml') repeat-x #DDDDDD; */
	font-size: 				100%;
	text-decoration: 		none;
}


.primeSalud .ui-icon-circle-triangle-e {
    background-image: url('imagenes/down-arrow.png.xhtml') !important;
    background-position: 9px 2px;
    background-size: 50%;   
}

.primeSalud .ui-icon-circle-triangle-s {
    background-image: url('imagenes/triangle.png.xhtml') !important;
    background-position: 9px 2px;
    background-size: 50%;
}

.primeSalud .ui-state-default, .primeSalud .ui-widget-content .primeSalud .ui-state-default, .primeSalud .ui-widget-header .primeSalud .ui-state-default {
	/*
	border: none;
	*/
}

.primeSalud .ui-widget-content{
	
	border: none;
	/*
	color: white;
	*/
}
/*
.primeSalud .ui-chkbox .ui-chkbox-box {
    border: 1px solid #a6a6a6;
    background-color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: background-color .3s,border-color .3s;
    -o-transition: background-color .3s,border-color .3s;
    -webkit-transition: background-color .3s,border-color .3s;
    transition: background-color .3s,border-color .3s;
}
*/

/*
.primeSalud .ui-state-default, .primeSalud.ui-widget-content .ui-state-default, .primeSalud.ui-widget-header .ui-state-default{
    
    background: white;
    color: #222;
}
.primeSalud.ui-datatable .ui-column-filter{
    display: block;
    margin-top: 5px;
    width: 90%;
}

body .primeSalud.ui-datatable .primeSalud.ui-datatable-data > .primeSalud.tr.ui-datatable-even {
    background-color: 
    #f9f9f9;
}
*/

/*
        ESTILO PARA EL PAGINADOR DE TABLAS PRIMEFACES
*/
.primeSalud .ui-paginator {
    margin:0px;
    text-align: center;
    padding:2px;
}

.primeSalud .ui-paginator.ui-paginator-top {
    border-bottom:0px none;
}

.primeSalud .ui-paginator.ui-paginator-bottom {
    border-top:1px solid #888888;
}

.primeSalud .ui-widget-header{
    border: 1px solid #888888;
    background: none;
    color: black;
}

.primeSalud .ui-state-default, .primeSalud .ui-widget-content .ui-state-default, .primeSalud .ui-widget-header .ui-state-default {
    border: 1px solid #a6a6a6;
    /*background: #fff;*/
    font-weight: bold;
    color:black;
}

.primeSalud .ui-state-active, .primeSalud .ui-widget-content .ui-state-active, .primeSalud .ui-widget-header .ui-state-active {
    border: 1px solid #a6a6a6;
    background: #1b1b1b url("../javax.faces.resource/css/images/ui-bg_inset-hard_100_f5f8f9_1x100.png.xhtml") 50% 50% repeat-x;
    font-weight: bold;
    color: black;
}

.primeSalud .ui-state-default .ui-icon {
	
    background-image: url("../javax.faces.resource/css/images/ui-icons_6da8d5_256x240.png.xhtml");
    color: black;
}
/*
        ESTILO  TABLAS PRIMEFACES verde
*/
/* Cambiar el nombre de la clase a .primeSaludVerde.ui-datatable */
.primeSaludVerde.ui-datatable table {
    table-layout: auto;
    border-color:black;
}

.primeSaludVerde.ui-datatable thead th {
    padding:        5px;
    text-align:     left;
    color:          white;
    background:     green;  
    font-size:      80%;
    border-color:black;
}

.primeSaludVerde.ui-datatable tbody td,
.primeSaludVerde.ui-datatable tfoot td,
.primeSaludVerde.ui-datatable tfoot th {
    padding:        5px;
    overflow:       hidden;
    border-width:   1px;
    border-style:   solid;
    border-color:black;
    text-align:     left;
    font-size:      80%;
}



.primeSaludVerde.ui-datatable-tablewrapper table { 
    overflow-x: auto;
    border-color:black;
}

.primeSaludVerde.ui-datatable-scrollable-header-box {
    margin-right: 15px !important;
}

.primeSaludVerde.ui-datatable-scrollable-body {
    overflow-y: scroll !important;
}

.primeSaludVerde .ui-datatable-scrollable-header {
    width: 100%;
}

.primeSaludVerde.ui-datatable .ui-row-toggler {
    border:                 1px solid #A8B5B5;
    -webkit-border-radius: 3px;
    color:                  #0090BF !important;
    padding:                2px 10px;
    cursor:                 pointer;
    -webkit-box-shadow:     1px 1px 2px lightgrey;
    background:            url('imagenes/btn_grad.png.xhtml') repeat-x #DDDDDD;
    font-size:              100%;
    text-decoration:        none;
}

.primeSaludVerde .ui-state-default, .primeSaludVerde .ui-widget-content .primeSaludVerde .ui-state-default, .primeSaludVerde .ui-widget-header .primeSaludVerde .ui-state-default {
    /* border: none; */
}

.primeSaludVerde .ui-widget-content {
    border: none;
}

/* Comentado un fragmento de código que ya no es necesario */
/*
.primeSaludVerde .ui-chkbox .ui-chkbox-box {
    border: 1px solid #a6a6a6;
    background-color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: background-color .3s,border-color .3s;
    -o-transition: background-color .3s,border-color .3s;
    -webkit-transition: background-color .3s,border-color .3s;
    transition: background-color .3s,border-color .3s;
}
*/



/*
        ESTILO  TABLAS PRIMEFACES NARANJA
*/



/* Cambiar el nombre de la clase a .primeSaludNaranja.ui-datatable */
.primeSaludNaranja.ui-datatable table {
    table-layout: auto;
    border-color:black;
}

.primeSaludNaranja.ui-datatable thead th {
    padding:        5px;
    text-align:     left;
    color:          white;
    background:     orange;  
    font-size:      80%;
    border-color:black;
}

.primeSaludNaranja.ui-datatable tbody td,
.primeSaludNaranja.ui-datatable tfoot td,
.primeSaludNaranja.ui-datatable tfoot th {
    padding:        5px;
    overflow:       hidden;
    border-width:   1px;
    border-style:   solid;
    text-align:     left;
    font-size:      80%;
}

.primeSaludNaranja.ui-datatable-tablewrapper table { 
    overflow-x: auto;
}

.primeSaludNaranja.ui-datatable-scrollable-header-box {
    margin-right: 15px !important;
}

.primeSaludNaranja.ui-datatable-scrollable-body {
    overflow-y: scroll !important;
}

.primeSaludNaranja .ui-datatable-scrollable-header {
    width: 100%;
}

.primeSaludNaranja.ui-datatable .ui-row-toggler {
    border:                 1px solid #A8B5B5;
    -webkit-border-radius: 3px;
    color:                  #0090BF !important;
    padding:                2px 10px;
    cursor:                 pointer;
    -webkit-box-shadow:     1px 1px 2px lightgrey;
    background:            url('imagenes/btn_grad.png.xhtml') repeat-x #DDDDDD;
    font-size:              100%;
    text-decoration:        none;
}

.primeSaludNaranja .ui-state-default, .primeSaludNaranja .ui-widget-content .primeSaludNaranja .ui-state-default, .primeSaludNaranja .ui-widget-header .primeSaludNaranja .ui-state-default {
    /* border: none; */
}

.primeSaludNaranja .ui-widget-content {
    border: none;
}

/* Comentado un fragmento de código que ya no es necesario */
/*
.primeSaludNaranja .ui-chkbox .ui-chkbox-box {
    border: 1px solid #a6a6a6;
    background-color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: background-color .3s,border-color .3s;
    -o-transition: background-color .3s,border-color .3s;
    -webkit-transition: background-color .3s,border-color .3s;
    transition: background-color .3s,border-color .3s;
}
*/




.ui-datatable .ui-column-filter[id='privateForm:plazasTable:flcenter:filter'] {
  display: none;
  outline: none; /* Elimina el borde de enfoque */
  border: none; /* Asegúrate de que no tenga borde */
  box-shadow: none; /* Remueve cualquier sombra */
}
.ui-datatable .ui-column-filter[id='privateForm:plazasTable:flSector:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:plazasTable:flLocalidad:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:plazasTable:flTipo:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:plazasTable:flCodCategoria:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:plazasTable:flCategoria:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:plazasTable:flEspecialidad:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:plazasTable:flEstado:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:plazasTable:flCias:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:convoTable:flTipo:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:convoTable:flSector:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:convoTable:flcenter:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:convoTable:flVac:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:convoTable:flCategoria:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:convoTable:flCias:filter'] {
	outline: none; /* Elimina el borde de enfoque */
  border: none; /* Asegúrate de que no tenga borde */
  box-shadow: none; /* Remueve cualquier sombra */
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:trllstplzBa:flSit:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:trllstplzAl:flSitAl:filter'] {
  display: none;
  outline: none; /* Elimina el borde de enfoque */
  border: none; /* Asegúrate de que no tenga borde */
  box-shadow: none; /* Remueve cualquier sombra */
}
.ui-datatable .ui-column-filter[id='privateForm:trllstplzHu:flSitHu:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:trllstplzCa:flSitCa:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:trllstplzTe:flSitTe:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:trllstplzZ1:flSitZ1:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:trllstplzZ2:flSitZ2:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:trllstplzZ3:flSitZ3:filter'] {
  display: none;
}
.ui-datatable .ui-column-filter[id='privateForm:trllstplz061:flSit061:filter'] {
  display: none;
}

.tablaPlazas .ui-state-highlight {
  background-color: #E5F8F6 !important;
  border-color: #E5F8F6 !important;
}

.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-pages,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-current {
	display: inline-block;
	padding: 2px 6px;
	zoom: 1;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
	outline: none;
}

.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev{
    cursor: pointer;
}

.ui-paginator .ui-paginator-current,
.ui-paginator .ui-paginator-rpp-options {
	margin-left: 1em;
	margin-right: 1em;
    background-image: none;
}

.ui-paginator .ui-paginator-next .ui-icon,
.ui-paginator .ui-paginator-prev .ui-icon,
.ui-paginator .ui-paginator-first .ui-icon,
.ui-paginator .ui-paginator-last .ui-icon {
	height: auto;
	overflow: inherit;
}

.ui-paginator .ui-paginator-jtp-select option,
.ui-paginator .ui-paginator-rpp-options option {
    background-image: none;
    border:0 none;
    box-shadow:none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* Responsive */
@media (max-width: 35em) {
    .ui-paginator .ui-paginator-pages {
        display: none;
    }
}