/* Generales */
body { margin: 0px; padding: 0px; text-align: center; background: #FFFFFF url(../imagenes/fondoBody.jpg) repeat-x center top; font: 12px/1.5em Verdana, sans-serif; min-width: 720px; }
p, h1, h2, h3, h4, ul, ol, li, div, img { margin: 0; padding: 0;}
.clear { clear: both; line-height: 1px; height: 1px; font-size: 1px; margin: 0; padding: 0; }

/* Fromualrios */
form { margin: 0; padding: 0;}
label { width: 130px; float: left; margin: 15px 10px 0px 0px; padding: 0px; color: #484848; text-align: right; 	cursor: pointer; }
input, textarea {  float: left; margin: 14px 0px 0px; padding: 2px; }
fieldset { margin: 0 0 1em 0; padding: 0.5em; border: #DDD 1px solid; }
legend { font: bold 1.1em/1.362em Verdana, Arial, Helvetica, sans-serif; color: #666; }
form br { clear: both; line-height: 1px; height: 1px; font-size: 1px; margin: 0; padding: 0; }
form .aclaraciones { font: normal 0.84em/2em Verdana, Arial, Helvetica, sans-serif; color: #8F9DA9; margin: 0px; padding: 0px 0px 0px 140px; }
form .botonForm { clear: left; margin: 14px 0px 14px 140px; padding: 4px; }

/* Tipografias */
h1 { margin: 0px 0px 0.6em;  padding: 0px 0px 0.3em; font: normal 1.6666666666666667em/0.9em Georgia, "Times New Roman", Times, serif;  color: #2e2e2e; background: url(../imagenes/punteado.gif) repeat-x left bottom; }
h2 { margin: 0px 0px 1em; font: normal 1.5em/1em Georgia, "Times New Roman", Times, serif; color: #626B73; }
h3 { font: bold 1.1em/1.362em Verdana, Arial, Helvetica, sans-serif; color: #484848; }
p, ul, ol { margin: 0em 0em 1.5em; font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #484848; }

/* Links */
a { color: #e5322b; text-decoration: underline; }
a:visited { color: #e5322b; text-decoration: none; }
a:hover {color: #003366; text-decoration: underline; }
a img { border: none; text-decoration: none; }

/* Layout */
#contenedor { width: 98%; margin: 0 auto; text-align: left; max-width: 1004px; min-width: 780px;}

/* Usuarios */
#usuarios { margin: 0; padding: 12px 20px 14px;}
#usuarios a { color: #ccccc9; text-decoration: none; }
#usuarios a:hover { color: #E84840; text-decoration: none; }
#usuarios p { margin: 0px; font: normal 1em/1em Verdana, Arial, Helvetica, sans-serif; color: #ccccc9; text-align: right; }

/* Encabezado */
#encabezado { margin: 0; padding: 0; width: 100%; overflow: hidden; }
#encabezado #logo { float: left; margin: 0px; padding: 0px; text-decoration: none; background: none; }
#encabezado #slogan { float: right; }

/* Menu Lateral */
#menu { float: left; width: 20%; margin: 0; padding: 0; }
#menu .padding {  padding: 20px 10px; }
#menu h3 { margin: 0px 0px 0.8em; padding: 0px 0px 0.3em;  color: #2e2e2e;  background: url(../imagenes/punteado.gif) repeat-x left bottom; }
#menu ul { list-style: none; }
#menu li a { display: block; padding: 0px 0px 0.3em; color:#e5322b; text-decoration: none; }
#menu li a:hover { color:#003366; text-decoration: underline;}

/* Contenido */
#contenido { float: left; width: 78%; margin: 0px 0px 0px 10px; padding: 0; }
#contenido .padding { padding: 20px; }
.amp { font: italic 120% "Goudy Old Style", "Palatino", "Book Antiqua", serif; }
.caja {  background: url(../imagenes/fondoCajas.gif) no-repeat left top;  margin: 18px 0px 0px;  padding: 18px 0px 0px; }
.miniatura { background: #e2e2de; margin: -2px 10px 4px 0px; padding: 4px; float: left; }
.right { margin: -2px 0px 10px 10px; padding: 4px; float: right; clear: right; }
.listadoConFotos { float: left; width: 170px;  height: 220px; overflow: auto; margin: 0px 10px 10px 0px; text-align: center; }
.listadoConFotos img { background: #e2e2de; margin: 0px; padding: 4px;}

/* Breadcrumbs */
.breadcrumbs { font: normal 0.84em/2em Verdana, Arial, Helvetica, sans-serif; }
.breadcrumbs a { color: #e5322b; text-decoration: none; }

/* PopUp fotos */
.pifotopopup { cursor: url(../js/pi-popup/imagenes/zoomin.cur), pointer; outline: none; margin: -2px 0px 10px 10px; padding: 4px; float: right; clear: right; text-decoration: none; }
.sinRight { margin: 0px 10px 10px 0px; float: left; clear: none; text-decoration: none; }
.pifotopopup img { border: 4px solid #e2e2de; text-decoration: none; }
.pifotopopup:hover img { border: 4px solid #003366; text-decoration: none; }
.pifotopopup-image { border: 8px solid white; }
.pifotopopup-image-blur { }
.pifotopopup-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white; }
.pifotopopup-display-block { display: block; }
.pifotopopup-display-none { display: none; }
.pifotopopup-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; padding-left: 22px; background: black url(../js/pi-popup/imagenes/loader.gif) no-repeat 3px 1px; }
a.pifotopopup-credits,
a.pifotopopup-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; }
a.pifotopopup-credits:hover,
a.pifotopopup-credits:hover i { color: white; background-color: gray; }

/* Mensajes de Error */
.mensajeError { position: relative; width: 100%; background: #ccc; margin: 0px 0px 18px; padding: 0px; }
.mensajeErrorInterna { position: relative; top: -2px; left: -2px; margin: 0px; padding: 18px 18px 0px; border: 1px solid #CCCCCC; background: #F5F5F5 url(imagenes/fondoError.gif) no-repeat left top; }

/* Pie de Pagina */
#pie { clear:both; margin: 0px; padding: 10px 20px; border-top: 5px solid #e2e2de; }
#pie p { margin: 0.2em 0em 0.2em; }
#pie .creditos { float: right; }
#pie .creditos a { color:#999999; text-decoration: none;}
#pie .creditos a:hover { color:#333333; text-decoration: underline;}