/* CSS Avant Haus */
/* Autor: David Vicente Moreno */

/*==============*/
/*  ELEMENTOS   */
/*==============*/

body { background: #FFFFFF url(imagenes/body.jpg) repeat-x top; margin: 0px; padding: 0px; font-size: 12px;
       font-family: "MS Sans Serif", "Helvetica", "Sans-serif"; }
a { border: 0; }
p { margin: 0; padding: 0; }

/* Esto arregla es scroll vertical en Firefox */
html { min-height: 100%; margin-bottom: 1px; }  

/*==============*/
/*  CLASES      */
/*==============*/

.azul {	color: #336699; }
.gris { color: #CCCCCC; }
.verde { color: #009900; }
.naranja { color: #FF6600; }
.rojo { color: #CC0000; }
.grande { font-size: 14px; font-weight: bolder; }

.celda { text-align: right; font-weight: bolder; }
.mapa { float:left; border: 1px solid #EEEEEE; padding: 5px; margin: 0px 10px; }

.centro {text-align:center; }
.izquierdo { float:left; }
.derecho { float:right; }

.sin_borde { margin:0px; border: 0px; }
.con_borde { border: 1px solid #EEEEEE; padding: 5px; margin: 5px;}


/*==============*/
/*  IDs         */
/*==============*/

/* Post-it */
#tama1 { width: 290px; height: 350px; position:inherit;
}
#tama2 { width: 290px; height: 350px; position:inherit;
}
#tama3 { width: 290px; height: 350px; position:inherit;
}


#liquidacion { position: absolute; border: 0px; background: url(imagenes/liquidacion.png); 
         width: 218px; height: 116px; padding: 0px;
         margin-top: 0px;
         margin-left: 10px; }
         
#renovatio { position: absolute; border: 0px; background: url(imagenes/renovatio.png); 
         width: 114px; height: 112px; padding: 0px;
         margin-top: 0px;
         margin-left: 0px; }         

#postit2 {
	position: absolute;
	border: 0px;
	background: #FFFFFF url(imagenes/post-it2.jpg);
	width: 150px;
	height: 198px;
	padding: 0px;
	margin-top: 380px;
	margin-left: 650px;
	left: -85px;
	top: 1088px;
}

/* Página */
div#pagina { background: #FFFFFF; width: 760px;	margin: 0px auto; text-align: justify; z-index: auto; }
div#pagina a { color: #99CC00; text-decoration: none; font-weight: bold; }
div#pagina a:hover { color: #336699; text-decoration: underline; font-weight: bold; }
div#pagina h1 { font-size: 12px; font-weight: bolder; color: #666666; padding: 5px;}

/* Contenido */
div#contenido { padding: 20px 20px 30px 20px; }
div#contenido address {	font-style: normal;	padding-bottom: 60px; }
div#contenido table { padding: 10px; }
div#contenido td { padding: 5px; }
div#contenido ul { padding: 0px 20px 0px 20px; }
div#contenido li { list-style-type: lower-alpha; }

/* Menú */
div#menu { padding: 0px; margin: -2px 0px 0px 0px; text-align: center; font-size: 12px; font-weight: bolder;
           border-left: 1px solid #999999; 
		   border-right: 1px solid #999999;	
		   border-top: 2px solid #444444; 
		   border-bottom: 2px solid #444444; }
div#menu ul { background-color: #D5D5D5; padding: 11px 2px 11px 2px; margin: 0px; }
div#menu li { display: inline; }
div#menu li a { padding: 8px 10px 8px 10px; border: 1px solid #D5D5D5; text-decoration: none; color:Black; }
div#menu li a:hover { background-color: #99CC00; text-decoration: none;	border: 1px solid #444444; color:White; }

/* Submenú */
div#submenu { text-align: center; font-size: 12px; color: #999999; line-height: 20px; border-bottom: 2px solid #444444;	}
div#submenu ul { padding: 5px; margin: 0px; }
div#submenu li { display: inline; font-weight: bold; padding: 7px;}

/* Pie de página */
div#pie { border-top: 2px solid #444444; padding-top: 5px; margin: 0px; }