/*GENERAL STYLES*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, span { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:62.5%; font-weight:normal }
q:before, q:after { content:'' }
abbr, acronym { border:0 }
a, a:hover { text-decoration:none }
body { margin: 0 auto; width: 980px; font-family: sans-serif; background-color:#FFFFFF; font-size: 11px; /* font-size 1em = 10px */ padding: 15px 50px 50px 50px; }


table.tablaConsulta {
	text-align: left;
	border-collapse:collapse;
	border: none;
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 20px; 
	width:55%
}

tr.cabecera {
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	border-bottom: 2px solid white;
	padding-bottom: 13px; 
	background: url('images/bg-grad-tabla.jpg') repeat-x top;	 
}

tr.filaImparConsultas {
	background-color: #F3F3F3;
}

tr.filaParConsultas {
	background-color: white;	
}

tr.filaParConsultas td, tr.filaImparConsultas td {
	padding: 2px;
}

td.tituloCampoTabla {
	text-align: right;
	width: 50%;
}

td.valorCampoTabla{
	text-align: left;
	font-weight: bold;
	width: 50%;
}

span.consulta {
	line-height: 24px;
	cursor: pointer;
	padding: 5px;
}

span.enlacePadron {
	cursor:pointer;
	color: #0099CC;
	font-size: 12px;
}

div.identificacionUsuario {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0px 20px 0px;
}

span.enlacePadron:hover {
	text-decoration:underline;	
}


div.consultasDisponibles {
	margin-top: 10px;
}

span.etiquetaFormulario {
    color: #666666;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    width: 50%;
}

span.etiquetaFormularioFecha {
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
	padding-left: 7px;    
}

span.selectFormulario {
    display: inline;
    padding-left: 7px;
    text-align: left;
    width: 50%;
}

select.listaSeleccion {
    border: 1px solid #CCCCCC;
    font-size: 13px;
    height: 20px;
	
	background-color: #F2F2F2;  
	background-repeat: repeat-x;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#FFFFFF)); 
	background: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2); 
	background: -moz-linear-gradient(top, #FFFFFF, #F2F2F2); 
	background: -ms-linear-gradient(top, #FFFFFF, #F2F2F2); 
	background: -o-linear-gradient(top, #FFFFFF, #F2F2F2);    
}

div.filaFormulario {
	padding-top: 6px;
}

 .boton, input[type="button"] { 
	background-color: #0099CC;  
	background-repeat: repeat-x;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0099CC), to(#00CCFF)); 
	background: -webkit-linear-gradient(top, #00CCFF, #0099CC); 
	background: -moz-linear-gradient(top, #00CCFF, #0099CC); 
	background: -ms-linear-gradient(top, #00CCFF, #0099CC); 
	background: -o-linear-gradient(top, #00CCFF, #0099CC);   
	
    font-size: 13px;
    font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;	
	height: 25px;
	margin-top: 10px;
}

div.aviso {
	background-color: #CCCCCC;  
	background-repeat: repeat-x;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCCCCC), to(#FFFFFF)); 
	background: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC); 
	background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC); 
	background: -ms-linear-gradient(top, #FFFFFF, #CCCCCC); 
	background: -o-linear-gradient(top, #FFFFFF, #CCCCCC);   	
	
	color: #000000;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #999999;
    text-align: center;
    padding: 5px;
}

#capaCabecera {
    width: 85%;
    overflow: hidden;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#capaLogos, #capaLogosPieDuplicado {
    width: 50%;
    float:left;
	text-align: left;
	margin-left: 50px;
}

#capaDireccion {	
    overflow: hidden;
	margin-top: 50px;
}

#capaDetalle {	
	background-position: right bottom;
    background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}

#capaCodigoBarrasCabecera {
	width:100%;
	text-align: center;
}

#tablaIdRecibo, #tablaDetalleRecibo { 
	margin-top: 20px;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid black ;	
}

#tablaIdRecibo th, #tablaIdRecibo td {
	border: thin solid black;
	text-align: center;
	font-family:
}

#tablaIdRecibo th {
    font-weight: bold;
    padding: 3px;
}

#tablaIdRecibo td {
	font-size: 13px;
	padding: 3px;	
}

#capaDetalleRecibo {
	border: thin solid black;
	margin-top: 5px;
}

#capaTituloConceptoTributario {
	text-align: left; 
	font-size: 12px; 
	font-weight: bold;
	padding: 3px;
}

#capaConceptoTributario {
	text-align: center; 
	position:relative; 
	top: -5px;
	font-size: 14px;
}

#capaDesgloseRecibo {
	border-top: thin solid black;
	min-height: 130px;
}

#capaLineasConcepto, #capaImportes {
	margin-top: 10px;
	font-family: courier;
}

#capaLineasConcepto {
    width: 50%;
	margin-left: 10px;
    float:left;
	text-align: left;
}

#capaImportes {
	text-align: left;
    overflow: hidden;
}

#capaPieDuplicado{
    width: 85%;
    overflow: hidden;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#capaDireccionPieDuplicado {
	overflow: hidden;
	border: thin solid black;
	padding: 10px;
}

#capaCIFDuplicado {
	width: 100%;
	text-align: right;
}

#capaTextoDuplicado {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: gray;
}

#capaFechaPagoDuplicado {
	text-align: center;
}

#capaTotalDuplicado {
	text-align: right;
	border: thin solid black;
	border-top: none;
	padding: 5px;
	float: right;
}

#capaFormaPago {
	font-weight: bold;
	margin-top: 10px;
}

table.tablaConsultaPtp {
	text-align: left;
	border-collapse:collapse;
	border: none;
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 20px; 
	width:87%
}

td.tituloCampoTablaPtp {
	text-align: right;
	width: 12%;
}

td.valorCampoTablaPtp{
	text-align: left;
	font-weight: bold;
	width: 12%;
}

/* Alineación de columnas */
.columnaDerecha { text-align: right; }
.columnaIzquierda { text-align: left; }
.columnaCentrada { text-align: center; }


.errorLabel, .errorMessage {
	font-size: 14px; 
	font-weight: bold; 
	color: red;"
}

.label, .errorLabel {
	padding-right: 5px;
}