/* ------- Estilos para Etiquetas General --------------------- */

* {border-width: 0px 0px; padding: 0px 0px; margin: 0px 0px;}

body {font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;text-align: center;background-color: #FFFFFF;margin-top: 15px;color: #333300;}
#cabecera h1 {color:#fff;font-size:1.5em;width:450px;text-align:center;margin:auto;padding-top:2em;}
#cabecera h2 {color:#bcc;font-size:1em;width:450px;text-align:center;margin:auto;padding-top:0;background:none;}
h2 {font-weight: bold;font-size: 1em;color: #030;padding: 1% 2% 1% 2%;background-color: #eeeeee;text-transform: uppercase;margin-top: 1em;}
h3 {margin-top:2em;font-size:0.9em;background-color: #eeeeee;padding: 0.5em 0.5em 0.5em 1em;}
h4 {margin-top:2em;font-size:0.9em;border-bottom:#ccc 1px solid;border-right:#ccc 1px solid;padding: 0.5em 0.5em 0.5em 1em;}
a {text-decoration:none;color: #21536A;}
a:visited{text-decoration:none;color: #21536A;}
a:hover{background-color: #f1f0a7;}
em {color: #600;font-weight: bold;text-decoration:none;}
ul {padding-left:1em;list-style-type: square;}
ul ul {padding-left:3em;}

/*Estilos específicos para todo el sitio*/
hr {clear:both;}

ol {font-size: 0.9em;margin: 2em 0 0 4em;text-align:justify;}


/*------ Información superior de las páginas ----- */
.informacion p, .informacion ul {font-size: 0.9em;margin: 0;text-align:justify;}

img.left {float:left; margin-right:1em;}
.rojo {color: #600;}
.verde {color: #060;}
p.centrado {text-align:center;}
p.centrado img {width:46em;height:11em;max-width:589px;max-height:133px}
p.derecha {text-align:right;}
dl.documentos  dt {font-weight:bold;margin-top:2em;list-style:none;border-bottom:#eee 1px solid;border-right:#eee 1px solid;}
.pdf {background: url(i/pdf.gif) no-repeat top left; font-weight:normal;margin-top:1em;padding-left:40px;min-height:25px;line-height:2em;list-style:none;}
.web {background: url(i/web.gif) no-repeat top left; font-weight:normal;margin-top:1em;padding-left:40px;min-height:25px;line-height:2em;list-style:none;}
.zip {background: url(i/zip.jpg) no-repeat top left; font-weight:normal;margin-top:1em;padding-left:40px;min-height:25px;line-height:2em;list-style:none;}



/* ----------------------------------------------------------------------------------------------------------------------*/
/*------------------------------ Estilos específicos para la sección del Usuario --------------------------------------*/


#cambiarFoto .foto {width: 100px; height:100px; overflow:hidden ; float:right;}
#cambiarFoto label {margin-left:1em;}
form#registro #cambiarFoto p {margin:1em 0 0 2em;font-size:0.8em;width:45em;}


 /*** Formularios ***/

div.error {background : #a00;color: #fff;width:100%;}
form p.descripcion {font-size:1em;}
form div.error {font-size : 1em;line-height : 1.2em;}
form fieldset {border:#333 2px solid;margin-top:2em;}
form fieldset fieldset {border:none;}
form legend {background-color:#eee;padding:0.5em 0.5em;margin-left:1em;font-weight:bold;border:#333 1px solid;}
form legend + p.nota {margin-top:0.6em;}
form .fila { margin : 1em 1em; clear : both; }
form .fila input[type=file] { width : 23em; float:none;display:block;}
form .fila input[type=button] {width: 23em;}
form .nota { margin : -1em 1em 1em 1em; clear : both; font-size   : 0.8em; color: #333;}
form label {width: 15em;float: left;display: block;font-weight : bold;}
form label.sinAyuda {width: 17em;float: left;display: block;font-weight : bold;}
form label.linea {width: 90%;float:none;display: block;font-weight : bold;margin:1em 0 0em 1em;}
form input[type=radio].lote {margin-left:2em;}
form .fila input { width : 32em; border:#ccc 1px solid;}
form input.mayuscula {text-transform:uppercase;}
form input.minuscula {text-transform:lowercase;}
form .fila input[type=password] { width : 32em; }
form .fila input[type=reset] { width : 2em; }
form .fila input.radio {width: 5em;}
form .fila textarea {width: 100%; height: 5em;border:#ccc 2px solid;}
form .fila textarea.corto {width: 100%; height: 25em;}
form .fila textarea.medio {width: 100%; height: 40em;}
form select {width: 32em;}
form select.mediano {width: 8em;}
form select.corto {width: 5em;}
form .enLinea {float:left;text-align:center;max-width:12em;}
form .enLinea label {display:block;font-weight:bold; text-align:center;margin-left:0em;width:100%;}
form .enLinea input {border:#000 1px solid;}
form .enLinea input#entidad {width:4em;}
form .enLinea input#sucursal {width:4em;}
form .enLinea input#dc {width:2em;}
form .enLinea input#numero {width:10em;}
form #cuenta_corriente {margin-left:18em;margin-top:-2em;}
form .captcha { margin-left : 10em; }
form .submit {text-align:right; background : #eee;}
form .submit input {font-size:1.5em;background : #ccc;}
form .submit input:hover {background : #333;color:#ccc;}
form .ayuda {padding-left:1em;padding-right:1em;position: relative;background: url(i/ayuda.gif) left top no-repeat;cursor: help;}
form .ayuda:hover {background: url(i/ayuda.gif) left top no-repeat;}
form .ayuda:hover span {display: block;}
form .ayuda span {background: #9c6;padding: 1em;display: none;text-align:justify;position: absolute;width:34em;margin-left:19em;
		margin-top:-1em;font-size:0.9em;color:#333;border:#333 1px solid;}




/*------- Estilos para partes específicas ------- */


#columnaDerecha p {font-size: 0.8em;}
#columnaDerecha p.titulo {color: #060;font-size: 1em;font-weight: bold;text-align: center;margin-top: 1em;border-bottom:#060 1px solid;}
#columnaDerecha img {display: block;margin: auto;}
.publicacion{color: #990;margin-top:-1.5em;padding-right:0.4em;text-align:right;font-size:0.8em;
			font-weight:bold;border-bottom: 1px dotted #ccc;border-right: 1px dotted #ccc;}

#firma {display:none;}