BODY {
	font: 1em 'Open Sans', Verdana, sans-serif;
    text-align: justify;
    margin: auto;
    background: #fff;
    color: #000;
    padding-left: 0px;
    overflow-y:auto;
}

BLOCKQUOTE {
	padding: 1em;
	border: 1px solid #eee
}

CAPTION {
	font-weight: bold
}

HR {
	height: 1px
}

IMG {
	border: 0px
}

P {
	margin: 0 0 1em;
	font-style:1em;
	font-size: 1em;
}

FORM {
	margin: 0
}

H4, H5, H6{
	font-size:1.15em
}

TABLE {
	font-size:1em;
}

TABLE TH {
	font-size:1.1em;
}

.table td, .table th{
	vertical-align: middle !important;
}

#tabla_lista_liquidaciones td img{
	width:27px;
	cursor: pointer;
    padding-right: 2px;
    padding-left: 2px;
    text-align: center;
    margin-top: 5px
}

#tabla_lista_liquidaciones td img:not(:last-child){
    border-right: thin groove;
}


LABEL, SELECT {
	font-size:1m
}

OPTGROUP, LEGEND {
	font-size: 1.25em;
	font-style: normal
}

LABEL {
	font-weight: bold
}

LABEL.grey {
    font-weight: normal;
    color:grey;
}

SELECT, INPUT {
	margin-top: 0.5em
}

INPUT, TEXTAREA {
	font: 1em 'Open Sans', Verdana, sans-serif;
	border: 1px solid #000;
	padding: 0.5em;
}

LEGEND {
	font-weight: bold;
	background: #efefef;
	padding: 0.2em 0.8em;
	margin: 1em 0
}

FIELDSET FIELDSET LEGEND {
	background: #f9f9f9;
	border: 1px solid #efefef
}

FIELDSET {
	border: 1px solid #ccc;
	padding: 0.5em
}

SUP, SUB {
	font-size: 0.9em
}

LI, DT, DD {
	margin-bottom: 0.8em
}

A {
	text-decoration: none
}

A:link {
	color: #00a
}

A:hover {
	color: #f60;
	text-decoration: underline
}

/*H1 {*/
/*	display: none*/
/*}*/

H2 {
	font-size: 1.3em
}

H3 {
	font-size: 1.1em
}

H2, H2 A:link, H2 A:visited {
	color: #069
}

H2, H3, H4, H5, H6, .datos {
	margin: 1em 0
}

UL {
	list-style: disc;
	text-align: justify;
	margin-top: 1em
}

UL UL {
	list-style: square
}

#cabecera, #cuerpo, #cuerpo2 {
	width: 996px;
	border: 1px #000 solid
}

#cabecera {
	background: transparent;
	color: #fff
}

#cuerpo {
	background: #fff url(/griarweb/estilos/images/fondos/izquierda-fondo.jpg) repeat-y;
	min-height: 500px;
	text-align: justify
}

#cuerpo2 {
	text-align: justify
}

#contenido, #contenido2 {
	margin: 10px 5px 10px 240px;
	width: 730px;
	padding-left: 5px
}

#contenido2 {
	margin-left: 5px;
	width: auto
}

#pie {
	padding: 0.5em;
	text-align: center
}

#pie p {
	margin: 0;
	padding: 0
}

.datos, .datos2 {
	border: 1px solid #000;
	border-right: 0;
	border-bottom: 0;
	border-collapse: collapse;
	text-align: left
}

.aviso-preformateado{
	color: #000000;
    font-size: 1.15em;
    text-align: left;
    font-weight: bold
}

.datos {
	width: 100%
}

.datos2 {
	margin: 0
}

.datos CAPTION {
	font-size: 1.1em;
	text-align: left
}

.datos TH, .datos TD, .datos2 TH, .datos2 TD {
	border: 1px solid #000;
	border-top: 0;
	border-left: 0;
	padding: 0.5em;
	vertical-align: top
}

TH, TH A {
	background: #00563F;
	color: #fff
}

.num {
	text-align: right
}

tbody tr.par {
	background: #eee;
}

table.dataTable tbody tr.par {
	background: #eee !important;
}

.par {
	background: #eee
}

.pdf {
	list-style: url(../images/iconos/list-pdf.gif)
}

.doc {
	list-style: url(../images/iconos/list-doc.gif)
}

.xls {
	list-style: url(../images/iconos/list-xls.gif)
}

.zip {
	list-style: url(../images/iconos/list-zip.gif)
}

.img {
	list-style: url(../images/iconos/list-img.gif)
}

.tab {
	list-style: url(../images/iconos/list-tab.gif)
}

.exe {
	list-style: url(../images/iconos/list-exe.gif)
}

.swf {
	list-style: url(../images/iconos/list-swf.gif)
}

.roman {
	list-style: lower-roman
}

.romancap {
	list-style: upper-roman
}

.letras {
	list-style: lower-alpha
}

.letrascap {
	list-style: upper-alpha
}

.noimg {
	list-style: none
}

#nav, #iconos {
	padding: 0px 3px;
	background: #000
}

#nav {
	float: left;
	margin-left: 0.2em
}

#iconos {
	text-align: right
}

#cabecera A {
	color: #fff;
	text-decoration: none
}

#cabecera A:hover {
	color: #ffc;
	text-decoration: underline
}

#izquierda {
	float: left;
	font-size: 0.9em;
	width: 225px;
	text-align: left
}

#izquierda H2, .izquierda-seccion A, .izquierda-otros {
	border-bottom: 1px #000 solid;
	padding: 5px 0px 5px 10px;
	margin: 0;;
	border-right: 1px solid #000;
}

#izquierda H2 {
	background: #036 url(../images/fondo/izquierda-seccion.gif);
	color: #fff
}

.izquierda-seccion A {
	border-bottom: 1px #000 solid;
	padding: 3px 2px 3px 14px;
	margin: 0;
	display: block;
	background: url(../images/fondo/izquierda-menu.jpg);
	color: #000;
	text-decoration: none
}

.izquierda-seccion A:visited {
	color: #000
}

.izquierda-seccion A:hover {
	background: #036 url(../images/fondo/izquierda-menu2.gif);
	color: #fff;
	text-decoration: none
}

.izquierda-otros {
	background: url(../images/fondo/izquierda-otros.jpg)
}

#lupa {
	border: 0px
}

.bullet {
	margin: 0 1em 1.5em 0
}

#titular {
	margin-bottom: 1em
}

#titular H1 {
	font-size: 1.2em;
	margin: 0;
	display: block;
	border-bottom: 1px solid #000
}

#subtitular, #estilos {
	text-align: right;
	color: #999
}

#subtitular {
	margin-bottom: 1.5em
}

#estilos {
	margin-top: 3px;
	font-size: 1.2em;
}

#estilos A:hover, BLOCKQUOTE, #indice {
	background: #eee
}

#indice {
	padding: 1em;
	margin-bottom: 1em
}

#registro {
	border: 1px solid #aaa;
	background: #ffc;
	margin: 5px
}

#bienov, #clara, #ciyat, #ov, #novedades, #pagos, FIELDSET, .aviso,
	.ponente {
	border: 1px solid #087021
}

#bienov A, #ovclara A {
	color: #036;
	text-align: left;
	text-decoration: none
}

#bienov {
	background: #ecf3ec url("../images/portada/ov_foto.jpg") no-repeat left
		bottom;
	width: 405px;
	vertical-align: top;
	height: 269px
}

#ovclara {
	float: right;
	width: 310px
}

#ov {
	background: url("images/portada/ov.gif") no-repeat;
	padding: 32px 20px 5px 30px
}

#mas {
	font-weight: 700;
	margin: 0.5em 0;
	padding-right: 1em;
	text-align: right
}

#clara {
	text-align: center;
	margin: 8px 0;
	padding: 0
}

#novedades {
	background: #fffbe8;
	padding: 10px
}

#mas {
	text-align: right;
	font-weight: bold;
	padding-right: 1em
}

#certif {
	background: #fffbe8;
	padding: 8px
}

#destacados {
	margin-left: 180px;
	padding: 1em 1em 0 0
}

#ep {
	font-size: 0.9em;
	margin-top: 10px
}

#ep A, #requisitos A {
	color: #000;
	text-decoration: none
}

#ep A:hover, #requisitos A:hover {
	text-decoration: underline;
	color: #f60
}

#ep TD {
	height: 60px;
	vertical-align: top;
	text-align: left;
	width: 25%
}

#ep TD SPAN, #requisitos SPAN {
	padding-left: 60px;
	display: block
}

#p1 {
	background: #fff url(../images/portada/portada_modelos.gif) no-repeat
}

#p2 {
	background: #fff url(../images/portada/portada_gastos_pagos.gif)
		no-repeat
}

#p3 {
	background: #fff url(../images/portada/portada_consultas.gif) no-repeat
}

#p4 {
	background: #fff url(../images/portada/portada_licitadores.gif)
		no-repeat
}

#p5 {
	background: #fff url(../images/portada/portada_certificados.gif)
		no-repeat
}

#p6 {
	background: #fff url(../images/portada/portada_registro.gif) no-repeat
}

#p7 {
	background: #fff url(../images/portada/portada_requisitos.gif) no-repeat
}

#p8 {
	background: #fff url(../images/portada/portada_web.gif) no-repeat
}

#requisitos {
	margin: 10px 0 0 5px;
	height: 60px;
	text-align: left;
	vertical-align: top;
	background: #fff url("../images/portada/portada_requisitos.gif")
		no-repeat;
	border: 0;
	padding-top: 0
}

.arbol, .arbol UL {
	list-style: none;
	padding: 0;
	margin: 0
}

.arbol {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em
}

.arbol UL {
	font-size: 0.8em;
	font-weight: normal
}

.arbol LI {
	padding-left: 25px
}

#tributos LI {
	background: url(../images/fondo/fondo-arbol-tributos.gif) no-repeat
}

#tesoreria LI {
	background: url(../images/fondo/fondo-arbol-tesoreria.gif) no-repeat
}

#novedadess LI {
	background: url(../images/fondo/fondo-arbol-ayudas.gif) no-repeat
}

#tributos  UL LI, #tesoreria  UL LI, #ayudas  UL LI {
	padding: 8px 0 0px 15px;
	margin: 0;
	background: url(../images/iconos/list-arbol.gif) repeat-y
}

#tributos  UL LI.fin, #tesoreria  UL LI.fin, #ayudas  UL LI.fin {
	background: url(../images/iconos/list-arbol-fin.gif) no-repeat
}

.arbol A {
	display: block;
	padding: 8px 3px 5px 3px
}

.arbol UL A {
	display: inline;
	padding: 0
}

.arbol UL A:link {
	color: #000
}

.arbol A:link {
	color: #036
}

.arbol A:hover {
	color: #f60
}

.arbol UL A:hover {
	color: #f60
}

.faq DT {
	margin: 1em 0;
	background: url(../images/iconos/list-faq.gif) no-repeat;
	padding-left: 40px;
	font-weight: bold
}

.faq DD {
	border: 1px solid #000;
	padding: 0.5em
}

#navpie {
	border-top: 1px dotted #ccc;
	text-align: center;
	color: #ccc;
	padding: 1em 0 0.2em 0;
	font-weight: bold;
	margin: 0.5em 0 0 0
}

#navpie A {
	color: #000;
	font-weight: normal
}

#modelosOV .enlace {
	float: left;
	width: 100px;
	border: 1px solid #aaa;
	text-align: center;
	margin-bottom: 2em
}

#modelosOV .enlace .titulo {
	font-weight: bold;
	background: #069;
	color: #fff;
	padding: 0.5em
}

#modelosOV .enlace .icono {
	padding: 0.5em
}

#modelosOV .enlace .icono IMG {
	background: #fff
}

#modelosOV .nombre {
	margin-left: 110px;
	border-left: 1px solid #aaa;
	height: 80px;
	margin-bottom: 2em
}

#modelosOV .nombre .titulo {
	font-weight: bold;
	padding: 0.5em;
	border-bottom: 1px solid #aaa;
	min-height: 30px
}

#modelosOV .nombre .descripcion {
	padding: 0.5em
}

#modelosOV .nombre .descripcion img {
	margin: 0 0.3em
}

#modelosOV IMG {
	background: #fffbe5;
	border: 0
}

.foto {
	margin: 1em 1.5em;
	float: right;
	text-align: center;
	font-size: 0.9em
}

.aviso, .aviso2 {
	padding: 1em;
	margin-top: 1em
}

.aviso {
	background: #fffbe8
}

.aviso2 {
	background: #E1F3FF
}

.firma {
	text-align: right
}

IMG.icono {
	margin-right: 5px;
	vertical-align: middle
}

.masinfo {
	margin-left: 5px
}

.doscolumnas {
	vertical-align: top;
	border: 0em
}

.doscolumnas TD {
	border: 1px solid #eeedd4;
	background: #fbfbf4;
	padding: 1em;
	text-align: left
}

.gris {
	background: #efefef
}

.noboton {
	border: 0;
	background: transparent;
	cursor: pointer
}

.noboton:hover {
	color: #f60;
	text-decoration: underline
}

.boton {
	margin-top: 0.5em;
	border-top: 1px solid #ccc;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-left: 1px solid #ccc;
	text-align: center
}

.boton:hover {
	background: #eee
}

.noborde {
	border: 0
}

.borde {
	border: 1px solid #000
}

.oculto {
	display: none
}

.correo {
	background: url(../images/iconos/sobre2.gif) no-repeat;
	padding-left: 25px
}

.cabbeca, .colbeca {
	color: #000;
	font-size: 0.9em;
	padding: 0.5em;
}

.cabbeca {
	background: #f90;
	color: #fff;
	font-size: 1em
}

.colbeca {
	background: #FEF4D6
}

.beca {
	background: #fff
}

.plazo, .finplazo, .derecha {
	text-align: right
}

.plazo {
	color: #090
}

.finplazo {
	color: #C00
}

.camposDeshabilitados, .camposMayusculas {
	text-transform: uppercase
}

.camposDeshabilitados {
	background: #eee
}

.campos {
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #000000 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: 'Open Sans', Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: #ffffff;
    BORDER-COLOR: #C3C3C3;
}

.centro {
	text-align: center
}

#calendario, #mes {
	text-align: center
}

#mes {
	font-weight: bold;
	background: #09c
}

#mes, .diaS, .Hoy, .inhabil {
	color: #fff
}

.diaS {
	background: #888
}

.celda {
	background: #fff
}

.Hoy {
	background: #f00
}

.inhabil {
	background: #000
}

#hora {
	background: #000;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.2em
}

#hora2 {
	font-size: 1.3em
}

.titerror {
	color: #c00;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 0.5em
}

.error {
	border: 1px solid #c00;
	padding: 0.5em 2em
}

.spa0 {
	border-collapse: collapse
}

.pad0 TD, .pad0 TH {
	padding: 0px
}

.pad5 TD, .pad5 TH {
	padding: 5px
}

.pad10 TD, .pad10 TH {
	padding: 10px
}

.novedad {
	border-bottom: 1px dotted #aaa;
	padding: 0.5em 0 0.5em 1em;
	text-align: left
}

.novedad div {
	display: inline;
	margin: 0
}

.titnov {
	font-weight: bold
}

.titnov:after {
	content: ": "
}

.fechanov {
	text-align: right;
	white-space: nowrap
}

.fechanov:before {
	content: "["
}

.fechanov:after {
	content: "]"
}

#destacados #mas {
	margin: 1em 0
}

.junto {
	white-space: nowrap
}

.caution {
	background: #ffe1e1 url(../images/iconos/mantenimiento.gif) no-repeat;
	padding: 10px 5px 5px 70px;
	margin-top: 5px;
	border: 1px solid #aaa;
	margin-bottom: 10px
}

.caution a {
	color: #000;
}

.iconosmodelo {
	margin: 0px 10px 5px;
	float: right
}

.iconosmodelo img {
	margin: 0 5px
}

.iconosmodelo2 {
	float: left;
	margin: 0 10px 5px 0
}

.sub {
	text-decoration: underline
}

.izquierda {
	text-align: left
}

.derecha {
	text-align: right
}

.fizquierda {
	float: left
}

.fderecha {
	float: right
}

#banners {
	display: block;
	margin: auto
}

#banners img {
	margin: 5px 7px 3px
}

.navegacion {
	background: #fff;
}

.navegacion ul {
	margin: 5px 0 0 0;
}

.navegacion li {
	list-style: none;
	background: #fff url(../images/bullet1.jpg) no-repeat;
	text-align: left;
	padding: 6px 0 0 40px;
	color: #fff;
	font: 0.9em bold 'Open Sans' Verdana, sans-serif;
	margin: 5px 0;
	margin-left: -40px;
}

.navegacion ul li a {
	color: #fff !important;
	font-weight: normal !important;
	font-size: 150% !important;
	height: 30px;
	display: block;
}

.fuentes {
	padding: 10px
}

ul.leaders {
	max-width: 95%;
	margin-left: 5%;
	margin-right: 10%;
	overflow-x: hidden;
	list-style: none;
	background-color: lightgrey;
}

ul.leaders li{
    margin-bottom: 0;
}

ul.leaders li:after {
	float: left;
	width: 0;
	white-space: nowrap;
	content: ". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . "
		". . . . . . . . . . . . . . . . . . . . "
}

ul.leaders span:first-child {
	max-width: 40%;
	FONT-STYLE: italic;
	FONT-FAMILY: 'Open Sans' Verdana, Arial, Helvetica, sans-serif;
	padding-right: 1em;
}

ul.leaders span.infoAdicional {
	margin-left: 4%;
	padding-left: 1%;
	padding-right: 1%;
	FONT-STYLE: italic;
	FONT-FAMILY: Riojana-Regular, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: small;
}

ul.leaders span.cantidad {
	float: right;
	padding-left: 1%;
	FONT-STYLE: normal;
	FONT-FAMILY: Riojana-Regular, Verdana, Arial, Helvetica, sans-serif;
	min-width: 5em;
	text-align: right;
	position: relative;
	z-index: 1;
}

ul.leaders span {
	background-color: lightgrey;
	font-size: small;
}

ul.leaders li {
	padding-top: 10px;
}

ul.leaders li:last-child {
	FONT-WEIGHT: bold;
}

span.resultados {
	width: 75%;
	border: 2px solid #006600;
}
a.button {
    display: inline-block;
    white-space: nowrap;
    background-color: #fff;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',
        EndColorStr='#cccccc');
    border: 1px solid #777;
    padding: 0 1.2em;
    margin: 0 0.5em;
    font: bold 1em/1.6em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0
        rgba(0, 0, 0, .3);
}

a.button:hover {
    background-color: #eee;
    background-image: linear-gradient(top, #fafafa, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',
        EndColorStr='#eeeeee');
}

a.button:active {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .3) inset;
    position: relative;
    top: 1px;
}

a.button:focus {
    outline: 0;
    background: #fafafa;
}

a.button:before {
    background: #ccc;
    background: rgba(0, 0, 0, .1);
    float: left;
    width: 1em;
    text-align: center;
    font-size: 1.2em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .5);
    border-radius: .15em 0 0 .15em;
    pointer-events: none;
}
/* Hexadecimal entities for the icons */
a.add:before {
    content: "\271A";
    color: #006600;
}

a.delete:before {
    content: "\2718";
    color: #FF0000;
}

a.eraser:before {
    content: url("../../comun/images/delete2.gif");
    height: 1.3em;
}

span.botonAnadir {
    width: 100%
}

span.botonQuitar {
    width: 10em;
}

/*Para que los alert de jalert 2 salgan más arriba*/
.ja_sm {
    margin-top: -200px;
}

/********************** CSS AÑADIDO PARA GENERACION094 ********************/

.generacion_094{
	font-size:0.85em;
}

.columnaImporte{text-align:right;}
.filaGris{background:#e2e2e2}
.camposDeshabilitadosSinBordes{border-style: none; background-color: transparent}
.nota{border:0px;text-align:left;font-size:1em}

.tamano_fuente_094_large
{
	font-size:1.15em;
}

.tamano_funte_094_medium
{
	font-size:1em;
}

#tabla_liquidaciones
{
	overflow-y: scroll;
	max-height: 1000px;
}


#checkBoxLiquidaciones
{
	display:none !important;
}

.ocultoTmp{
	display:none;
}

.pBotonPagar
{
	width:100%;
	text-align:right;
	margin-bottom:10px;
}

.btn-secondary{
	border:#FFF !important;
}

#btnImprimir094
{
	float:left;
	margin-right:15px;
}

#btnPagar094
{
	float:left;
}

#botonesEleccion094
{
	width: 100% !important;
    clear: both;
    overflow: hidden;
    margin-bottom: 15px;
}
.spanDatosControl
{
	width:15%;
	float:left;
	text-align:left;
	margin-bottom: 15px;
}

/********************** CSS AÑADIDO PARA CONSULTA DE LIQUIDACIONES ********************/

.consulta_liquidaciones
{
}

#ocultar_liquidaciones_seleccionadas{
	display:none !important;
}
#mostrar_liquidaciones_seleccionadas{
	display:block !important;
}

#cuerpo_liquidaciones
{
	width:98%;
	margin:15px auto;
	padding:5px
}
.paginacion {
	font-size:0.75em;
}


.ui-autocomplete {
	top: 258.025px;
	left: 924.613px;
	width: 329px;
	max-height: 300px;
	overflow: auto;
	font: 1em Riojana-Regular;
}

.ui-autocomplete li {
	padding: 0em 0.1em;
	cursor: pointer;
}

.ui-menu-item .ui-menu-item-wrapper:hover {
	border: none !important;
	background-color: #1e8fff;
	color: white;
}